body { 
margin : 0; 
padding : 0; 
color : #555; 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size : 13px; 
line-height : 1.5em; 
background-color : #ffffff; 
background-image : url('images/body3.jpg'); 
background-position : top; 
background-repeat : repeat-x; 
} 
a, a:link, a:visited { 
color : #0074c5; 
text-decoration : none; 
} 
a:hover { 
color : #009900; 
text-decoration : underline; 
} 
p { 
margin : 0; 
padding : 0 0 10px 0; 
text-align : justify; 
} 
img { 
border : none; 
} 
h1, h2, h3, h4, h5 { 
font-weight : normal; 
} 
h1 { 
font-size : 36px; 
color : #000; 
} 
h2 { 
font-size : 24px; 
color : #000; 
margin : 0 0 20px 0; 
padding : 0; 
} 
h3 { 
font-size : 21px; 
color : #ccc; 
margin : 0 0 20px 0; 
padding : 0; 
} 
h4 { 
font-size : 18px; 
color : #000; 
margin : 0 0 10px 0; 
padding : 0; 
} 
h5 { 
font-size : 16px; 
color : #000; 
margin : 0 0 10px 0; 
padding : 0; 
} 
h6 { 
font-size : 14px; 
margin : 0 0 5px 0; 
padding : 0; 
} 
.cleaner { 
clear : both; 
width : 100%; 
height : 0; 
font-size : 0; 
} 
.cleaner_h10 { 
clear : both; 
width : 100%; 
height : 10px; 
} 
.cleaner_h20 { 
clear : both; 
width : 100%; 
height : 20px; 
} 
.cleaner_h30 { 
clear : both; 
width : 100%; 
height : 30px; 
} 
.cleaner_h40 { 
clear : both; 
width : 100%; 
height : 40px; 
} 
.cleaner_h50 { 
clear : both; 
width : 100%; 
height : 50px; 
} 
.cleaner_h60 { 
clear : both; 
width : 100%; 
height : 60px; 
} 
.float_l { 
float : left; 
} 
.float_ly { 
float : left; 
padding-right : 20px; 
} 
.float_r { 
float : right; 
} 
.float_ry { 
float : right; 
padding-left : 20px; 
} 
blockquote { 
font-style : italic; 
} 
cite { 
font-weight : bold; 
} 
cite span { 
color : #000; 
} 
.button a { 
clear : both; 
display : block; 
width : 103px; 
height : 23px; 
padding : 4px 0 0 0; 
background : url('images/button.png') no-repeat; 
color : #fff; 
font-size : 12px; 
font-weight : bold; 
text-align : center; 
text-decoration : none; 
} 
.button a:hover { 
background : url('images/button_hover.png') no-repeat; 
} 
#header_wrapper { 
width : 980px; 
margin : 0 auto; 
padding : 0 5px; 
} 
#header { 
width : 920px; 
height : 100px; 
padding : 0 30px; 
} 
#header #site_title { 
float : left; 
width : 300px; 
padding : 10px 0 0 0; 
} 
#header #top_box { 
float : right; 
width : 180px; 
height : 30px; 
margin-top : 40px; 
} 
#header #top_box img { 
padding : 0 20px 0 0; 
} 
#menu { 
clear : both; 
height : 39px; 
padding : 11px 0 0 0; 
} 
#menu ul { 
margin : 0; 
padding : 0 0 0 30px; 
list-style : none; 
} 
#menu ul li { 
padding : 0; 
margin : 0; 
display : inline; 
} 
#menu ul li a { 
position : relative; 
float : left; 
width : 103px; 
display : block; 
height : 23px; 
padding : 4px 0 0 0; 
margin-right : 10px; 
text-align : center; 
font-size : 12px; 
text-decoration : none; 
color : #21272d; 
font-weight : bold; 
outline : none; 
} 
#menu li a:hover, #menu li .current { 
color : #fff; 
background : url('images/menu_hover.png'); 
} 
#banner { 
width : 100%; 
height : 174px; 
background : url('images/banner3.jpg') no-repeat; 
} 
#banner h3 { 
color : #99ccff; 
font-size : 42px; 
} 
#banner p { 
color : #ffffff; 
font-size : 16px; 
} 
#content_wrapper_outer { 
width : 100%; 
background : url('images/content_top.jpg') repeat-x top; 
border-top : 1px solid #004e85; 
} 
#content_wrapper_inner { 
width : 100%; 
background : url('images/content_bottom.jpg') repeat-x bottom; 
} 
#content_wrapper { 
width : 920px; 
margin : 0 auto; 
padding : 30px; 
} 
#content { 
width : 620px; 
float : left; 
} 
.tc_l { 
width : 300px; 
float : left; 
} 
.tc_r { 
width : 300px; 
float : right; 
} 
.service_box { 
width : 280px; 
} 
.service_image { 
float : left; 
width : 64px; 
margin : 3px 0 0 0; 
} 
.service_box .service_text { 
float : right; 
width : 200px; 
text-align : justify; 
} 
.services_section { 
clear : both; 
padding-bottom : 30px; 
margin-bottom : 30px; 
border-bottom : 1px solid #ccc; 
} 
.services_section h4 { 
margin-bottom : 20px; 
} 
.services_section .right { 
float : right; 
width : 120px; 
} 
.services_sectio .services_content { 
clear : both; 
margin : 10px 0; 
} 
.services_section .left { 
float : left; 
width : 470px; 
} 
.services_section .left p { 
text-align : justify; 
} 
.post_section { 
clear : both; 
padding-bottom : 30px; 
margin-bottom : 30px; 
border-bottom : 1px solid #ccc; 
} 
.post_section h2 { 
margin : 0 0 5px 0; 
padding : 10px 0 5px 0; 
} 
.post_section .post_content { 
clear : both; 
margin : 10px 0; 
} 
.post_content .left { 
float : left; 
width : 130px; 
} 
.post_content .left img { 
border : 1px solid #ccc; 
padding : 5px; 
background : #fff; 
} 
.post_content .right { 
float : right; 
width : 450px; 
} 
.post_section p { 
padding-bottom : 5px; 
margin-bottom : 8px; 
} 
.post_section .comment_tab { 
padding : 10px 0; 
margin : 40px 0 20px 0; 
border-bottom : 1px dashed #666; 
font-size : 20px; 
font-weight : bold; 
} 
#recent_project { 
width : 620px; 
} 
#recent_project ul { 
list-style : none; 
margin : 0; 
padding : 0; 
} 
#recent_project ul li { 
float : left; 
display : inline; 
padding : 0; 
margin : 0; 
width : 270px; 
padding : 6px; 
margin : 0 25px 25px 0; 
background : #f1f2ea; 
border : 1px solid #d5d7ca; 
} 
#recent_project ul img { 
width : 270px; 
height : 130px; 
border : none; 
margin-bottom : 5px; 
} 
#gallery { 
width : 610px; 
} 
#gallery ul { 
list-style : none; 
margin : 0; 
padding : 0; 
} 
#gallery ul li { 
float : left; 
display : inline; 
padding : 0; 
margin : 0; 
width : 270px; 
padding : 6px; 
margin : 0 20px 20px 0; 
background : #f1f2ea; 
border : 1px solid #d5d7ca; 
} 
#gallery ul img { 
width : 270px; 
height : 130px; 
border : none; 
margin-bottom : 5px; 
} 
#contact_form { 
float : left; 
padding : 20px 0 0 0; 
} 
#contact_form form { 
margin : 0; 
padding : 0; 
} 
#contact_form form .input_field { 
height : 18px; 
width : 280px; 
} 
#contact_form form .input_code { 
height : 18px; 
width : 35px; 
} 
#contact_form form label { 
display : block; 
margin-right : 10px; 
font-size : 14px; 
} 
#contact_form form textarea { 
width : 310px; 
height : 100px; 
} 
#contact_form form .submit_btn { 
float : left; 
margin-right : 110px; 
width : 103px; 
height : 27px; 
padding : 0 0 0 0; 
text-align : center; 
cursor : pointer; 
border : none; 
color : #fff; 
background : url('images/button.png') no-repeat; 
} 
#req {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size : 9px; 
color : #cc0000;
}
#sidebar { 
float : right; 
width : 240px; 
} 
#sidebar_featured_project { 
margin : 0 0 40px 0; 
padding : 0; 
} 
#sidebar_featured_project .left { 
float : left; 
width : 64px; 
} 
#sidebar_featured_project .right { 
float : right; 
width : 170px; 
} 
#sidebar_featured_project h6 a { 
color : #fff; 
} 
#news_section { 
margin : 0 0 40px 0; 
padding : 0; 
} 
.news_box a { 
font-weight : normal; 
text-decoration : underline; 
} 
.news_box { 
margin-bottom : 10px; 
padding-bottom : 10px; 
border-bottom : 1px dashed #ccc; 
} 
.news_box_links { 
margin-bottom : 10px; 
margin-left : 20px; 
padding-bottom : 10px; 
border-bottom : 1px dashed #ccc; 
} 
#footer_wrapper { 
clear : both; 
width : 100%; 
background : #005590 url('images/footer.jpg') repeat-x top; 
} 
#footer { 
clear : both; 
width : 940px; 
padding : 20px 30px; 
margin : 0 auto; 
text-align : center; 
color : #ffffff; 
} 
#footer a { 
color : #ffffff; 
font-weight : normal; 
text-decoration : underline; 
} 
#footer a:hover { 
color : #33ccff; 
text-decoration : none; 
} 
#footer .footer_menu { 
margin : 0 0 10px 0; 
padding : 0; 
list-style : none; 
} 
.footer_menu li { 
margin : 0; 
padding : 0 20px 0 0; 
display : inline; 
} 
.footer_menu li a { 
color : #ffffff; 
} 
.footer_menu .last_menu { 
border : none; 
} 
.clear_cgi { 
clear : both; 
} 
.container_cgi { 
margin : 0 auto; 
padding-bottom : 6px; 
width : 700px; 
} 
.main_cgi { 
clear : both; 
padding : 8px 18px; 
} 
.content_cgi { 
float : right; 
width : 700px; 
} 
.content_cgi .item_cgi { 
padding : 6px 12px; 
border : 1px solid #eee; 
background : #fff; 
margin-bottom : 8px; 
}