/*RESETS*/
*{padding:0; margin:0;}
ul{list-style-type:none;}
fieldset{border:none;}
a img{border:none;}
a{-moz-outline:none;}
html {overflow-y: scroll;}
.clearfix{clear:both; height:0;}

/*GENERIC GLOBAL STYLES*/
label{display:block;}

/*GLOBAL STYLES*/
#wrap{width:900px; padding: 25px 60px 25px 60px; margin:0 auto;}
#header{height:78px; width:900px;}
#col_1{width:125px; float:left; padding:37px 10px 40px 10px; min-height:525px;}
#col_2{width:755px; float:right; padding:37px 0 40px 0;}
#footer{clear:both;}

h1{margin-bottom:25px; margin-right:25px;}
h2{margin:40px 0 30px; width:100%;}
h4{margin-bottom:10px;}

/*SIDE NAV DEFAULTS*/
#col_1 ul#side_nav {padding: 0 12px 175px 0;}
#col_1 ul#side_nav li ul {display:none; padding-left:7px;}
#col_1 ul#side_nav li ul.active {display:block;}

/*HEADER*/
#header #ds_logo{float:left; margin-top: 29px; line-height:20px}
#header #header_bug{position:relative; float:right; height:47px; width: 245px; padding-left:10px;} 
#header #header_bug #weather{display:none;} 
#header #header_bug .bug_item{position:absolute; top:0;} 

/*FOOTER*/
#footer {margin-bottom:40px;}
#footer .group{margin:18px 60px 0 0; float:left;}
#footer h4{margin-bottom:5px;}

/*HOME*/
#feature_slideshow{position:relative; width:755px; height:392px; overflow:hidden; margin-top:35px;}
#feature_slideshow #feature_slides{height:392px; overflow:hidden;}
#feature_slideshow #feature_slides li span.slide_caption{display:none;}
#feature_slideshow #feature_slideshow_ui{z-index:1000; position:relative; float:right; width: 405px; height:30px; top:-45px; left:-12px;}
#feature_slideshow #feature_slideshow_ui #feature_caption{float:left;}
#feature_slideshow #feature_slideshow_ui #feature_caption a{margin-left:12px;}
#feature_slideshow #feature_slideshow_ui .pager{position:absolute; top:10px; right:10px;}

.pager a{width:14px; height:11px; margin-left:5px; display:block; float: left; text-indent:-9999px; overflow:hidden;}

#project_group ul#project_list li{margin:4px 0 0 2px; width:249px; float:left;}
.project_caption{height:44px; padding:8px; display:block;}
.project_caption{height:44px; padding:8px; display:block;}
.project_caption .project_name{display:block;}
.project_thumb{height:184px;}
.project_thumb .bg{display:block; position:absolute; width:249px; top:0; height:185px;}

/*ABOUT*/
.box{margin-top:20px; padding:45px 45px 15px 45px; clear:both;}
.box p{padding-bottom:30px;}
.box h3{padding-bottom:30px;}

.confined {height:200px;}
.confined p{padding-bottom:0;}

/*WHAT WE DO*/
.full_center{text-align:center; padding-bottom:30px;}
.col_2_item{float:right; width:345px; margin-right:10px; margin-bottom:20px;}
.panel_title{margin-bottom:2px;}
.panel{padding:12px 10px 20px 10px;}
.panel table {width:100%; margin-bottom: 50px;}
.panel table th {text-align:left; color:#666666;}
.solo{float:none; clear:both;}
.left{float:left; }
.right{float:right; }

/*SERVICES*/
.col_4_item {width:188px; float:left;} 

/*CLIENTS*/
.col_3_item {width:245px; float:left;} 

/*CONTACT*/
#contact .phone{float:right; margin:20px 10px 0 45px;}
#contact #mapWrap{margin-top:55px; width:100%; height:354px;}
#contact #mapWrap #sideMap{float:left; width:247px; height:307px; margin:1px 0 1px; padding-top:44px;}
#contact #mapWrap #sideMap .title{margin-top:30px;}
#contact #mapWrap #map{float:right; width:480px; height:336px;}
#contact #mapWrap #map .logoInfo{position:absolute; top:15px; left:13px;}

/*WORK*/
.half_show {width:100%; height:413px; margin-bottom:35px; }
.half_show .text_half .pos_statement {margin:112px 0 33px;}
.half_show .vert_show {width:377px; height:413px; overflow:hidden; float: right; position:relative;}
.half_show .text_half {width:332px; height:411px; float:left; margin:1px 0 1px; padding:0 20px 0 20px;}
.half_show .text_half .pos_statement .headline {margin-bottom:10px;}

.half_show .vert_show .pager{z-index:1001; position:absolute; bottom:10px; right:10px;}
#prev, #next{z-index:1000; position:absolute; height:413px; width:100px; cursor:pointer; overflow:hidden; background:url(/assets/img/trans.gif) repeat;}
#prev{top:0; left:0;}
#next{top:0; right:0; height:385px;}
.slider{position:absolute;}
#prev .slider{background-image:url(/assets/img/arrow_l.png); background-repeat:no-repeat; left:-31px;}
#next .slider{background-image:url(/assets/img/arrow_r.png); background-repeat:no-repeat; right:-31px;}

/*WORK DETAIL*/
#work_detail .work_grid {float:right;}
#work_detail .overview {margin:16px 155px 0 0;}
#work_detail .elem {margin-top:65px; padding-top:20px; width:100%; }
#work_detail .elem .elem_info {width:186px; float:left;}
#work_detail .elem .elem_show {width:560px; float:right;}
#work_detail .elem .elem_show .fs {float:right; margin-top:-4px; padding-bottom: 3px;}
#work_detail .elem_info .description,
#work_detail .elem_show .show {padding-top: 20px; clear:right;}
#work_detail .elem_show .show .slides {width:560px; height:350px; overflow:hidden;}
#work_detail .elem_show .stack img{margin-bottom: 3px;}

/*NEWS*/
#news .feed .story {float:left; margin-bottom:35px; width:455px;}
#news .feed .story img {float:left; clear:both; margin-right:12px;}
#news .feed .story .title {margin:8px 0 8px 0;}

#news .sideScroll {float:right; width:250px; height:288px;}
#news .archive ul li{margin-bottom:10px;}
#news .archive #scroll{position:relative; float:left; left:-10px; width:3px; height:260px;}
#news .archive #scroll #shuttle{position:absolute; top:0px; cursor:pointer;}
#news .archive #window{height:260px; overflow:hidden; display:block;}

/*CAREERS*/
#careers{position:relative;}
#careers #badge{position:absolute; right:0; top:75px;}
#careers .title{margin-top:15px;}