/* <style TYPE="text/css"> */
/* top right bottom left */

body{margin:0;background: url(images/bg_body.jpg) top repeat-x #008EBC;padding:0;text-align:left;font-size:11px; font-family: Tahoma, Arial, sans-serif;color: #030;}
div{margin:0;padding:0;}
img{border:0;}

#container {position:relative;width:780px;margin: 0 auto;background: transparent;z-index:80;text-align:left;}
#container_full {position:relative;width:100%;z-index:80;text-align:left;}

.sitemap_link{cursor:pointer;color:#fff;overflow:hidden;position:absolute;right:-12px;top:120px;width:75px;height:23px;z-index:100;background: url(images/top_link.jpg) no-repeat right top;}
.sitemap_link span{cursor:pointer;position:absolute;right:30px;top:4px;text-decoration:underline;}

.contact_link{cursor:pointer;color:#fff;overflow:hidden;position:absolute;right:-12px;top:155px;width:75px;height:23px;z-index:100;background: url(images/top_link.jpg) no-repeat right top;}
.contact_link span{cursor:pointer;position:absolute;right:30px;top:4px;text-decoration:underline;}

#top0{width:780px;height:71px;background: url(images/top0.jpg) no-repeat right bottom #003141;}
#top1{position:relative;width:780px;height:41px;background: url(images/top1.jpg) no-repeat;}
#top1 p{position:absolute;left:30px;top:14px;color:#fff;margin:0;padding:0;}

#static{position:relative;width:780px;height:302px;background: #fff;}
#logo{position:absolute;top:0;left:0;width:278px;height:166px;background: url(images/logo.jpg) no-repeat;}
#work_menu{position:absolute;left:278px;background:#fff;width:142px;}
#work_menu ul{padding:0;margin:29px 0 0 0;list-style-type: none;}
#work_menu li{height:29px;padding:0;margin:0;text-align:left;background: url(images/work_menu_grey.jpg) no-repeat;}
#work_menu a{position:relative;top:6px;left:10px;}
#work_menu a:link{color:#fff;text-decoration:none;}
#work_menu a:visited{color:#fff;text-decoration:none;}
#work_menu .title{background: url(images/work_menu_blue.jpg) no-repeat;font-weight:bold;}
#work_menu span{position:relative;top:6px;left:10px;color:#fff;}

#work{position:absolute;right:0;top:0;width:360px;height:166px;background:url(images/work.jpg) no-repeat;}
#work_zoom{position:absolute;right:0;bottom:54px;width:175px;height:82px;background: url(images/work_zoom.jpg) no-repeat;}
#ftest{position:absolute;right:0;bottom:0;width:175px;height:54px;background: url(images/ftest.jpg) no-repeat;}
#nontest{position:absolute;right:0;bottom:0;width:175px;height:54px;background: url(images/nontest.jpg) no-repeat;}

#content a:link{color:#09c;text-decoration:underline;}
#content a:visited{color:#09c;text-decoration:underline;}

#menu{position:absolute;left:0;bottom:0;width:605px;height:136px;background: url(images/bg_menu.jpg) no-repeat;}
#menu a{position:absolute;}
#menu a:link{color:#fff;}
#menu a:visited{color:#fff;}
#menu p{margin:0;position:absolute;bottom:20px;left:30px;color:#fff;}
#menu p a{position:static;}
#menu .menu00{top:44px;left:5px;width:50px;height:22px;}
#menu .menu01{top:34px;left:85px;width:60px;height:22px;}
#menu .menu02{top:50px;left:160px;width:60px;height:22px;}
#menu .menu03{top:35px;left:237px;width:60px;height:22px;}
#menu .menu04{top:50px;left:320px;width:45px;height:22px;}
#menu .menu05{top:37px;left:377px;width:70px;height:22px;}
#menu .menu06{top:54px;left:450px;width:75px;height:22px;}
#menu .menu07{top:34px;left:530px;width:60px;height:22px;}

#main{width:780px;background: url(images/bg_main.jpg) no-repeat #434343 bottom;padding:0 0 20px 0;}

#content{float:left;padding:17px 0 0 0;position:relative;left:10px;width:510px;color:#434343;background: #fff url(images/content_top.jpg) no-repeat top;}
#content h2{margin:0 0 0 20px;}
#content h3{margin:10px 0 0 20px;color:#09C;font-size:11px;}
#content h4{margin:2px 0 0 20px;color:#999;font-size:11px;font-weight:normal;}
#content p{margin:10px 20px 17px 20px;line-height:180%;text-align:justify;}
#content ul{padding:0;margin:5px 20px 0 40px;}
#content li ul{margin:5px 20px 0 20px;}
#content ul li{padding:0;margin: 0 0 5px 0; text-align: justify; line-height: 150%;}
#content_bottom{position:relative;width:510px;height:40px;background:url(images/content_bottom.jpg) no-repeat;}
#content_bottom a{text-decoration:underline;position:absolute;color:#434343;}
#content_bottom .backtop{top:0;right:130px;}
#content_bottom .print{top:0;right:25px;}

#column{padding:0 0 30px 0;position:relative;right:20px;float:right;width:220px;}

#testimontial{margin: 0 0 10px 0;width:220px;line-height:180%;color:#fff;text-align:justify;}
#testimontial h4{margin:0 0 0 0;color:#999;font-size:11px;font-weight:normal;}

#box{padding:17px 0 0 0;width:220px;background: url(images/box_top.jpg) no-repeat top #fff;}
#box h2{margin:0 0 0 20px;}
#box_bottom {width:220px;height:12px;background: #434343 url(images/box_bottom.jpg) no-repeat;line-height:5px;}

#whyme {padding:0;margin:10px 20px 10px 20px;list-style-type: none;color:#434343;}
#whyme li{background:url(images/box_li.jpg) no-repeat;padding:0 0 0 28px;margin: 0 0 11px 0; text-align: justify; line-height: 150%;}

#footer{position:relative;width:780px;height:108px;margin:0 auto;background: url(images/footer.jpg) no-repeat top;}
#footer .p0{margin:0;position:absolute;top:14px;left:30px;color:#fff;line-height:150%;}
#footer .p1{margin:0;position:absolute;top:24px;right:28px;}

#bg_cont_left{overflow:hidden;width:50%;position:absolute;top:0;left:0;height:399px;z-index:50;}
#bg_cont_right{overflow:hidden;width:50%;position:absolute;top:0;right:0;height:360px;z-index:50;background: url(images/bg_body_right.jpg) no-repeat 389px bottom;}

#bg_cont_right_bottom{overflow:hidden;width:50%;position:absolute;bottom:0;right:0;height:105px;z-index:50;background: url(images/bg_body_right2.jpg) no-repeat 389px bottom;}

#bg_side_left{width:410px;height:165px;position:absolute;bottom:0;right:390px;z-index:70;background: url(images/bg_body_left.jpg) no-repeat;}
#bg_side_right{width:410px;height:170px;position:absolute;bottom:0;left:390px;z-index:70;background: url(images/bg_body_right.jpg) no-repeat;}

#form {display:block;margin:0;padding:0 0 0 20px;width:473px;}
#form p {display:block;clear:both;text-align:left;margin:0;}
#form p.right {text-align: right; margin-top: 10px; padding: 5px; background-color: #C3C3C3; }
#form p label {width: 90px;text-align:left;float:left;line-height: 18px;padding:0;}
#form p label span.info {font-size: 9px; font-weight: normal;}
#form p select{border: 1px solid #999;margin:3px 0 3px 0;}
#form p input.field,div.edit_div p select, div.edit_div p,div.edit_div p radio {float:right;margin:3px 0 3px 0;width: 377px; background-color: #fff; border: 1px solid #999; color: #09c; font-family: Tahoma; font-size: 11px; padding: 2px;}
#form p textarea {border: 1px solid #999;margin:5px 0 0 0;float:right;color: #09c; font-family: Tahoma; font-size: 11px;height:145px;width:379px;}
#form .form_submit{margin:10px 0 20px 0;padding:0;position:relative;left:230px;}

.content_box {width:235px;height:220px;}
#services_box{width:480px;}
#services_box p{margin-left:5px;margin-right:0;width:225px;}
#services_box img{margin-top:10px;}
#services_box h3{margin-left:5px;margin-bottom:0;margin-top:5px;}
#services_box h3 a:link {text-decoration:none;}
#services_box h3 a:visited {text-decoration:none;}

/*
.work {width:475px;margin:0 0 15px 15px;padding:0;}
.work strong{color:#09c;}
.work img{float:left;margin:0;}
.work_content {float:right;width:285px;margin:0 0 0 20px;line-height:180%;text-align:justify;}
*/

#worksnavi{margin-left:20px;margin-bottom:10px;width:740px;height:33px;background:url(images/worksnavi.bg.jpg) no-repeat bottom;}
#worksnavi ul{padding:0;margin:0 0 0 10px;list-style-type:none;}
#worksnavi ul li{float:left;margin:0;}
#worksnavi a{text-decoration:none;padding-top:5px;font-weight:bold;float:left;margin:0;width:116px;height:23px;background:url(images/worksnavi.button.jpg) no-repeat;text-align:center;}
#worksnavi a:hover{color:#fff;}
#worksnavi a:link{color:#fff;}
#worksnavi a:visited{color:#fff;}
#worksnavi a:active{color:#fff;}
#worksnavi .current{background:url(images/worksnavi.current.jpg) no-repeat;}

.work {margin-bottom:20px;margin-left:20px;background:#333;border:1px solid #000;float:left;}
/*.work {margin-bottom:20px;margin-left:20px;width:358px;height:283px;background:#333;border:1px solid #000;float:left;}*/
.work img{border:1px solid #000;margin:8px;}
.work .info{font-size:10px;color:#999;font-weight:normal;}
.work .bar{position:relative;background:#000;height:35px;color:#fff;width:358px;}
/*.work .bar{position:relative;background:#000;height:35px;width:358px;color:#fff;}*/
.work .name{position:absolute;top:5px;left:10px;font-weight:bold;}
.work .navi{position:absolute;right:10px;top:5px;}
#works a {font-weight:bold;color:#060;text-decoration:none;}
#works a:visited {color:#060;}
#works a:hover {color:#060;}
#works a:active {color:#060;}
#works a:link {color:#060;}

#message{padding:0;margin:10px 0 10px 45px;width:421px;background:url(images/message/bg_msg.gif) repeat-y top;clear:both;}
#message .content{margin:0;padding:0;width:421px;background:url(images/message/content.gif) no-repeat;}
#message .left{float:left;margin:0;padding:0;width:98px;}
#message .right{width:320px;margin:0;padding:0;float:right;}
#message span{font-weight:bold;display:block;margin:0 0 8px 0;padding:0;}
#message img{margin:15px 16px 8px 16px;width:66px;height:67px;}
#message p{margin:20px 0 15px 0;width:300px;line-height:180%;text-align:justify;}
#message .footer{margin:0;padding:0;width:421px;height:11px;clear:both;}

.quote_div_cat{border: 1px solid #ccc;width:490px;margin:10px 8px 0 8px;}
.quote_div_cat label {color:#333;}
.quote_div_cat ul li label{position:relative;bottom:3px;left:2px;color:#333;}
.quote_div_cat input {font-size:11px;padding:1px;}
#quote p{margin:5px 0 5px 29px;}

#servicesmenu{padding:35px 0 0 0;width:220px;background: url(images/servicesmenu.jpg) no-repeat left top #09c;}
#servicesmenu a:link,a:visited{color:#fff;text-decoration:none;}
#servicesmenu_bottom {width:220px;height:13px;background: url(images/servicesmenu_bottom.jpg) left no-repeat;line-height:5px;}

#servicesmenu_div {margin:0 0 0 32px;color:#fff;}
#servicesmenu ul{margin:15px 0 0 -12px;padding:0 0;font-size:11px;font-family:Tahoma;}
/*
#pager {margin: 0 auto;width:180px;height:30px;}
#pager a{margin-right:10px;display:block;float:left;width:20px;height:20px;border: 1px solid #09c;}
#pager a:link{text-decoration:none;}
#pager a:visited{text-decoration:none;}
#pager a:hover{text-decoration:none;background: #09c;color:#fff;}
#pager a:active{text-decoration:none;background: #09c;color:#fff;}
#pager span{position:relative;top:3px;left:8px;}
#pager .current{border: 1px solid #ccc;color:#fff;}
*/

#pager {margin:0 0 15px 31px;display:block;height:20px;padding:0;color:#fff;}
#pager a{margin-right:10px;display:block;float:left;width:19px;height:20px;border: 1px solid #ccc;}
#pager a:link{text-decoration:none;background:#333;color:#fff;}
#pager a:visited{text-decoration:none;background:#333;color:#fff;}
#pager a:hover{text-decoration:none;background: #09c;color:#fff;}
#pager a:active{text-decoration:none;background: #09c;color:#fff;}
#pager span{position:relative;top:3px;left:7px;}
#pager .current{border: 1px solid #666;color:#666;background:#333;}
#pager .pgs{float:left;position:relative;top:4px;margin-right:10px;}

#servicesmenu .leaf {
  list-style-type: none;
  list-style-image: none;
  line-height:14px;  
  padding: 0 0 4px 20px;
  margin: 0;
  clear:none;
  font-weight:normal;
  background-image : url("images/link.gif");
  background-repeat : no-repeat;
  height:20px;
}

#servicesmenu .expanded {
  list-style-type: none;
  list-style-image: none;
  line-height:14px;  
  padding: 0 0 4px 20px;
  margin: 0;
  font-weight:bold;
  clear:none;
  background-image : url("images/minus.gif");
  background-repeat : no-repeat;
}

#servicesmenu .collapsed {
  list-style-type: none;
  list-style-image: none;
  line-height:14px;
  font-weight:bold;
  padding: 0 0 4px 20px;
  margin: 0;
  background-image : url("images/plus.gif");
  background-repeat : no-repeat;
}

/*</STYLE>*/