/*

Design - dna|creative - Dennis williams (email:dennis@dna.co.za)

Colours used:


*/


/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
/*ol, ul, li { list-style:none }*/
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* reset - part of starkers */

/*
CHRIS RESET
*/

* 			{ margin:0; padding: o; }
html 		{ overflow-y: scroll;height: 100%; }
/*html, body 	{ height: 100% }*/
body 		{ font-size 70%; font-family: Lucida Grand, Lucida Sans, Arial, sans-serif; color: #614c0a;height: 100%;
		  	/*background: url(../../../images/bg_pagemaroon.gif);*/}
/*ul 			{ list-style: inside; }*/
ol 			{ list-style: decimal inside;}
a 			{ outline:none; text-decoration: none;}
a img 		{ border:none;}
img 		{ vertical-align:middle;}
table 		{ border-collapse: collapse;}


/*
TYPOGRAPHY

*/

h1, h2, h3, h5, h5, h6 { font-weight:bold; font-family:Helvetica, "Helvetica Neue", Arial, sans-serif } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } 
p, body {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif ; line-height: 1.5em; font-size:14px;}

p			{font-size: 13px; line-height: 1.7em; margin: 0 0 10px 0; }
li 			{font-size: 13px; line-height: 1.2em; margin: 0 0 10px 0; }

p#intro-paragraph	{font-family: lucida grande, lucida sans, arial, sans serif; font-size:12px; line-height:1.4em; margin-top:5px; margin-bottom:10px; border-bottom: solid 1px #993300; padding-bottom:10px;}

p#intro-paragraph span	{font-size:14px; font-weight:bold;}
p#intro-paragraph em	{color: #555}
a			{color: #d38026; text-decoration:underline;}
a:hover			{color: #000000; text-decoration:none; /*background-color:#FFFFFF*/}
h1			{font-size:3.4em; font-weight:bold; color:#33CCFF;}
h2			{font-size:2.0em; font-weight:bold;}
h3			{font-size:1.8em; font-weight:bold; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px #666666 dotted; color: #058382; padding-top:15px;}
h4			{font-size:1.5em; /*font-weight:bold; colour: #efdea0; margin-bottom:10px; border-bottom: dotted 1px #efdea0; padding-bottom: 5px;*/}




/*
UTILITY
*/

.floatleft 		{ float:left;}
.floatright 	{ float:right;}
.clear 			{ clear:both;}
.button 		{}
.button:hover 	{}
.readmore 		{

/*	background:url(images/button_bg_2.gif) repeat-x;*/
	color:#726434;
	padding:4px;
	margin-left: 2px;
	margin-right: 4px;
	margin-top: 5px;
	margin-bottom: 2px;
	text-decoration:none;
	font-size:10px;
	border: 1px solid  #726434;
	background-color: #ffce38;
		float:right;
		
		/* #e4e5ac;*/
}
.readmore:hover {

/*	background:url(images/button_bg_3.gif) repeat-x;*/
	color:#FFFFFF;
	padding:4px;
	margin-left: 2px;
	margin-right: 4px;
	margin-top: 5px;
	margin-bottom: 2px;
	text-decoration:none;
	font-size:10px;
	border: 1px solid #333333;
	background-color:#33CCFF;
	float:right;
}

.post img {margin:10px; float:left; border: solid 1px #996633;}

h1 {padding-top:20px;}

/*
STRUCTURE
*/

#topstrip {
	background-color: #6b550f;
	height: 67px;
}

#header {

	background:url(images/electric_bluetile.gif) repeat-x;
	background-color: #11d3d1;
	height: 243px;
	margin-bottom: 20px;
}


#body {
	background-color: #cdc4a6;	
/*	text-color: #000066;*/
	padding-top: 20px;
	font-size: 12px;
}


#footer {
	background:url(images/foot_tile.gif) repeat-x;
	background-color:#796f51;
	color:#FFFFFF;
/*	height: 200px;*/
	padding-top: 20px;
}

#footer a{
	color:#cccccc;
	text-decoration:none;
}

#footer a:hover {
	color:#fcaf2e;
	text-decoration:underline;
}

#contain {
	width:950px; 
	margin:0px auto; 
	min-height:100%; 
	height:auto !important; 
	height:100%;
	
}

.logo {
	background:url(images/thumbs.gif) no-repeat bottom left;
	height: 242px;
	width: 591px;
	position:relative;
}

.logopos {
	top: 1px;
	left: 360px;
/*	left:940px;*/
	position:absolute;
}

.topbox {
	width:692px; 
	height:75px; 
	margin-top:0px; 
	margin-bottom:10px; 
	margin-right:0px; 
	margin-left:0px; 
}

.quotebox {
	width: 950px;
	color: #000000;
	margin-top:0px; 
	padding-top: 15px;
	margin-bottom:10px; 
	margin-right:0px; 
	margin-left:0px; 
	border-top: 1px dotted #663300;
	font-size:12px;
}
.login {
	width:280px; 
	height:65px; 
	margin-top:10px; 
	margin-bottom:0px; 
	margin-right:0px; 
	margin-left:100px; 
	padding-left: 10px;
	border-left: 1px dotted #ffffff;
	font-size:10px;
	color:#ffffff;
}
.search {
	width:260px; 
	height:65px; 
	margin-top:10px; 
	margin-bottom:0px; 
	margin-right:0px; 
	margin-left:0px; 
	padding-left: 10px;
	border-left: 1px dotted #ffffff;
	font-size:10px;
	color:#ffffff;
}

.search legend {
	font-size:11px;
	color:#000000;
	margin-bottom: 8px;
	text-transform:uppercase;
}

.login legend {
	font-size:11px;
	color:#000000;
	margin-bottom: 8px;
	text-transform:uppercase;
}

.navbar {
	display:inline;
	width:960px; 
	height:30px; 
	margin-top:0px; 
	margin-bottom:0px; 
	margin-right:0px; 
	margin-left:10px; 
	padding-top:0px;
	padding-left: 10px;
	font-size:14px;
	text-transform:uppercase;

}

.navbar a {
	color:#dedede;
	text-decoration:none;

}
.navbar a:hover {
	color:#000000;
	text-decoration:none;

}

.navbar li {
	display:inline;
	padding: 10px 8px 8px 8px;
	margin-left: 10px;
}

.navbar li:hover {
	background-color:#FFFFFF;
	color:#cccccc;
	display:inline;
	padding: 10px 8px 8px 8px;
	margin-left: 10px;
}

.box2 {
	width:450px; 

	/*height: 240px;*/
	/*margin-right:20px;*/
/*	background-color: #8c8c8c;*/
}

.box1 {
	width:700px; 
		/*height: 240px;*/
/*	background-color: #8c8c8c;*/
}

.boxrow1 {
	width:450px; 
		height: 250px;
			padding-bottom:20px;
/*	background-color: #8c8c8c;*/
}

.boxrow2 {
	width:450px; 
		height: 250px;
			padding-bottom:20px;
/*	background-color: #8c8c8c;*/
}

.boxrow3 {
	width:440px; 
		height: 200px;
			padding-bottom:20px;
/*	background-color: #8c8c8c;*/
}

.boxrow4 {
	width:450px; 
		height: 285px;
			padding-bottom:20px;
/*	background-color: #8c8c8c;*/
}

.box4 {
	width:450px; 
		/*height: 240px;*/
/*	background-color: #8c8c8c;*/
}

.smallbox {
	width: 230px;
	margin-right: 7px;
	margin-top: 20px;
	margin-bottom: 15px;
}



.featurebox {
	margin-top: 18px;
	width:436px; 
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 2px;
	background-color: #CCCCCC;
	border: solid 1px #666666;
	min-height:100%; 
	height:auto !important; 
	height:100%;
	font-size:10px;
	color:#333333;
}
.rightbox {
	width:436px; 
	background-color: #e9e8e7;
	margin-bottom: 20px;
	min-height:100%; 
	height:auto !important; 
	height:100%;
	border: solid 1px #666666;
/*	position:relative;*/
/*	vertical-align:bottom;*/
	padding-bottom: 5px;
	padding-top: 10px;
	padding-right: 3px;
	padding-left: 10px;
/*	text-transform:uppercase;*/
	color:#000000;
	font-size: 10px;
} 

h6 {
	text-transform:uppercase;
	color:#000000;
	font-size:30px;
/*	font-family:Impact;*/
}

h7 {
	text-transform:uppercase;
	color:#000000;
	font-size:24px;
/*	font-family:Impact;*/
}

h5 {
	text-transform:uppercase;
	color:#ffe4b7;
	border-bottom: 1px dotted #CCCCCC;
	margin-top: 15px;
	margin-bottom: 8px;
	padding-bottom: 5px;
	font-size:14px;
/*	font-family:Impact;*/
}

h4 {
	text-transform:uppercase;
	color:#c47b00;
/*	border-bottom: 1px dotted #CCCCCC;
	margin-top: 15px;
	margin-bottom: 8px;
	padding-bottom: 5px*/;
	font-size:13px;
/*	font-family:Impact;*/
}

.footleft {
	width: 400px;
	color:#CCCCCC;
	margin-right: 40px;
} 
.footmiddle {
	width: 240px;
	color:#CCCCCC;
	margin-right: 40px;

} 
.footright {
	width: 400px;
	color:#CCCCCC;
	margin-right: 0px;

}




/*
	FORMS
*/
.search_term {								
	padding: 1px;
	background: url(images/input_bg.gif) repeat-x top;
	border: 1px solid #990000;
}

.submit_button { 	
	background:url(images/button_bg_5.gif) repeat-x;
	font-size:10px;
	color:#FFFFFF;
	padding:1px;
	margin: 3px 1px 1px 3px;
	border: 1px solid #000000;
}

.submit_button:hover {
	background:url(images/button_bg_4.gif) repeat-x;
	color:#FFFFFF;
	padding:1px;
	margin: 3px 1px 1px 3px;
	border: 1px solid #000000;
}

/*
	FOOTER
*/


/*#footer-inside						{ width: 950px; margin: 0 auto; }
#footer p							{ color: white; }
#footer-1							{ width: 280px; float: left; margin-right: 30px; }
#footer h1		{font-size:1.5em; font-weight:bold; colour: #efdea0; margin-bottom:10px; border-bottom: dotted 1px #efdea0; padding-bottom: 5px;}
#footer-2							{ width: 280px; float: left; margin-right: 20px; margin-left: 20px;}
#footer-3							{ width: 280px; float: left; margin-left: 20px;}
#footer-4							{ width: 280px; float: right; margin-left: 20px;}
#footer a							{ color: #610000; }
#footer a:hover						{ color: efdea0; }
#footer ul							{ color: #610000; }
.foot-head	{display:block; font-size:1.5em; font-weight:bold; colour: #efdea0; margin-bottom:10px; border-bottom: dotted 1px #efdea0; padding-bottom: 5px;}
.footerheading {display:block; font-size:1.5em; font-weight:bold; colour: #efdea0; margin-bottom:10px; border-bottom: dotted 1px #efdea0; padding-bottom: 5px;}
*/