/*
	Page colours
	#fff8e5 background
	#553e00	dark brown
	#aa9b72	light brown
*/

/* Globals */
body { background-color: #fff8e5; padding: 0; margin: 0; font-family: Arial, Verdana, sans-serif; font-size: 0.79em; color: #553e00; }
h1 { padding: 40px 0 0 40px; font-weight: bold; color: #f06; font-size: 1.2em; margin-bottom: 20px;}
h2 { padding: 20px 20px 10px 20px;	font-weight: bold; color: #f06; font-size: 1em; border-bottom: #f06 1px dashed; margin: 0;}
h3 { padding: 20px 0px 5px 0px;	font-weight: bold; color: #f06; font-size: 1em; border-bottom: #f06 1px dashed; margin: 0; height: 16px;}
h4 { padding: 20px 0px 5px 0px;	font-weight: bold; color: #f06; font-size: 1em; margin: 0; }

/* Containers */
#container { position: relative; margin: 0 auto; padding: 0; width: 800px; min-height: 600px; }
#header { position: relative; margin: 0; padding: 0; left: 0; top: 0; width: 800px;	 height: 100px; background: url(../images/kards_logo.jpg) top left no-repeat; }
#content { position: relative; margin: 0; padding: 0; left: 0; top: 0; width: 800px; min-height: 450px;	}
#content_left {	position: relative;	min-height: 470px; top: 0px; float: left; width: 190px; text-align: left; padding-right: 10px; overflow: hidden; }
#content_right { position: relative; top: 0px; float: right; width: 580px; text-align: left; padding-right: 10px; min-height: 470px; }
#footer { position: relative; top: 0; clear: both; height: 20px; width: 800px; }
#footer_left { position: relative; margin: 0; padding: 20px 20px 20px 25px; left: 0; font-size: 0.9em; float: left; text-align: left; width: 200px; }
#footer_right {	position: relative;	margin: 0; padding: 20px 20px 20px 25px; left: 0; font-size: 0.9em; float: right; text-align: right; width: 200px; }
#paypal_info { position: relative; margin: 0; padding: 0; left: 30px; top: 10px; width: 95px; height: 170px; background: url(../images/paypal_info.jpg) top left no-repeat; }
#intro { position: relative; top: 30px; left: 40px; min-height: 400px; clear: both; }

/* Links */
a.external_link { text-decoration: none; color: #f06; }
a.external_link:hover { text-decoration: underline; }
.link_inline { text-decoration: none; color: #39c; font-weight: bold; }
.link_inline:hover { padding-bottom: 1px; border-bottom: #39c 1px dashed; }
.link_img { text-decoration: none; border: none; margin: 0; }
.link_external { text-decoration: none;	color: #39c; font-weight: bold; margin-left: 20px;}
.link_external:hover { padding-bottom: 3px; border-bottom: #39c 1px dashed; }
.email { text-decoration: none;	color: #39c; font-weight: bold; }
.email:hover { padding-bottom: 3px; border-bottom: #39c 1px dashed; }
.details { text-decoration: none; color: #39c; font-weight: bold; }
.details:hover { padding-bottom: 3px; border-bottom: #39c 1px dashed; }

/* Images */
.img_left {	float: left; margin: 20px 20px 10px 20px; border: 1px #999999 solid; }
.img_right { float: right; margin: 20px; border: 1px #999999 solid; }
.img_link { border: none; }

/* Navigation menu */
#nav { position: relative; margin: 0; padding: 0; left: -20px; top: 20px; width: 200px; height: 300px; background: url(../images/nav_bgd.jpg) top left no-repeat; }
#nav ul { list-style: none;	margin: 0; padding: 25px 0 0 30px; border: none; }
#nav li { margin: 0; height: 25px; }
#nav li a {	display: block;	padding: 5px 5px 5px 20px; color: #553e00; text-decoration: none; width: 100%; background-color: #fff8e5; text-indent: 10px; line-height: 15px; height: 15px; }
#nav li a.active { font-weight: 900; color: #f06; background-color: transparent; }
html>body #nav li a { width: auto; }
#nav li a:hover { background-color: transparent; }

/* Text */
.text_area { padding: 0px 20px 30px 20px; clear: left;}
.text_detail { padding: 0px 20px 30px 20px; clear: both; }
.text_sample { padding: 15px 20px 10px 20px; clear: both; }
.text_block { padding: 30px 20px 0px 20px; }
.text_links { padding: 15px 20px 0px 20px; }
.text_info { padding: 10px 0 20px 0; }
.text_bold { font-weight: bold; }
.desc { padding: 0 20px 20px 20px; }
.text_left { padding: 0 20px 20px 20px; float: left; }
.text_right { padding: 0 20px 20px 20px; float: right;}
.details_ranges { position: relative; top: 30px; left: 160px; margin-bottom: 50px; }
.desc_ranges { padding: 20px 20px 20px 20px; }
.desc_events { padding: 10px 20px 20px 20px; }
.desc_contact { padding: 20px 20px 0px 20px; }
.text_faq { padding: 10px 20px 25px 40px; list-style: none; margin: 0; border: none; }
.text_faq li { margin: 0; padding-bottom: 2px;}
.text_contact {	padding: 0px 20px 0px 20px;	clear: left; }
.ks { font-weight: 900;	color: #f06; }
.ranges { width: 500px; position: relative;	top: 0;	padding: 10px 20px 10px 20px; clear: both; }

/* Tables */
table.items { clear: both; width: 570px; padding-top: 40px; }
td.item { width: 500px; font-weight: bold; color: #f06; font-size: 1em; border-bottom: #f06 1px dashed; margin: 0; }
td.price { width: 100px; font-weight: bold; border-bottom: #f06 1px dashed; margin: 0; text-align: right; }
td.paypal_bin { text-align: right; }
td.sample_left {width: 100px; }
td.sample_right {width: 200px; }

/* Forms */
label, label span { display: block; padding-bottom: .5em; }
label { float: left; width: 100% }
label span { float: left; width: 20%; text-align: left; }
fieldset { padding: 20px; border: none; }
fieldset input, textarea { float: left; width: 70%; border: 1px solid #39c; }
fieldset input:hover, fieldset textarea:hover { border-color: #000; }
fieldset input:active, input:focus, textarea:active, textarea:focus { border-color: #900; }
form div { position: relative; left: 120px; margin-bottom: 30px; }
form input#name { width: 200px; }
form input#postcode { width: 100px; }
form input#email { width: 200px; }
form textarea#comments { height: 100px; }
fieldset legend { display: none; }

/* Blockquotes */
blockquote { width: 450px; padding-left: 40px;   background: url(../images/quote_before.jpg) left top no-repeat; }
div.quote { padding-right: 40px; background: url(../images/quote_after.jpg) right bottom no-repeat; }
.testimonial { padding: 0 0 25px 100px; font-weight: bold; }