﻿* { padding: 0px; margin: 0px; }

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #6e6e6e;
	background-image: url(images/bg2.gif);
	background-repeat: repeat-x;
	margin: 0px;
	height: 100%;
}
li {
	list-style-image: url(images/bullet.gif);
}


h1 {
	font-size: 1.5em;
	color: #D8DACF;
	line-height: 2em;
}

.homeheader {
	font-size: 1.5em;
	color: #000000;
	line-height: 2em;
}

h2 {
	color: #45a736;
	font-weight: bold;
	text-align: left;
	padding-bottom: 10px;
	line-height: 1.0em;
	font-size: 1.85em;
}

.contact {
	color: #45a736;
	line-height: 1.9em;
	font-size: 0.9em;
	padding-top: 20px;

	
}


a:link {
	color: #578300;
}
p {
	padding-bottom: 13px;
	color: #000000;
}

a:visited {
	color: #167608;
}
a:hover {
	color: #000000;
}



.reclamite {
	font-size: 1.2em;
	font-weight: bold;
	color: #7e9f3b;
}

.surfcrete {
	border: 0px;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 3px;
	padding-left: 0px;
	vertical-align: bottom;

}

.black {
	font-weight: bold;
	color: #000000;
}




#wrapper{
	margin: 0px auto;
	width: 804px;
	background-image: url(images/logo_bg.gif);
	background-repeat: repeat-y;
	padding: 0px;
}

#wrapperSub{
	margin: 0px auto;
	width: 804px;
	background-image: url(images/subpages_bg.gif);
	background-repeat: repeat-y;
	padding: 0px;
}

#header {
	background-image: url(images/top_banner.gif);
	background-repeat: no-repeat;
	height: 148px;
	width: 804px;
	float: left;
	padding: 0px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	background-color: #45A736;

}


#rightcolumn {
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 20px 20px;
	width: 300px;
	float: left;
	position: relative;
	font-size: .8em;
	line-height: 1.5em;
}

#rightcolumn strong {
	color: #84a444;

}

.rightcolumnBasic {
	font-weight: normal;
	font-size: 1.0em;

}

#leftcolumn {
	color: #333;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 172px;
	float: left;
	position: relative;
}




#centercolumn {
	position: relative;
	width: 350px;

}








#sidenav {
	WIDTH: 168px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-align: left;

}



#sidenav ul {
	float: right;
}



#sidenav li {
	display: block;
	float: left;
	padding-bottom: 4px;
	width: 168px;
	font-size: 1.1em;
	margin-left: 0px;
	list-style: none;
}

#sidenav a {
	display: block;
	text-decoration: none;
	text-align: left;
	color: #FFFFFF;
	padding-right: 0px;
	float: left;
	width: 163px;
	font-size: 0.8em;
	font-weight: bold;
	height: 30px;
	letter-spacing: 0.1em;
	padding-top: 1px;
	background-color: #FF6666;
	line-height: 30px;
	padding-left: 5px;

}

#sidenav a:hover {
	background: #000000;
}

#sidenav LI:hover {
	width: 168px;
	text-align: left;

}




#contentSub{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 0px 0px;
	width: 292px;
	position: relative;
}



#content {
	float: left;
	background: #ace288;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 292px;
	position: relative;
}


#footer {
	width: 800px;
	clear: both;
	margin: 0px 0px 0px 4px;
	background-color: #42753a;
	height: 82px;	
	
	
}

#footer2 {
	width: 800px;
	clear: both;
	margin: 0px 0px 0px 4px;
	height: 30px;
	background: #ffffff;
	
	
}


#image {
	width: 252px;
	margin: 5px 20px 20px 20px;
	list-style-image: url(images/bullet.gif);
}

.caption {
	font-size: 0.7em;
	line-height: .5em;
}



#container {
	width: 804px;
}
a {
	color: #45a736;
}

#bottomnav {
	color: #84A444;
	font-weight: bold;
}


#leftcolumn #address {
	width: 148px;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.7em;
	padding: 0px 0px 20px 20px;
	line-height: 0.1em;
	position: relative;
	float: left;
	text-decoration: none;
}

#leftcolumn #address a{
	color: #ffffff;
	text-decoration: none;
}

#leftcolumn #address a:hover{
	color: #ace288;
	text-decoration: none;
}







#navHome a {
	background: #8a5a25;
}


#navAboutus a {
	background: #735a36;
}

#navProducts a {
	background: #a65b09;
}
#navNews a {
	background: #9a7543;
}
#navLinks a {
	background: #7c5230;
}
#navContact a {
	background: #9f753e;
}
#navSitemap a {
	background: #83652b;
}





#navSurfcrete ul{
}

#navSurfcrete li {
	color: #FFFFFF;
	list-style: none;
	display: block;
	float: left;
	margin: 28px 0px 0px 0px;
}

#navSurfcrete li:hover{
}


#navSurfcrete a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0px 0px 11px;
	background-image: url(images/surfcrete2.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#navSurfcrete a:hover{
	color: #ACE3A2;
	text-decoration: none;
	padding: 0px 0px 0px 11px;
	background-image: url(images/surfcrete_on.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	
	
}













#bottomnav ul {
}

#bottomnav li {
	color: #FFFFFF;
	list-style: none;
	display: block;
	float: left;
	margin: 28px 0px 0px 0px;
}

#bottomnav li:hover{
}


#bottomnav a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0px 0px 11px;
}

#bottomnav a:hover{
	color: #ACE3A2;
}


#bottomnav2 {
	font-weight: bold;
	line-height: 20px;
}

#bottomnav2 ul {

}

#bottomnav2 li {
	list-style: none;
	display: block;
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#bottomnav2 li:hover{
}


#bottomnav2 a {
	color: #42753A;
	text-decoration: none;
	font-size: 0.7em;
}

#bottomnav2 a:hover{
	color: #000000;
}
table {
	font-size: 0.9em;
	font-weight: bold;
}
