* { margin:0; padding:0;}
body,td,th { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #8e877b; }
body { background-color: #fff; background-image:url(images/back.gif); background-attachment:fixed}
a { color: #f20000; }
h1 { font-size: 24px; color:#00abe3; font-weight:normal; padding:0 0 20px 0}
h2 { font-size: 18px; color:#00abe3; padding:0 0 15px 0}
h4 { font-size:12px; color:#90c600; padding:0 0 15px 0; text-decoration:underline}
img { border:none;}
.clr { clear:both;}
input.button { font-size:11px; font-style:normal; color:#6e7985; text-align:center; border:none; background:url(images/but1.gif) no-repeat; width:87px; height:21px; margin:15px 0 0; }
i.red { font-style:normal; color:#ff0000;}
/*-----------------------------------------------------------------------------*/
.wrap {width:828px; margin: 0px auto; position: relative; background: url(images/wrap_line.png) repeat-y 824px 0px;  }
.wrap2 { width:820px; margin: 0px auto; position: relative; background:#fff url(images/back.gif); }
.container { margin: 0px auto; width: 710px; position: relative; }
.header { position: relative; height: 100px; }
.logo { background: url(images/logo.gif) no-repeat; position: absolute; height: 45px; width: 143px; left: 0px; top: 30px; }
.logo a {display:block; height: 45px; width: 143px; text-indent:-1000em; }
/*-----------------------------------------------------------------------------*/
.menu { height: 17px; position: absolute; top: 57px; right: 0px; }
.menu li { list-style:none; margin:0 0 0 15px; float:left; position:relative; _width:1px; }
.menu li span { display:block; height:16px; padding:1px 20px 0; text-decoration:underline; color:#fff;}
.menu li a { display:block; height:16px; text-decoration:none; color:#fff;}
.menu li a span { text-decoration:none; cursor:pointer;}
.menu li.a { background-color:#54c8f4;}
.menu li.b { background-color:#00b3f6;}
.menu li.c { background-color:#05a1f2;}
.menu li.d { background-color:#0096e3;}
.menu li.e { background-color:#0079c6;}
.menu li a:hover span{ text-decoration:underline}
/*-----------------------------------------------------------------------------*/
.works_slide { padding: 35px 0 35px; height: 100px; position: relative; }
.content { padding: 20px 0 0; position: relative; width:710px; overflow:hidden }
.left { padding: 0 40px 0 0; float: left; width: 425px; position: relative; background:url(images/dashed.gif) repeat-y right top; margin:0 -21px 0 0; }
.right { padding: 10px 0 0 40px; float: left; width: 203px; position: relative; background:url(images/dashed.gif) repeat-y left top;}
.left p { font-size:11px; color:#8e877b; line-height:18px; text-indent:7px; padding:0 0 15px; text-align:justify}
/*-----------------------------------------------------------------------------*/
.coda-slider-wrapper { clear: both; overflow: hidden }
.coda-nav { position: relative; }
.coda-nav ul { display:block; clear:both; overflow:hidden}
.coda-nav li { display:inline;}
.coda-nav li a { color:#00abe3; font:26px Tahoma, Geneva, sans-serif; padding: 0 50px 0 0; background:url(images/arrow.gif) no-repeat right center; display:block; float:left;  margin:0 20px 0 0; text-decoration:none; text-transform:uppercase}
.coda-nav li a.last { background:none; margin:0;}
.coda-nav li a:hover, .coda-nav li a.current { text-decoration:underline;}
.coda-slider { float: left; overflow: hidden; position: relative; padding:20px 0 0;}
.coda-slider .panel { display: block; float: left; width: 460px }
.coda-slider .panel-container { position: relative }
.coda-slider .panel p { font-size:11px; color:#8e877b; line-height:18px; text-indent:7px; padding:0 0 15px; text-align:justify}
.coda-slider { width: 445px }
.coda-slider .panel-wrapper { padding: 0 35px 0 0; }
.coda-slider .panel-wrapper h3 { padding:0 0 10px;}
.coda-slider .panel-wrapper p { font-size:11px; line-height:14px;}
.left ul.list li { padding:0 0 10px 30px; background:url(images/arrow3.gif) no-repeat 0px 0px;}
.left ul.list b {color:#0096e3; display:block; text-decoration:underline; padding:0 0 4px;}
.left ul.serv_list li { padding:0 0 10px 30px; background:url(images/arrow4.gif) no-repeat 0px 0px;}
.left ul.serv_list b {color:#0096e3;  text-decoration:underline; padding:0 0 4px;}
/*-----------------------------------------------------------------------------*/
.news { position: relative;}
.news b { font-size:10px; color:#0096e3; display:block; padding:0 0 4px;}
.news p { padding:0 0 20px; line-height:14px;}
/*-----------------------------------------------------------------------------*/
.action { position: relative; overflow:hidden; padding:50px 0 0 20px; }
.action div { width:45%; float:left; margin:0 30px 0 0;}
.action img { float:left; margin:0 15px 0 0; vertical-align:bottom}
.action h3 { font:bold 12px  Georgia, "Times New Roman", Times, serif; color:#0079c6; padding:0 0 5px 0; position:relative; overflow:hidden}
.action h3 a {color:#0079c6; text-decoration:none}
.action h3 span { position:absolute; display:block; height:7px; background:url(images/title_small.png) repeat-x; width:100%; top: 1px;  }
.action p { font:10px Tahoma, Geneva, sans-serif; color:#7b7b7b; line-height:12px}
/*-----------------------------------------------------------------------------*/
.footer { background: url(images/footer.png) repeat-x left top; height: 110px; position: relative; margin:40px 0 0 0; }
.copyright { line-height: 16px; color: #b8b7ae; position: absolute; left: 0px; top: 20px; }
.copyright a {color: #b8b7ae; text-decoration:none}
.copyright a:hover { text-decoration:underline; color: #f20000;}
.phone { font: 30px Georgia, "Times New Roman", Times, serif; color: #99978c; position: absolute; left: 278px; top: 15px; }
.phone small { font:16px "Times New Roman", Times, serif; color:#0298d7; padding:0 5px 0 0; vertical-align: middle}
.foot_menu { position: absolute; left: 276px; top: 55px; color: #b8b7ae; }
.foot_menu a { font-size:10px; color: #b8b7ae;}
.foot_menu span { font-size:10px; color: #b8b7ae;}
/*-----------------------------------------------------------------------------*/
.votes{ position: relative; }
.votes b { display:block; padding:0 0 12px;}
.votes form { margin:12px 0;}
.votes-answer { margin:5px 0 3px 0;}
.votes-answer input { margin:0 5px 0 0;}
.votes input.button { font-size:11px; color:#6e7985; text-align:center; border:none; background:url(images/but1.gif) no-repeat; width:87px; height:21px; margin:15px 0 0; }
.votes-debug { display:none; }
.votes ul { list-style:none;}
.votes li { background:url(images/square.gif) no-repeat 0 9px; padding:4px 0 0 12px;}
/*-----------------------------------------------------------------------------*/
.portfolio_menu { position: relative; }
.portfolio_menu ul { list-style:none; height:39px; background:url(images/dashed2.gif) repeat-x left bottom}
.portfolio_menu li { float:left; position:relative; margin:0 15px 0 0; height:38px;font:18px Georgia, "Times New Roman", Times, serif; color:#829199;}
.portfolio_menu li.active { background:url(images/dashed3.gif) no-repeat center bottom;}
.portfolio_menu li.active span {border-bottom:1px solid #0096e3}
.portfolio_menu li a { font:18px Georgia, "Times New Roman", Times, serif; color:#829199; text-decoration:none;}
.portfolio_menu li a:hover { border-bottom:1px solid #0096e3}
.portfolio_menu li.active a { border: none;}
/*-----------------------------------------------------------------------------*/
.portfolio_list { position: relative; padding: 50px 0px 0px; width:770px; }
.portfolio_list div { width:197px; float:left; position:relative; margin:0 59px 30px 0; min-height:210px; _height:200px;}
.portfolio_list div h3 { font-size:11px; color:#f0672a; padding:20px 0 3px;}
.portfolio_list div h3 a {color:#f0672a; text-decoration:}
.portfolio_list div p { }
/*-----------------------------------------------------------------------------*/
.navigation { position: absolute; top: 32px; right: 0px; }
.navigation a { display:block; padding:1px 5px 2px; float:left; margin:0 0 0 -1px; border-bottom:none; text-decoration:none; color:#0096e3; height:20px;}
.navigation a:hover { text-decoration:underline}
.navigation b { display:block; margin:0 2px;float:left; color:#0096e3; width:16px; height:20px; background:url(images/nav.gif) no-repeat; text-align:center; padding:1px 0 0; font-weight:normal}
/*-----------------------------------------------------------------------------*/
.portfolio_work { position: relative; }
.portfolio_work h1 { font-size:18px; font-weight:normal; padding:14px 0 20px 26px; background:url(images/dashed4.gif) no-repeat left top; float:left; clear:both; margin:1px 0 0; }
.portfolio_work p { clear:both}
.work_img { background: url(images/work_tl.gif) no-repeat left top; position: relative; float:left; clear:both; margin:25px 0 15px; }
.work_img div { background:url(images/work_tr.gif) no-repeat right top; padding:35px 0 0;}
.work_img div img { border:1px solid #aaa; border-top:none; width:650px;}
.work_link { position: absolute; top: 15px; right: 0px;}
.work_link a { color:#0096e3; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif}
.all_work { position: absolute; top: -25px; right: 0px; }
.all_work a { padding:0 0 0 20px; background:url(images/arrow2.gif) no-repeat left center; color:#83aaaa;}
/*-----------------------------------------------------------------------------*/