body {
background:url(images/bg-blue.gif) repeat-x top #8fd8e5;
margin:0px;
padding:0px;
font: 10px  verdana, arial, helvetica;
color:#000;
}
p{
text-align:justify;
line-height:15px;
padding:0px 0 5px 0;
}
p.left_arrow{
text-align:justify;
line-height:15px;
padding:0px 0 5px 60px;
background:url(images/tool.gif) no-repeat left top;
}
.clear{
clear:both;
}
#main_container{
width:900px;
height:auto;
margin:auto;

}
.center_content{
width:865px;
padding:0px;
margin:auto;
}
#header{
position: relative;
width:865px;
height:150px;
margin:auto;
background:url(images/header_bg_blue.png) no-repeat top;
}
#logo{
padding:40px 0 0 5px;
float:left;
}

a.testimonial{
float:right;
padding:0px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
font-weight:bold;
text-decoration:none;
}

/*----------------------menu-------------------------*/
#menu{
	margin-top: 109px;
	position: relative;
	float: right;
	height: 30px;
	font-size: 18px;
}
#menu ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
	}

#menu li {
	display:inline;
	margin:0;
	padding:0;
	}

#menu a {
	float:left;
	background:url(images/tableft.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}

#menu a span {
	float:left;
	display:block;
	background:url(images/tabright.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#000000;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}

/* End IE5-Mac hack */
#menu a:hover span {
	color:#FFF;
	}

#menu a:hover {
	background-position:0% -42px;
	}

#menu a:hover span {
	background-position:100% -42px;
	}

/*-----------------main content----------------------------*/
.main_content{
width:865px;
height:auto;
margin:auto;
padding:0 0 30px 0;
background-color:#FFFFFF;
}
.main_content_top{
width:865px;
height:16px;
background:url(images/main_content_top.png) no-repeat center top;
}
#boxes_content{
width:865px;
clear:both;
margin:auto;
}
.box{
padding:5px 10px 5px 16px;float:left;}

.box_content{
background:url(images/box_bg.gif) no-repeat center;width:259px;height:202px;
}

.boxtitle{
font-size:22px;
color:#79ccde;
padding:10px 0 0 15px;
font-family:Verdana, Helvetica, sans-serif;
}
.box_icon{
clear:both;
float:left;
width:80px;
padding:10px 0 0 10px;
}
p.text_content{
width:120px;
float:left;
text-align:left;
padding:5px 10px 0 30px;
color:#fff;
line-height:13px;
}
a.read_more{
padding:10px 0 0 0;
}

.title{
font-size:18px;
color:#000000;
padding:10px 0 0 0px;
font-family:Arial, Helvetica, sans-serif;
}
.inside_content{
width:840px;
padding:0 20px;
margin:auto;
}
.left_content{
width:420px;
float:left;
padding:10px 10px 10px 20px;
}
.right_content{
width:390px;
float:left;
padding:10px 0 10px 20px;
}
.right_news{
float:left;
width:auto;
border-bottom:1px #CCCCCC dashed;
padding:10px 0 8px 0;
}
.news_icon{
width:49px;
height:44px;
float:left;
background:url(icons/offer_5.png) no-repeat center;
}
.contact_icon{
width:49px;
height:44px;
float:left;
background:url(images/icon4.gif) no-repeat center;
}
.services_icon{
width:49px;
height:48px;
float:left;
background:url(images/icon5.gif) no-repeat center;
}
.news_content{
width:310px;
float:left;
text-align:justify;
line-height:15px;
padding:0 0 0 10px;
}
img.photo{
padding:10px 0 0 0;
}
/*----------------------list-------------------------*/
.list_left{
float:left;width:190px;padding:20px 10px 20px 0;
}
.list_right{
float:right;width:190px;padding:20px 0 20px 0;
}
ul.list{
list-style:none;padding:0px;margin:0px; 
}
ul.list li{
list-style:none;width: auto;height: auto;padding:0px;
}
ul.list li a{
height: 16px; width: auto; display:block;padding:0 0 0 25px; margin:5px 0 10px 0;color:#5e5e5e;text-align:left;
background:url(images/arrow_bullet.gif) no-repeat left;text-decoration:none;
}
ul.list li a:hover{
height: 16px; width: auto;text-decoration:underline;color: #5e5e5e;
}
.project_tab{
float:left;width:auto;padding:15px 0 20px 0;
}
a.yellow{
font-size:14px;
color:#6D4930;
font-weight:bold;
text-decoration:none;
}
.project_thumb{
width:133px;height:103px;float:left;text-align:center;background:url(images/thumb_bg.gif) no-repeat center; padding:15px 0 0 0;
}
p.project{
width:250px;float:left;text-align:justify;line-height:21px;padding:2px 0 0 10px; margin:0px;
}
/*-----------------------contact_form-------------------*/
#contact_form{
width:370px;
height:auto;
padding:20px 0 0 20px;
}
.form_row{
float:left;
padding:7px 0 7px 0;
}
label{
width:60px;
float:left;
padding:3px 5px 0 0;
color:#175b6c;
text-align:right;
font-weight:bold;
}
input.contact_input{
width:293px;
height:24px;
float:left;
border:1px #BFB28F solid;
background-color:#E8DEC4;
color: #6F664C;
}
textarea.contact_textarea{
width:293px;
height:80px;
float:left;
border:1px #BFB28F solid;
background-color:#E8DEC4;
color: #6F664C;
}
input.send_message{
float:right;
padding:10px 10px 0 0;
}
/*-----------------------------footer------------------*/
#footer{
clear:both;
width: auto;
height:50px;
color: #0c9cc9;
}
.copyright{
float:right;
padding-left:10px;
padding-top:10px;
}
.footer_links{
float:left;
padding-right:15px;
padding-top:13px;
}
#footer a{
text-decoration:none;
color: #2A1C11;
padding-left:10px;
}
#footer a:hover{
text-decoration:underline;
color: #2A1C11;
}