@charset "utf-8";
/* CSS Document */
html, body { height:100%; }
body{ 
	background:#e2e4e9 url(images/home_01.jpg) repeat-x top; 
	margin:0px;
	padding:0px;
	font-family: Helvetica, Arial, sans-serif;
	color:#333;
	font-size: 12px;

}

h1{
	font-family: Helvetica, Arial, sans-serif;
	font-size:50px;
	padding:0px 15px 0px 15px;
	margin:0;
	color:#000;
	letter-spacing:-1px;

}

h2{
	font-family: Helvetica, Arial, sans-serif;
	color:#000;
	font-size:20px;
	margin-bottom:5px;
	padding-bottom:0px;
	line-height:25px;
}

h3{
	font-family: Helvetica, Arial, sans-serif;
	color:#000;
	font-size:17px;
	margin-bottom:5px;
	padding-bottom:0px;
}

h4{
	margin: 10px 10px 0 10px; 
	color:#FFF; 
	font:15pt Arial, sans-serif; 
	letter-spacing:-1px; 
	font-weight: bold;
}

{
	margin: 10px 10px 0 10px; 
	color:#FFF; 
	font:13pt Arial, sans-serif; 
	letter-spacing:-1px; 
	font-weight: bold;
}

h6{
	font-family: Helvetica, Arial, sans-serif;
	color:#1b499a;
	font-size:17px;
	margin-bottom:5px;
	padding-bottom:0px;
}

a{
	color:#5976ba;
	text-decoration:none;
}

a:hover{
	color:#1B499A;
	text-decoration:none;
}

#page{
	width:100%;
}

#header{
	height:200px;
}

#bar{
	background:#a7afc2;
	height:2px;
	
}

#bar2{
	background:#a7afc2;
	height:6px;
	margin-top:170px;
}

#navcontainer{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#313232;
	width: 450px;
	float:right;
	font-weight:bold;
	
}
#nav{
	display: block;
	float:left;
	text-align:left;
	height:25px;
	vertical-align:top;
	margin: 0 5px 0 5px;
}

#nav a{
	color:#313232;
	text-decoration:none;
	
	height:25px;
}

#nav a:hover{
	color:#62cc1f;
}

#nav a.current { color:#62cc1f;}

#navcontainer ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
#navcontainer ul li{
	display:inline;
	
}

#navcontainer ul li a{
	text-decoration:none;
}

#homebar {
	height:245px;
	width:980px;
	background:url(images/home_bar_bg.jpg) repeat-x;
}

#homebar_button{
	
	width:245px;
	height:245px;
	float:left;
	padding: 0;
	margin:0;
	
}

#homebar_button a{
	text-decoration:none;
	color:#333;
	padding-left:15px;
}

#homebar_button a:hover{
	background:url(images/home_bar_bg_over.jpg) repeat-x;
	margin:0px;
	width:230px;
	padding-left:15px;
}


#copyright{
	float:left;
}

#links{
	float:right;
}

#links a{
	color:#333;
	text-decoration:none;
}

#links a:hover{
	color:#1B499A;
	text-decoration:none;
}

.about{
	font-size:14px;
	line-height:1.6em;
}

.homebar_image{
	text-align:center;
	padding: 20px 0 0 0;
	width:215px;
}

.logo{
	padding: 60px 0 0 0;
	width:314px;
	height:140px;	
}

#row2{
	width:100%
}

#footer{
	height: 50px;
	padding: 10px;
}

#contact2 { font-size:28px; font-weight:bolder; float:right;}

.contact { font-size:20px; font-weight:bold; margin-right:40px; text-align:right;}

#contactform { margin-left:15px; margin-top:-10px; width:550px;}
#contactform2 { margin-left:20px; margin-top:0px; width:600px;}

#firstname { background-color:#CCC; height:30px; width:400px; font-size:16px;  }
#firstname2 { background-color:#CCC; height:40px; width:400px; font-size:16px;  }

#lastname  { background-color:#CCC; height:30px; width:400px; font-size:16px;  }
#lastname2  { background-color:#CCC; height:40px; width:400px; font-size:16px;  }

#youremail { background-color:#CCC; height:30px; width:400px; font-size:16px;  }
#youremail2 { background-color:#CCC; height:40px; width:400px; font-size:16px;  }

#yourphone { background-color:#CCC; height:30px; width:400px; font-size:16px;  }
#yourphone2 { background-color:#CCC; height:40px;  width:400px; font-size:16px;  }

#yourcompany { background-color:#CCC; height:30px; width:400px; font-size:16px;  }
#yourcompany2 { background-color:#CCC; height:40px; width:400px; font-size:16px;  }

#yourmessage { background-color:#CCC; width:500px; font-size:16px;}
#yourmessage2 { background-color:#CCC; width:400px; font-size:16px; float:right; margin-right:-340px; margin-top:-400px;}

#quote { margin-left:555px; margin-top:13px; position:absolute; font-size:16px;} 


.align_right { margin-left:300px;}
.align_right2 { margin-left:745px; font-size:16px; width:300px; margin-top:-200px; position:absolute;}


.boxgrid{  
width: 280px;  
height: 224px;  
margin:16px;  
float:left;  
background:#000;  
border: solid 2px #8399AF;  
overflow: hidden;  
position: relative;  
} 

.boxgrid p{ 
padding: 0 10px; 
color:#FFF; 
font-weight:bold; 
font:11pt "Lucida Grande", Arial, sans-serif; 
}

.boxgrid a:link {color:#FF00FF;}      /* unvisited link */
.boxgrid a:visited {color:#FF00FF;}  /* visited link */
.boxgrid a:hover {color:#FFF;}  /* mouse over link */
 
.boxgrid img{  
position: absolute;  
top: 0;  
left: 0;  
border: 0;  
}  

.boxcaption{  
float: left;  
position: absolute;  
background: #000;  
height: 100px;  
width: 100%;  
opacity: .8;  
/* For IE 5-7 */  
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
/* For IE 8 */  
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
}

.captionfull .boxcaption {  
top: 260;  
left: 0; color:#FFF; 
}  

.caption .boxcaption {  
top: 220;  
left: 0;  
color:#FFF; 
}    

#services1 { margin-top:110px;
 margin-left:15px; 
 position:absolute; 
 font-size:13px; 
 line-height:1.6em;
 width:224px;
 

 }
  
 #services2 { margin-top:110px;
 margin-left:320px; 
 position:absolute; 
 font-size:13px; 
 line-height:1.6em;
 width:224px;
 
 }
 
  #services3 { margin-top:110px;
 margin-left:15px;
 margin-top:250px; 
 position:absolute; 
 font-size:13px; 
 line-height:1.6em;
 width:224px;
 
 }
 
   #services4 { margin-top:110px;
 margin-left:320px;
 margin-top:250px; 
 position:absolute; 
 font-size:13px; 
 line-height:1.6em;
 width:224px;
 
 }
 
   #services5 { margin-top:110px;
 margin-left:15px;
 margin-top:390px; 
 position:absolute; 
 font-size:13px; 
 line-height:1.6em;
 width:224px;
 
 }
 
 #services6 { margin-top:110px;
 margin-left:320px;
 margin-top:390px; 
 position:absolute; 
 font-size:13px; 
 line-height:1.6em;
 width:224px;
 
 }
 
 #icons { margin-left:45px;
 }
 
 #icon1 { position:absolute;
margin-top:155px;
margin-left:-40px;	
}

 #icon2 { position:absolute;
margin-top:155px;
margin-left:265px;	

}

 #icon3 { position:absolute;
margin-top:300px;
margin-left:-50px;	
}

 #icon4 { position:absolute;
margin-top:295px;
margin-left:260px;	

}

 #icon5 { position:absolute;
margin-top:445px;
margin-left:-35px;	
}

 #icon6 { position:absolute;
margin-top:435px;
margin-left:265px;	

}

.bold { font-weight:bold;}

.white{ color:#ecedf1; font-size:12px;}

.white a:link {color:#ecedf1;}

.buttonbg { background-image:url(images/button.png); cursor:pointer; width:100px; font-weight:bold; height:30px;}


