/* main */
body, html { margin:0; padding:0; background-color:#fff;}
.clr { clear:both; padding:0; margin:0; width:100%; line-height:0px; font-size:0px;}
.container { margin:0; padding:0; width:100%; font:normal 12px Arial, Helvetica, sans-serif; color:#000; line-height:1.8em;}
h1 { margin:0; padding:0; float:left; font:bold 30px Arial, Helvetica, sans-serif; color:#2a97d2;}
h2 { margin:0; padding:0 0 5px 0; font:normal 28px Arial, Helvetica, sans-serif; color:#2a97d2;}
h2.white { margin:0; padding:0 0 10px 0; font:normal 24px Arial, Helvetica, sans-serif; color:#fff;}
h3 { margin:0; padding:10px 0 0 0; font:bold 11px Arial, Helvetica, sans-serif; color:#2a97d2;}
h4 { margin:0; padding:2px 0 0 0; font:bold 15px Arial, Helvetica, sans-serif; color:#2a97d2; font-style: italic;}
a { color:#329bd4; text-decoration:underline;}
p { margin:0; padding:8px 0; line-height: 1.2em;}
/* header1 */
.container_h1 { background:#cbebf6 url(../../assets/images/header_bg.jpg) repeat-x center;}
.header1 { margin:0 auto; padding:0; width:1000px;}
.header1 img.logo { margin:30px 0 25px 40px; padding:0; float:left; border:none;}
.searchdiv { margin:55px 30px 0 0; padding:0; float:right;}
.searchdiv span { float:left; height:22px; width:231px; background:url(images/search.gif) no-repeat top left; padding:0 10px;}
.search { margin:0; padding:4px 0; float:left; height:14px; width:231px; border:none; background:none; color:#505050;}
.search_btn { margin:4px 0 0 7px; padding:0; border:none; float:left;}
.header1 p { margin:45px 0 0 20px; padding:0 0 0 20px; float:left; width:220px; font:normal 13px Arial, Helvetica, sans-serif; color:#c4c4c4; border-left:2px solid #4b4b4b; line-height:1.6em;}
/* header2 index */
.container_h2i { background:#fff url(../../assets/images/header2i_bg.jpg) repeat-x top center;}
.header2i { margin:0 auto; padding:0; width:1000px;}
.header2isub { margin:45px 0 20px 100px; padding:0; float:left; width:450px;}
.header2i h1 { margin:0; padding:0 0 20px 0; float:none; font:bold 42px Arial, Helvetica, sans-serif; color:#535252;}
.header2i h1 strong { font:bold 50px Arial, Helvetica, sans-serif; color:#009ad3;}
.header2i p { margin:0; padding:0; line-height:1.8em;
}
/********** slider **********/
.slider { width:900px; height:200px; margin:0 auto; padding:0; background:url(../../assets/images/slider_bg.png) top no-repeat;}
/* menu */
.container_m { background:#1197d1 url(../../assets/images/menu.gif) repeat-x top; height:70px; margin:0 auto; padding:0;}
.menu { margin:0 auto; padding:0 0 0 2px; width:900px; }
.menu ul { margin:0; padding:0; float:left; list-style:none;}
.menu li { margin:0; padding:0; float:left; font:normal 11px Arial, Helvetica, sans-serif; align-height:12px; border-right:1px solid #2b85ca; border-left:1px solid #42aedb;}
.menu a { float:left; margin:0; padding:28px 20px; text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; color:#fff; line-height:12px; text-transform:uppercase;}
.menu a span { margin:0; padding:0;}
.menu a:hover { background:url(../../assets/images/menu_active.gif) repeat-x top;}
.menu a:hover span { background:url(../../assets/images/menu_active.gif) repeat-x top;}
.menu a.active { background:url(../../assets/images/menu_active.gif) repeat-x top; font:bold 11px Arial, Helvetica, sans-serif; line-height:12px;}
.menu a.active span { background:url(../../assets/images/menu_active.gif) repeat-x top;}
/* slider*/
#slider { margin:0 auto; padding: 5px 0 0 0; list-style:none; width:790px; height:290px; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
#slider p { margin:0; padding:2px 0; line-height: 1em;}
#slider div { margin:0; padding:1px 0; height:300px}
#slider h2 { margin:0; padding:0 0 2px 0; font:normal 18px Arial, Helvetica, sans-serif; color:#2a97d2;}
#slider li { width:720px; overflow:hidden; padding:0; margin:0 auto; }
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:24px; height:24px; position:absolute; left:10px; top: -225px; }
#nextBtn { left:865px; }
#prevBtn a { display:block; width:24px; height:24px; background:url(../../assets/images/left_btn.png) no-repeat 0 0; }
#nextBtn a { display:block; width:24px; height:24px; background:url(../../assets/images/right_btn.png) no-repeat 0 0; }
/* content */
.container_c { background:#fff url(../../assets/images/content_bg.gif) top repeat-x;}
.content { margin:0 auto; padding: 2px 50px 30px 50px; width:900px;}
.content img.left { margin:10px 25px 30px 0; padding:0; border:none; float:left;}
.content img.right { margin:10px 40px 40px 40px; padding:0; border:none; float:right;}
.content img.portfolio { margin:10px 25px 20px 0; padding:0; border:none; float:left;}
.content p.header { margin:0; padding:6px 0 0 0; width:560px; float:right;}
.content ul { margin:0; padding:0 0 20px 0; width:340px; list-style:none;}
.content li { margin:0; padding:0 0 0 25px; line-height:2em; background:url(../../assets/images/li_circle.gif) no-repeat left; border-bottom:solid 1px #c9c9c9;}
.content li a { color:#505050; text-decoration:none;}
.content li a:active { color:#329bd4; text-decoration:underline;}
.content li a:hover { color:#329bd4; text-decoration:underline;}
.subcontent1 { margin:40px 0 0 0; padding:0;}
.subcontent1hr { margin:5px 0 0 0; padding:0 0 10px 0; border-bottom:1px solid #ccc;}
.subcontent2 { margin:5px 30px 0 0; padding:0; float:left; width:420px;}
.subcontent2hr { margin:5px 0 0 0; padding:0 0 0 20px; float:left; width:415px; border-left:solid 1px #bcbcbc;}
.subcontent3 { margin:40px 0 0 0; padding:0; float:left; width:550px;}
.subcontent4 { margin:40px 0 0 60px; padding:0; float:left; width:275px;}
.subcontent5left { margin:20px 25px 0 0; padding:0; float:left; width:425px;}
.subcontent5right { margin:20px 0 0 25px; padding:0; float:left; width:425px;}
.subcontent5hr { margin:0; padding:20px 0; border-bottom:1px solid #bcbcbc;}
.subcontent6left { margin:10px 30px 0 0; padding:0; float:left; width:420px;}
.subcontent6right { margin:10px 0 0 30px; padding:0; float:left; width:420px;}
/* contact */
#contactform { margin:0; padding:0;}
#contactform * { color:#009ad3;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:80px; padding:3px 10px; font:normal 12px Arial, Helvetica, sans-serif; color:#555e67; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:420px; border:1px solid #555e67; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:420px; border:1px solid #555e67; margin:10px 0; padding:2px; background:#fff; height:100px;}
#contactform li.buttons input { padding:0; margin:0 0 0 100px; border:0; color:#FFF; float:left;}
#contactform li.buttons input.clear { padding:0; margin:0 0 20px 20px; width:104px; height:29px; float:left; background:url(../../assets/images/btn_resetform.png);}
p.response { text-align:center; color:#2c2c2c; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
/* subfooter */
.container_sf { background:#2c9bd4 url(../../assets/images/subfooter_bg.gif) top repeat-x;}
.subfooter { margin:0 auto; padding: 10px 50px 10px 50px; width:900px;}
.subfooter p { color:#fff; padding:0 0 5px 0;}
.subfooter a { color:#fff;}
.sfleftright { margin:0; padding:0; float:left; width:250px;}
.sfcenter { margin:0 20px 0 30px; padding:0 15px 0 15px; float:left; width:300px; border-left:solid 1px #1967bc; border-right:solid 1px #1967bc;}
p.quote { font:italic 11px Arial, Helvetica, sans-serif; line-height:1.4em;}
p.author { font:normal 12px Arial, Helvetica, sans-serif; text-align:right; line-height:1.9em;}
img.twitter { margin:5px 0 0 80px; padding:0; border:none;}
/* footer */
.container_f { background:#242424 url(../../assets/images/background_page.gif) top repeat-y;}
.footer { margin:0 auto; padding:5px; width:930px; height:100px;}
.footermenu { margin:0; padding:0 5px; text-align:center; width:700px;}
.footer a { display:block; margin:0; padding:0 12px; font:normal 11px Arial, Helvetica, sans-serif; float:left; color:#fff; text-decoration:none; border-right:solid 1px #575757;}
.footer a:hover { text-decoration:underline;}
.footer a:active { text-decoration:underline;}
.footer a.last { border:none;}
.footer p { margin:0; padding:0; color:#fff; text-align:right;}
.footercopyright { margin:0; padding:10px 0 0 15px; font:normal 10px Arial, Helvetica, sans-serif; color:#fff; text-align:left;}