﻿body{background:#6C0000 url('../images/bg.gif') repeat-x center top;margin:0;padding:0;text-align:center;font-size:12px;font-family:"Courier New", Courier, monospace}
img{border:0}
p{margin:0;padding:0}
dl,dt,dd{margin:0;padding:0}
.clear{clear:both}
a{color:#fff;text-decoration:none}
a:hover{color:#ff9900}
a.external{background:url('../public/images/externalLink.gif') no-repeat right -60px;padding-right:8px;color:#fff;text-decoration:none}
a.external:hover{background:url('../public/images/externalLink.gif') no-repeat right -30px;color:#ff9900}
.text{line-height:18px}
#wrapper{width:996px;margin:0 auto;text-align:left}

#header{height:90px;padding-top:80px;padding-left:60px}
#container{margin-top:80px}
#footer{border-top:1px #bb5757 dotted;line-height:20px;padding-bottom:60px;color:#fff;margin-top:10px;padding:10px 30px}

#nav{height:40px;padding:0;margin:0;list-style:none;background:url('../images/nav.gif') no-repeat left top}
#nav li{float:left;width:120px;height:40px}
#nav li.home{width:80px}
#nav li a{width:120px;height:40px;float:left}
#nav li a span{display:none}
#nav li.home a{width:80px}
#nav li.home a:hover{background:url('../images/nav.gif') repeat 0 -40px}
#nav li.services a:hover{background:url('../images/nav.gif') repeat -80px -40px}
#nav li.cases a:hover{background:url('../images/nav.gif') repeat -200px -40px}
#nav li.news a:hover{background:url('../images/nav.gif') repeat -320px -40px}
#nav li.careers a:hover{background:url('../images/nav.gif') repeat -440px -40px}
#nav li.contact a:hover{background:url('../images/nav.gif') repeat -560px -40px}

#sidebar{width:300px;float:left;border-right:1px #bb5757 dotted;text-align:center;padding-bottom:30px}
#logo{height:80px;text-align:center;margin:0 auto}

#content{width:655px;float:right;line-height:20px;color:#fff;padding:0 20px}
#content h3{margin:0;padding:0;font-size:12px;background:url('../images/arrow.gif') no-repeat left center;padding-left:20px}
#content .content{margin-left:20px}
#content .content h4{margin:0;padding:0;font-size:13px;font-weight:bold;margin:2px 0}
#content .content h4 span{font-weight:normal;margin-left:10px}

#case_box{line-height:20px;margin-left:20px}
#case_box ul{margin:0;padding:0;list-style:none;width:630px;float:left}
#case_box li{width:190px;height:100px;float:left;padding:10px 0;padding-right:20px}
#case_box dl{width:190px;float:left;position:relative;height:100px;background:url('../images/box.gif') no-repeat}
#case_box dt{width:190px;height:20px;position:absolute;top:80px}
#case_box dt a.title,#case_box dt span.title{width:110px;height:20px;float:left;padding:0 10px;overflow:hidden}
#case_box dt a.cat,#case_box dt span.cat{width:60px;text-align:center;float:right}
#case_box dd{width:184px;height:74px;position:absolute;top:0px;padding:3px}
#case_box dd a{width:184px;height:74px;display:block}

#services_box{line-height:20px}
#services_box ul{margin:0;padding:0;list-style:none}
#services_box li{height:100px;padding:10px 5px;border-top:1px #bb5757 dotted}
#services_box li#first{border-top:0}
#services_box dl{height:100px}
#services_box dt{width:400px;float:right;font-weight:bold}
#services_box dd.img{width:190px;height:100px;float:left;background:url('../images/box.gif') no-repeat}
#services_box dd.img a.img{width:190px;height:80px;float:left}
#services_box dd.img span a{width:60px;height:20px;float:left}
#services_box dd.img img{width:184px;height:74px;padding:3px;float:left}
#services_box a{text-decoration:none;color:#fff}
#services_box dd.img a.title,#services_box dd.img span.title{width:110px;height:20px;float:left;padding:0 10px;overflow:hidden}
#services_box dd.img a.cat,#services_box dd.img span.cat{width:60px;height:20px;text-align:center;float:right}
#services_box dd.description{width:400px;height:54px;float:right;line-height:18px;overflow:hidden;padding:3px 0}
#services_box dd.more{width:400px;height:20px;float:right}
#services_box dd.more a{color:#e3bdbd;background:url('../images/icon_arrow_double.gif') no-repeat left top;height:20px;padding-left:12px}
#services_box dd.more a:hover{color:#fff;background:url('../images/icon_arrow_double.gif') no-repeat left -20px}

#work_menu{margin-left:30px}
#work_menu ul{margin:0;padding:10px 0;list-style:none;width:600px;float:left}
#work_menu li{width:150px;height:20px;float:left}
#work_menu a{color:#e3bdbd;background:url('../images/icon_arrow_double.gif') no-repeat left top;height:20px;padding-left:12px;text-decoration:none}
#work_menu a:hover{color:#fff;background:url('../images/icon_arrow_double.gif') no-repeat left -20px}

#news_box{margin-left:20px}
#news_box ul{margin:0;padding:0;list-style:none;margin:10px 0;width:630px;float:left}
#news_box li{border-bottom:1px #bb5757 dotted;padding:0 5px;width:270px;float:left;margin-right:25px;line-height:20px}
#news_box li a{background:url('../images/icon_arrow.gif') no-repeat left center;padding-left:12px}
#news_box li span{float:right}

#career_box{margin-left:20px}
#career_box ul{margin:0;padding:0;list-style:none}
#career_box li{padding:10px 0;line-height:18px}
#career_box dl{background:url('../images/icon_arrow.gif') no-repeat left top;padding-left:12px}
#career_box dt{margin:5px 0}
#career_box dd{margin:5px 0}
#career_box dt a{text-decoration:underline}

#contact_box{margin-left:20px}
#contact_box form{margin:0;padding:0}
#contact_box ul{margin:0;padding:0;list-style:none;width:400px;float:left}
#contact_box li{padding:5px 0;float:left;width:400px}
#contact_box li.spilt{width:200px}
#contact_box label{width:60px;float:left;text-align:right;margin-right:10px}
#contact_box label span{color:#ff0000}
#contact_box input{margin:0;padding:2px 3px;border:1px #8e2d2d solid;float:left;font-size:12px;font-family:"Courier New", Courier, monospace;width:300px;color:#710000;-moz-border-radius:5px}
#contact_box li.spilt input{width:100px}
#contact_box textarea{margin:0;padding:2px 3px;border:1px #8e2d2d solid;float:left;font-size:12px;font-family:"Courier New", Courier, monospace;width:300px;height:100px;color:#710000;-moz-border-radius:5px}
#contact_box input.submit{width:80px;height:20px;padding:0;padding:0;margin:0;border:0;float:right;margin-right:40px;color:#fff;background:url('../images/submit.gif') no-repeat}

.page{height:15px;line-height:15px;padding:5px 0}
.page span{border:1px #9f3737 solid;padding:0 5px;margin:0 2px;color:#9f3737}
.page a{width:12px;height:15px;display:inline-block;background:url('../images/icon_page.gif') no-repeat left top;text-align:center;text-decoration:none;color:#9f3737;margin:0 5px}
.page a:hover,.page a.selected{background:url('../images/icon_page.gif') no-repeat left bottom;color:#c75f5f}

#footer_nav{height:20px;line-height:20px}
#footer_nav ul{margin:0;padding:0;list-style:none;height:20px;line-height:20px}
#footer_nav li{width:120px;height:20px;float:left;position:relative}
#footer_nav div{width:164px;position:absolute;left:-12px;bottom:15px;display:none}
#footer_nav div.selected{display:block}
#footer_nav div ul{width:164px;height:auto;padding-top:20px;background:url('../images/nav_dropdown.png') no-repeat center top}
#footer_nav div ul li{padding:0 20px;width:124px;height:20px;float:none}
#footer_nav div span{width:164px;height:20px;background:url('../images/nav_dropdown_bottom.png') no-repeat center bottom;display:block}
