﻿body {background: #000;}
body, h4, form, input {
	padding: 0px;
	margin: 0px;
	border: 0;
	list-style-type: none;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	color: #333;
	
	}

	
h2 a, a:visited, a:hover {
	font-size: 16px;
	color: #333;
		}	
	
	
	a, a:visited {
	padding: 0px;
	margin: 0;
	border: 0;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	color: #333;
	
		}
		a:hover {
	padding: 0;
	margin: 0;
	border: 0;
	list-style-type: none;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	color: #9cd014;
		}
ul, li, {
	padding: 5px; line-height:12px;

}

	
div#floatclearer {
	clear: both;
	
	
	}
	
div#contentwrapper a, a:visited a:hover {
	padding: 0px;
	margin: 0;
	border: 0;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	color: #ff7200;
	font-weight:700;
	
	}
div#contentwrapper a:hover {
	color: #777 ; padding: 0px;
	}
	
	
/* font content formatting */

h4 {
	font-family: arial; 
	padding: 0px 10px;
	font-size: 12px;
	font-weight:bold;
	}
	
h1 {
	color:#F1F1F1;
font-size:10px;
margin:0;
padding:0;
text-align:left;
	
		}
h3, h2 {
	padding: 3px 20px;
	color: #222;
	font-family: tahoma;
	font-size: 13px;
	text-decoration: none;
}		
	
div.h2header {
	margin: 0 auto;
	}

div.h2header h2.header {
	background:#FFA800;
	
	color:#FFFFFF;
	font-size:10px;
	padding:0 10px;
	text-align:left;
	width:760px;
	margin: 0 auto;
	
	}
	
h3 {
	font-size: 13px;
	color: #454545;
	font-weight: bold;
	padding:10px; 
		}
		
h5 {
	font-size: 13px;
	color: #111;
	font-weight: bold;
	padding:10px;
	background: url(../img/sidebar.gif);
	margin: 0px;
	
		}
	
/* styling for anything in the masthead div */

div#mastheadwrapper {
	background: #fff;
	color: white;
	margin:auto;
	width:782px;
		}

	
div#masthead h1 {
	font-size: 18px;
	font-weight: lighter;
	
	}
div.stretch {
	background:#5E97C4;
	width: 781px;
	
	}

div#masthead ul#smallnav {
	float: right;
	margin-top: 5px;
	}
	
div#masthead ul#smallnav li {
	float: left;
	color: #C2C2C2;
	}
	
div#masthead ul#smallnav li a {
	color: #C2C2C2;
	font-weight: bold;
	}
	
div#masthead ul#smallnav li a:hover {
	color: white;
	}
	
div#masthead p.slogan {
	float: right;
	clear: right;
	margin-top: 5px;
	font-weight: bold;
	}
	
div#masthead p.slogan a {
	color: #5E97C4 ;
	}
	

	
div#masthead div#searchbar {
	float: right;
	clear: right;
	width: 196px;
	height: 30px;
	background: white url('../img/searchbar.gif') no-repeat top left;
	margin-top: 24px;
	}
	
div#masthead div#searchbar input {
	float: left;
	margin: 5px 0 0 10px;
	border: 1px solid #D2D2D2;
	}
	
div#masthead div#searchbar input.button {
	float: right;
	margin: 0px 5px 0 0;
	width: 60px;
	height: 22px;
	border: 0;
	background: blue url('../img/searchbutton.gif') no-repeat top left;
	color: white;
	font-weight: bold;
	padding-bottom: 3px;
	}
	
div#masthead h3 {
	color: #fff;
	}
	
/* main content formatting */

div#contentwrapper {
	width: 992px;
	border:1px solid #999999;
	background: #fff;
	margin: 25px 0 0 0;
	
	}
	
div#maincontent {
	float: left;
	background: white url('../img/maincontent.jpg') no-repeat scroll left top;  
	width: 792px;
	
	
	}
#content {
padding: 0px 15px;
}
	
div#contentwrapper p {
background:#0169BE none repeat scroll 0 50%;

color:#FFFFFF;
line-height:18px;
margin:0px;
	}
	
/* subcontent formatting */

div#subcontent {
	float: left;
	background:url(../img/sidebar.gif);
	width:211px;
	
	
	}
	
div#subcontent p {
	padding: 0px 20px; 
	background:url url(../img/sidebar.gif); border: none; color:#E4EBD3;
	clear: left; font-size:11px;
	}
div#subcontent form, div#subcontent div#links {
	margin-bottom: 20px;
	width: 216px; 
	background: #FFFFFF;
	color: #666;
	font-size: 13px;
	font-size:1.2em;
	text-align: left;
	}
	
div#subcontent form input {
	border: 1px solid #D2D2D2;
	}
	
div#subcontent form input.button {
	border: 0;
	background: url('../img/loginbutton.gif') no-repeat top left;
	float: right;
	margin-right: 5px;
	padding-bottom: 3px;
	height: 22px;
	width: 59px;
	font-weight: bold;
	color: white;
	}
	
div#subcontent form p.login {
	width: 216px;
	padding-left: 30px;
	height: 30px;
	line-height: 15px;
	}
	
div#subcontent form p strong {
	float: left;
	clear: left;
	}
	
div#subcontent form p input {
	float: right;
	clear: right;
	}
	
div#subcontent h2 {
	padding-bottom: 10px;
	}
	
div#subcontent h2.first {
	padding: 10px 28px 10px;
	}
	
div#subcontent p.last {
	
	}
	
div#subcontent p.forgotpass {
	float: left;
	}
	
div#subcontent ul li {
	line-height: 18px;
	padding-bottom: 12px;
	color:#171717;
	
	}

div#contentlinks a { color: #9CD014; text-decoration: none;}	
div#contentlinks a:visited { color: #9CD014; text-decoration: none;}

div#contentlinks a:hover {border:0pt none;
color:#006bbd;
font-family:Arial;
font-size:11px;
list-style-type:decimal;
margin:0pt;
padding:0px;
text-decoration:none;}
	
	
div#subcontent a { color: #333;}	
div#subcontent a:visited { color: #333;}

div#subcontent a:hover {color: #888;}

div#subcontent p.last, div#subcontent div#links p.last {
	color: white;
	height: 10px;
	padding: 0;
	background-color:#FFFFFF
	}
	
div#subcontent div#links p {
	
	}


div#copyright a:hover {
	color:#111;
	}	
div#copyright a, a:visited { 
	color: #666;}

div#copyright {
	text-align: center;}

	

	
	
h2 a, a:visited {color: #000;}	
p {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	}
	
	
div#footer {
	clear: both;
		background: #222;
		text-align: center;
		padding: 10px 0 10px 0 ;
	}
	
div#footer p {
	text-align: center;
	color: #666;
	}
div#footer a:hover	{
	color: #fff;
	font-size: 11px;

	}
div#footer a, a:visited {color: #666; font-size: 11px;}

div#footer p.nfx {
	float: right;
	}
	


img {
	border: none;
		
	}
	
ul#navigation {
padding: 0;
margin: 0;
color:#fff;
float: left;
width: 100%;
font-weight:bold;
background: url('../img/over.gif') repeat-x;
border-bottom:1px solid #999999;
}
ul#navigation li { display: inline; }

ul#navigation li a {
background:url(http://www.estarwebdesign.co.za/img/over.gif) repeat-x scroll 0%;

border-right:1px solid #999999;
color:#FFFFFF;
float:left;
font-size:11px;
font-weight:bold;
padding:5px 37px;
text-decoration:none;
line-height:20px;

}

ul#navigation li a:hover {
font-weight:bold;
color: #fff;
padding: 5px 37px;
background: url('../img/static.gif') repeat-x;
border-right:1px solid #999;

}

div.topnav {
width: 992px;



}

img.fruit {padding: 0 15px; }

body {
color:#444444;
font-family:tahoma,Verdana,sans-serif;
font-size:13px;
text-align:left;
}
td {color:#444444;
font-family:tahoma,Verdana,sans-serif;
font-size:11px;
text-align:left;
padding:  0px;
border: #f1f1f1;
margin: 0px;
vertical-align:top;
line-height:16px;
}
.center {
margin: 0 auto;
padding: 0;
}
div#pcon p {color:#444444;
font-family:tahoma,Verdana,sans-serif;
font-size:11px;
padding: 0 20px;
margin: 0;
background: url('img/right_content.jpg') ; 
border: none;}

div.google{padding: 0 20px;}



img.footer {padding: 0px; margin: 0px;
}

img.portfolio {padding: 5px; margin: 0px; 
}

