body {
background:url(../images/bg.gif) repeat-x top #c9edf9;
margin:0px;
padding:0px;
font: 11px  verdana, arial, helvetica;
color:#000;
}
p{
text-align:justify;
line-height:20px;
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;
background:url(../images/header_bg.jpg) no-repeat top center;
}
.center_content{
width:865px;
padding:0px;
margin:auto;
}
#header{
width:865px;
height:108px;
margin:0 auto;
}
#logo{
padding:17px 0 0 35px;
float:left;
}
.top_text{
width:315px;
clear:both;
float:left;
padding:55px 0 0 30px;
color:#FFFFFF;
}
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{
width:835px;
height:40px;
float:left;
position:relative;
text-align:right;
padding:10px 30px 0 0;
}
*html #menu{
width:835px;
height:40px;
position:absolute;
margin:70px 0 0 -245px;
}
#tel{
float:right;
padding:20px 30px 0 0;
}
#menu-res{
float:right;
position:relative;
cursor:pointer;
}

/*-----------------main content----------------------------*/
.main_content{
width:865px;
height:auto;
margin:auto;
background-color:#FFFFFF;
}
.main_content_top{
width:865px;
height:16px;
background:url(../images/main_content_top.gif) no-repeat center top;
}
.main_content_bottom{
width:865px;
height:16px;
background:url(../images/main_content_bottom.gif) no-repeat center top;
}
#boxes_content{
width:865px;
height:250px;
clear:both;
margin:auto;
text-align:center;
}
.box{
padding:10px 10px 10px 16px;float:left;}
.box_content{
background:url(../images/box_bg.gif) no-repeat center;width:259px;height:190px;
}

.boxtitle{
font-size:18px;
color:#000000;
padding:10px 0 0 15px;
font-family:Arial, Helvetica, sans-serif;
}
.box_icon{
clear:both;
float:left;
width:80px;
padding:25px 0 0 15px;
}
p.text_content{
width:135px;
float:left;
text-align:left;
padding:5px 10px 0 15px;
color:#000000;
line-height:15px;
}
a.read_more{
padding:10px 0 0 0;
}

.title{
font-size:18px;
color:#006699;
padding:10px 0 0 0px;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px #CCCCCC dashed;
}
.left_content{
width:520px;
float:left;
padding:10px 0 0 10px;
}
.right_content{
width:280px;
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:48px;
height:36px;
float:left;
background:url(../images/news.gif) no-repeat center;
}
.news_content{
width:310px;
float:left;
text-align:justify;
line-height:15px;
padding:0 0 0 10px;
}

/*-----------------------------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_links a{
text-decoration:none;
color: #0c9cc9;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #0c9cc9;
}

/*-----------------------------text------------------*/
.link { text-decoration:none; color:#006699; font-size:12px; padding-left:25px; line-height:17px;  }
.link:hover { text-decoration:underline; }

.link2 { text-decoration:none; color:#006699; font-size:12px; padding-left:40px; line-height:17px;  }
.link2:hover { text-decoration:underline; }

.more { text-decoration:none; color:#006699; font-size:12px; position:relative; float:right; line-height:18px;  }
.more:hover { text-decoration:underline; }

ul#portfolio li img{ margin-left:13px; }

#ciz { width:100%; height:15px; border-bottom:1px #CCCCCC solid; padding-bottom:5px; }

#form { width:300px; height:auto; float:left; position:relative; }
#contact-res { width:200px; height:auto; float:left; position:relative; }

.formfield {font-size: 12px;  color:#000000; padding: 3px; border: 1px solid #DDDCD8; float:left; }
.formfield:focus {border: 1px solid #312E2E;}
.formtext {color: #626060;  font-weight: bold; line-height: 18px;}

#res { width:250px; height:auto; float:left; position:relative; margin:2px; border:2px #CCCCCC solid; }