html *{outline:none;}

body { font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#181818;
line-height:18px;
padding:0px;
margin:0px;
background:url(../images/bg.gif) left top repeat;
}

.left {float:left;}
.right {float:right;}
.clr {clear:both}

p, ul, h1, h2, h3, div, fomr { padding:0px ; margin:0px;}

/* CSS Document */

#main_area { width:100%; background:url(../images/top_bg.gif) left top repeat-x;}

#main_container { width:973px; margin:0  auto;}

#top_container {background: #FFFFFF url(../images/top_clouds.jpg) left top no-repeat; height:118px; position:relative;}


#top_container .logo {
	padding:0px;
	margin:0px;
	position:absolute;
	left: 297px;
	top: 42px;
	
}
#top_container .logo a {
display:block;
text-indent:-999px;
background:url(../images/log.jpg) center top no-repeat;
width:393px;
height:44px;}


#nav_area {background:url(../images/nav_background.gif) left bottom repeat-x;  padding:17px 30px; position:relative; }

#nav_area .nav {
	background:url(../images/nav_bg.gif) left bottom repeat-x;
	position:absolute;
	top: -30px;
	width: 911px;
} 

.home {float:left; padding:0px 34px;}
.home a  {
display:block;
text-indent:-999px;
background:url(../images/home.jpg) left bottom no-repeat;
width:60px;
height:64px;} 
.home a:hover{ background:url(../images/home_h.jpg) left bottom no-repeat;
width:60px;
height:64px;}
.home a.active{ background:url(../images/home_h.jpg) left bottom no-repeat;
width:60px;
height:64px;}


.about {float:left; padding:0px 34px;}
.about a  {
display:block;
text-indent:-999px;
background:url(../images/about.jpg) left bottom no-repeat;
width:88px;
height:64px;} 
.about a:hover{ background:url(../images/about_h.jpg) left bottom no-repeat;
width:88px;
height:64px;}

.about a.active{ background:url(../images/about_h.jpg) left bottom no-repeat;
width:88px;
height:64px;}


.service {float:left; padding:0px 34px;}
.service a  {
display:block;
text-indent:-999px;
background:url(../images/service.jpg) left bottom no-repeat;
width:88px;
height:64px;} 
.service a:hover{ background:url(../images/service_h.jpg) left bottom no-repeat;
width:88px;
height:64px;}

.service a.active{ background:url(../images/service_h.jpg) left bottom no-repeat;
width:88px;
height:64px;}


.location {float:left; padding:0px 34px;}
.location a  {
display:block;
text-indent:-999px;
background:url(../images/location.jpg) left bottom no-repeat;
width:88px;
height:64px;} 
.location a:hover{ background:url(../images/location_h.jpg) left bottom no-repeat;
width:88px;
height:64px;}
.location a.active{ background:url(../images/location_h.jpg) left bottom no-repeat;
width:88px;
height:64px;}



.contact {float:left; padding:0px 34px;}
.contact a  {
display:block;
text-indent:-999px;
background:url(../images/contact.jpg) left bottom no-repeat;
width:88px;
height:64px;} 
.contact a:hover{ background:url(../images/contact_h.jpg) left bottom no-repeat;
width:88px;
height:64px;}
.contact a.active{ background:url(../images/contact_h.jpg) left bottom no-repeat;
width:88px;
height:64px;}


.sitemap {float:left; padding:0px 34px;}
.sitemap a  {
display:block;
text-indent:-999px;
background:url(../images/sitemap.jpg) left bottom no-repeat;
width:88px;
height:64px;} 
.sitemap a:hover{ background:url(../images/sitemap_h.jpg) left bottom no-repeat;
width:88px;
height:64px;}
.sitemap a.active{ background:url(../images/sitemap_h.jpg) left bottom no-repeat;
width:88px;
height:64px;}


#middle_container { background: #FFFFFF url(../images/btm_clouds.jpg) left bottom no-repeat;
padding:42px 20px 62px 20px;} 


.left_side {width:640px; padding-right:30px; float:left;}
.right_side { width:247px; float:right;}


.right_side ul { padding:0px; margin:0px;}
.right_side ul li {color:#00274d;
font-weight:bold;
font-size:12px;
list-style:none;
background:url(../images/bullet.gif) left center no-repeat;
padding:5px 0px 5px 20px;
border-bottom:1px dotted #0877be;}

.right_side ul li a { color:#00274d; text-decoration:none;}
.right_side ul li a:hover { color:#00274d; text-decoration:underline;}


h1 { font-size:19px; font-weight:normal; padding-bottom:20px;}

#footer_area { background:url(../images/footer_bg.gif) left top repeat-x; margin-top:5px;}

#footer_area .text { width:973px; margin:0  auto; padding:10px; color:#FFFFFF} 

#footer_area .text a { padding:0px 10px; color:#FFFFFF; text-decoration:none;} 
#footer_area .text a:hover { padding:0px 10px; color:#FFFFFF; text-decoration:underline;} 


contact_form {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1E1E1E;
	list-style:none;
	line-height:17px;
	padding-top:5px;
	font-weight:bold;
	margin-left:200px;
	}
	
.contact_form p {
	padding-bottom:15px;
	}

.contact_form label { 
	width:100px;
	float:left;
	text-align:right;
	padding-right:40px;}
	
.inpput_box {
	width:300px;
	padding:4px;
	border:1px solid #E1E1E1;
	background-color:#F9F9F9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.inpput_text {
	width:300px;
	height:100px;
	padding:4px;
	border:1px solid #E1E1E1;
	background-color:#F9F9F9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.submit {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	padding:3px 6px;
	font-weight:bold;
	margin-left:140px;
	border:none;
	cursor:pointer;
	background-color:#C11928;
	}

.submit:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#1E1E1E;
	cursor:pointer;
	padding:3px 6px;
	font-weight:bold;
	background-color:#DCDCDC;
	}