@charset "utf-8";
/* CSS Document */


	
html, body{ 
 margin:0; 
 padding:0; 
 text-align:left; 
 color:#2D4A30
} 

body{padding:0px;margin:0px;
	background-image:url(../design-images/bg_green.png); background-repeat:repeat-x;
	background-color:#39603D;font-family:Arial, Helvetica, sans-serif}

H1{font-family:Georgia, "Times New Roman", Times, serif;
font-size:26px;
margin:7px 3px;padding:5px}
H2{font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
margin:8px 0px;padding:0px}
	
#pagewidth{ 
 width:986px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:62px; 
 background-image:url(../design-images/header.gif);
 background-position:top left;
 background-repeat:no-repeat;
  background-color:#39603D; 
 width:100%;
} 
logo.img{float:left}
#maincol{
	background-repeat:no-repeat;background-color: #fff;  
 float: right; 
 display:inline; 
 position: relative; 
 width:100%; 
 }
.splash {
 background-image:url(../design-images/main_bg.jpg);
	background-repeat:no-repeat;background-color: #fff;  
 float: right; 
 display:inline; 
 position: relative; 
 width:100%;
 height:266px}
 
.splashwords{
	float: left; 
 display:inline; 
 position: relative; 
 width:480px;
 }
.splashwords p
{font-family:Verdana, Geneva, sans-serif;
line-height:1.5;
font-weight:300;
margin:2px;padding:3px 0px 0px 10px}

div.promo{float:left;background-color:#39603D;background-image:url(../design-images/box.png);background-repeat:no-repeat;margin-top:10px;margin-left:0px;width:33.3%; display:block;text-align:center;height:187px}
div.promo p{text-align:left;padding:3px 30px 9px 15px;margin:0px;font-family:Arial, Helvetica, sans-serif;font-size:90%}
.boxlink {text-align:left;margin:0px;padding:3px 0px 0px 200px}
.boxlink a{font-weight:bold;color:#060;text-decoration:none}
.boxlink a:hover{text-decoration:underline}
ul.services {font-size:130%}
.services li{margin:20px 0px 20px 20px;padding:0px}
.services a{color:#360;text-decoration:none}
.services a:hover{color:#360;text-decoration:underline}
.services a:visited{color:#360}
.content {color:#FFF;padding:10px 15px 10px 15px;margin:0px}
.content p{font-size:90%;padding-left: 10px}
.contentmenuline{
clear: both;
padding: 0;
width: 100%;
height: 3px;
line-height: 3px;
background: #A49901; /*Brown color theme*/ 
}
/*start---------------------------------------------------------- menu*/
#modernbricksmenu{
padding: 37px 0px 0px 0px;
width: 50%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
float:right;
display:inline;
position:relative
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 60px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #559535; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: #417756;
/*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #A49901; /*Brown color theme*/ 
border-color: #A49901; /*Brown color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #A49901; /*Brown color theme*/ 
}

#websiteDesign
{margin:auto;color:#FFF;font-size:80%;text-align:center;padding-top:10px}
#websiteDesign a{color:#FFF;text-decoration:none}
/*End ----------------------------------------------------------------- Menu*/
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */