html,body{font-family:Arial,Helvetica,sans-serif;font-size:10px;margin:0;padding:0;height:100%;color:#5d5d5d;background:#fff url(../img/bg.png) top center repeat-y}
body *{padding:0;margin:0;font-weight:normal;text-decoration:none}
body input,body textarea,body select{font-size:10px;font-family:Verdana,Helvetica,sans-serif;color:#000;font-weight:normal;border:0}
body input,body textarea{padding:1px}
body table{border-collapse:collapse}
body img{border:0}
body a{color:#5d5d5d;text-decoration:none;outline:none}
body a:hover{text-decoration:underline}
body strong{font-weight:bold}

.clear{clear:both}
.rflt{float:right}
.lflt{float:left}

#center{width:964px;margin:0 auto}
#upper,#lower{width:964px;float:left}


#main{float:left;width:736px}
#c-container{float:left;width:736px;background:#ebebeb;padding-left:35px}
#content{float:left;width:701px;border-top:5px solid #006dd9;padding-bottom:120px}
#cheader{float:left;width:701px;height:118px}
#cheader h1{float:right;height:86px;padding-top:14px}
#cheader a{color:#000;font-size:18px;font-weight:bold}
#cheader a:hover{text-decoration:none;color:#006dd9}
#cheader p{float:right;color:#006dd9;margin-top:-1px;padding-bottom:4px;}
#cheader span{padding:0 8px}

#f-container{float:right;width:736px;background:#ebebeb;border-top:8px solid #fff;padding-left:35px}
#footer{float:left;width:701px;padding-top:19px}

#footer a.f-head{float:left;margin-bottom:7px;font-weight:bold;font-size:12px}

#footer td.rbord{background:url(../img/vert-div.gif) 100% 2px no-repeat}
#footer td p{line-height:19px;font-size:12px}
#f-contact{width:173px}
#f-work{width:130px;padding-left:14px}
#f-about{width:130px;padding-left:14px}
#f-press{width:130px;padding-left:14px}
#f-elog{padding-left:14px}
#footer ul{list-style:none;font-size:12px;line-height:19px}
#footer a:hover{color:#006dd9;text-decoration:none}
#f-div{width:130px;padding:9px 0 0 1px;height:9px}
#f-div img{float:left;background:#5d5d5d}
#twitter{display:block;float:left;width:120px;height:19px;background:url(../img/twitter.gif) 0 0 no-repeat;text-decoration:none;padding-left:29px;margin-top:12px;font-weight:bold}
#f-text{line-height:17px;padding:42px 20px 10px 0}
#f-photo{line-height:17px;padding:10px 20px 55px 0; color:#999}



#sidebar{float:left;width:193px}
#logo{display:block;float:left;width:160px;height:123px;background:url(../img/logo.gif) 0 36px no-repeat}
#copyright{color:#006dd9;float:left;padding-top:261px;line-height:17px}

#ter-menu{float:left;width:193px}
#ter-menu ul{list-style:none;font-size:12px;line-height:20px;margin-top:6px}
#ter-menu a{color:#838282;outline-style:none}
#ter-menu a.active{color:#000}
#ter-menu a.active:hover{color:#000}
#ter-menu a:hover{text-decoration:none;color:#006dd9}

#ter-menu h3{width:160px}
#ter-menu h3 a{font-weight:bold;color:#000;font-size:14px}
.expandable{margin-top:10px}
.nonexpandable{margin-top:10px; border-top:1px solid #b5b5b5;padding:8px 0 0 0}
.closedheader{border-top:1px solid #b5b5b5;padding:8px 0 0 0}
.closedheader span.colon{display:none}
.openedheader{border-top:3px solid #006dd9;padding:10px 0 0 0}
.openedheader span.colon{display:inline}
#work{margin-top:0}

.menu-div img{float:left;background:#b5b5b5}
.menu-div{line-height:9px;padding-top:9px}

span.elog-alt{color:#006dd9}

#index_intro{float:left;width:621px;background:#006dd9;padding:25px 50px 30px 30px; margin-bottom:9px;}
#index_intro h1{color:#fff; font-size: 30px; line-height: 35px; margin:0; padding: 0;}
#index_intro h1 a{text-decoration:none; color:#fff;}
#index_intro h1 a:hover{text-decoration:none; color:#86eaff;}

#index_slideshow {float:left; display:block; width:701px; height:371px;margin-bottom:9px;}
.images {position:relative;	height:371px; float:left; z-index:1;}
.images div {display:none; position:absolute; top:0; left:0; height:371px; z-index:2;}
.images div a:hover img {border-bottom: 3px solid #006DD9;}
div.tabs {display:none;}

#index_work{float:left;}
.work_one{float:left;width:227px;height:201px; margin-bottom:0px;margin-right:10px}
.work_two{float:left;width:237px;height:201px; margin-bottom:0px;}
.work_three{float:left;width:227px;height:201px; margin-bottom:0px;}

.work_one a, .work_two a, .work_three a {display:block; background:#dbdbdb;  color:#5d5d5d; width:227px;height:190px; }
.work_one a:hover, .work_two a:hover, .work_three a:hover {display:block;text-decoration:none;background:#006dd9;color:#86eaff; width:227px;height:190px; color:#fff;}
.work_one a:hover strong, .work_two a:hover strong, .work_three a:hover strong {color:#fff;}

#index_work div img{display:block;margin-bottom:0}
#index_work div.m1{display:block;width:209px;height:60px;font-size:12px;line-height:16px;padding:20px 0 0 18px;}


#index_elog{float:left;width:621px;background:#006dd9;padding:25px 50px 25px 30px}
#index_elog ul {list-style-type: none;}
#index_elog li{float:left;color:#fff;font-size:12px; padding:6px 0 6px 25px; background: url(../img/elog_list.jpg) left center no-repeat; list-style-position: outside; width:600px;}
#index_elog li a{text-decoration:none; color:#fff; padding-left:5px;}
#index_elog li a:hover{text-decoration:none; color:#86eaff;}
#index_elog strong {color:#86eaff;}

#main-content{float:left;width:701px;border-bottom:3px solid #b5b5b5;border-top:3px solid #b5b5b5;line-height:10px}
div.news-item{width:701px;float:left;background:#006dd9;margin-bottom:2px;font-size:11px}
div.news-item div.text{float:right;width:390px;padding:41px 43px 41px 0}
div.news-item strong.date{color:#fff}
div.news-item a,div.news-item strong.title{color:#92e4ff;font-weight:bold}
div.news-item p{color:#fff;line-height:20px;padding:6px 0 0 0}
div.news-item div.thumb{float:left;padding:19px 0 19px 20px}
div.news-item div.thumb img{float:left}

#press{float:left;width:542px;background:#006dd9;color:#86eaff;padding:51px 126px 53px 33px;font-size:13px;line-height:24px}
#press-bottom{float:left;width:701px;margin-top:2px;background:#006dd9;padding:40px 0}
#press-bottom h1{float:left;color:#86eaff;font-size:13px;padding-bottom:26px}
#press-bottom p{float:left;color:#fff;line-height:20px;font-size:12px}
#press-bottom a{color:#fff}
#press-right{float:right;width:415px}
#press-left{float:left;width:226px;padding-left:34px}
#press-left div{float:left}
#company{padding-top:38px}

div.cs-main-wrap{float:left;width:701px;padding-bottom:10px; padding-top:1px;}
div.work-main-wrap{float:left;width:701px;padding-bottom:0px; padding-top:1px;}
div.cs-main{float:left;width:701px}
table.cs-img{float:left}
table.cs-img td{padding-bottom:10px}
table.cs-img td img{float:left;background:#fff}
table.cs-img td.csi-mr{padding-right:10px}
table.cs-img tr.csi-br td{padding-bottom:10px}
.pslideninfo {display:none;}
.viewing {display:block}

img.cs-main-img{float:left}

div.cs-text-wrap {}
span.cs-text{width:597px; background:#006dd9; padding:25px 88px 22px 29px; height: 71px; display:block; clear:both;}
span.cs-text h2{font-size:20px;color:#fff;font-weight:bold;}
span.cs-text p{color:#92f1ff;font-size:14px;line-height:20px;font-weight:normal;}

#cs-ctrl{float:left;width:701px;padding:8px 0}
#cs-ctrl table{float:left}
#cs-ctrl strong{font-size:12px;font-weight:bold;color:#000}
#cs-ctrl td.csc-cont{font-size:12px;font-weight:bold;color:#5d5d5d;padding-left:18px}
#cs-ctrl td.csc-prev{padding:0 2px 0 0}
#cs-ctrl td.csc-next{padding:0 0 0 0}
#cs-ctrl td.csc-sec{color:#5d5d5d;padding-left:14px;font-size:12px}
#cs-ctrl td.csc-sec a{color:#818181; font-weight:bold;text-decoration:none;}
#cs-ctrl td.csc-sec a:hover{font-weight:bold; text-decoration:none;color:#006dd9}
#cs-ctrl span#title{text-transform:capitalize;}
#cs-ctrl span#count{font-weight:bold;}

#cs-ctrl.loader {background:url(../img/ajax-loader.gif)no-repeat;background-position:48px 10px}
#ou a{font-weight:bold;color:#818181}
#ou a:hover{text-decoration:none;color:#006dd9}

a.csc-np{display:block;float:left;color:#818181;font-size:24px;line-height:40px;padding:0 14px;background:#dbdbdb;outline:none}
a.csc-np:hover{text-decoration:none;background:#006dd9;color:#fff}

a.csc-next{display:block;float:right;color:#818181;font-size:12px;line-height:40px;padding:0 10px;font-weight:bold;background:#dbdbdb;outline:none;}
a.csc-next:hover{text-decoration:none;background:#006dd9;color:#fff}

a.csc-prev{display:block;float:right;color:#818181;font-size:12px;line-height:40px;padding:0 10px;font-weight:bold;background:#dbdbdb;outline:none; margin-right: 2px;}
a.csc-prev:hover{text-decoration:none;background:#006dd9;color:#fff}

a.csc-all{display:block;float:right;color:#818181;font-size:12px;line-height:40px;padding:0 30px 0 15px;font-weight:bold;outline:none; text-transform:capitalize; background:#dbdbdb url(../img/all_link_off.gif) 92% 45% no-repeat;}
a.csc-all:hover{text-decoration:none;background:#006dd9 url(../img/all_link_on.gif) 92% 45% no-repeat;color:#fff; text-transform:capitalize;}

#frame-wrapper{width:701px; overflow: hidden; height:auto; position:relative;clear:both;/* margin:-52px 0 0 -46px */;margin:0}
#frame-wrapper .frame,#frame_wrapper #img-0,#img-0{position:absolute;top:0;left:0;width:701px}
#frame-wrapper .frame{left:701px}
#frame-wrapper .frame p strong{color:#fff;}
#frame-wrapper .frame img.cs-main-img{width:701px}
#frame-wrapper #img-0{/* left:0 */}
.images .frame {display:block}

/*.images div {display:none; position:absolute; top:0; left:0; margin:0; padding:0; height:auto; width:701px;} */

.work_small_one{float:left;width:226px;height:120px;margin-bottom:10px; }
.work_small_two{float:left;width:227px;height:120px;margin-left:10px;margin-bottom:10px;}
.work_small_three{float:right;width:226px;height:120px;margin-bottom:10px;}


.work-thumb img {display:block;}

.work-thumb a:hover img {border-bottom: 3px solid #006DD9;}

#floating-next{display:block;width:350px;height:380px;position:absolute;z-index:2000;left:351px;outline:none}
#floating-prev{display:block;width:350px;height:380px;position:absolute;z-index:2000;outline:none}
#floating-next:hover{background:url(../img/large-next.png) 279px 154px no-repeat}
#floating-prev:hover{background:url(../img/large-prev.png) 0 154px no-repeat}
#floating-next img, #floating-prev img{float:left}

#blue-box{float:left;width:619px;background:#006dd9;padding:50px 50px 32px 32px}
#blue-box h1{float:left;color:#fff;line-height:46px;font-size:38px; font-weight: normal; padding-bottom:18px;}
#blue-box h1 span {color:#86eaff;}
#blue-box h3{float:left;color:#fff;font-size:14px;font-weight:bold;width:543px; line-height:25px;margin-bottom:0;}
#blue-box p{float:left;color:#86eaff;line-height:25px;font-size:13px;padding:0 0 18px 3px}

#blue-box ul{float:left;color:#86eaff;list-style:none; margin-top:-18px; padding-bottom:18px !important; width:545px}
#blue-box li{float:left;color:#86eaff;width:545px;line-height:20px;font-size:12px;padding-left:1px}
#blue-box li span{color:#fff;}

#chistory,#services{float:left;width:543px;background:#006dd9;padding:40px 124px 34px 34px}
#chistory h2,#services h2{float:left;color:#86eaff;font-size:14px;font-weight:normal;width:543px}
#chistory ul{float:left;list-style:none;margin-top:25px;width:543px}
#chistory li{float:left;color:#fff;width:250px;line-height:20px;font-size:12px;padding-left:1px}

#services h2{padding-bottom:5px}
#services #svcr{float:right;width:291px}
#services #svcl{float:left;width:170px}
#services ul{float:left;list-style:none;margin-top:20px;width:170px}
#services li{float:left;color:#fff;width:170px;line-height:20px;font-size:12px;padding-left:1px}

#people{float:left;width:701px}
.people_one{float:right;width:227px;height:250px}
.people_two{float:right;width:237px;height:250px}
.people_three{float:left;width:227px;height:250px}

.pm-img {float:left}
#people div img {margin-bottom:9px;}
.people_one img, .people_two img, .people_three img {display:block;margin-bottom:0;border-bottom:9px solid #ebebeb;}
#people a.m1{display:block;float:left;width:209px;height:51px;color:#5d5d5d;background:#dbdbdb;font-size:12px;line-height:16px;padding:20px 0 0 18px;margin-bottom:2px}
#people a.m2{display:block;float:left;width:209px;height:28px;color:#5d5d5d;background:#dbdbdb;font-size:12px;line-height:16px;padding:11px 0 0 18px}
#people a.m1:hover,#people a.m2:hover{text-decoration:none;background:#006dd9;color:#fff}

#people a.mm1{display:block;float:left;width:227px;height:200px;color:#5d5d5d;background:#dbdbdb; margin-bottom:2px}
#people a.mm1 div.cap{display:block;font-size:12px;line-height:16px;padding:11px 0 0 18px;}
#people a.mm2{display:block;float:left;width:209px;height:28px;color:#5d5d5d;background:#dbdbdb;font-size:12px;line-height:16px;padding:11px 0 0 18px}
#people a.mm1:hover,#people a.mm2:hover{text-decoration:none;background:#006dd9;color:#fff}

#studio-top{float:left;width:701px;padding-bottom:10px}
#studio-top div{float:left;width:352px}
#studio-top p{float:left;width:275px;height:99px;background:#006dd9;margin-top:10px;color:#86eaff;font-size:14px;line-height:24px;padding:22px 48px 0 29px}
#studio-bot{float:left;width:701px;padding-top:10px}
#studio-bot div{float:right;width:352px}
#studio-bot h1{float:left;width:312px;height:224px;background:#006dd9;color:#fff;font-size:40px;line-height:44px;padding:39px 0 0 40px;font-weight:normal}
#studio-bot div img{margin-top:10px}

@media projection,screen{
	div.imgCache{position:absolute;left:-8000px;top:-8000px}
	div.imgCache img{display:block}
}
@media print{
	div.imgCache{display:none}
}

#content_body{float:left;width:543px;background:#006dd9;padding:40px 124px 34px 34px}
#content_body h2{float:left;color:#86eaff;font-size:14px;font-weight:normal;width:543px}
#content_body ul{float:left;list-style:none;margin-top:20px;width:170px}
#content_body li{float:left;color:#fff;width:170px;line-height:20px;font-size:12px;padding-left:1px}
#content_body ul.clients {width:300px;}
#content_body ul.clients li {width:300px;}
#content_body li a {color:#fff; text-decoration:none;}
#content_body li a:hover{color:#fff; text-decoration:none;}

#content_body p{float:left;color:#fff;width:170px;line-height:20px;font-size:12px;padding-left:1px}

#content_body ul.strong li{font-weight:bold;}
#content_body ul.strong li em {font-weight:bold; color:#86eaff; font-style:normal;}
#content_body ul.strong li a{font-weight:bold;}
#content_body ul.strong li a:hover{font-weight:bold; color:#86eaff;}

.listRight{float:right;width:291px}
.listLeft{float:left;width:170px}

div#contact_form {float:left; width:251px;}
div#contact_form form {width:251px;}
div#contact_form label {display:none;}
div#contact_form input, div#contact_form textarea {width:200px; display:block; color:#838282; font-size:11px;}
div#contact_form input {padding:6px; margin-bottom:2px;}
div#contact_form textarea {padding:6px; margin-bottom:2px; height: 74px;}

div#contact_form #button{padding-left:123px}
div#contact_form input.button {background:transparent url(../img/submit.gif) top left no-repeat;cursor:pointer;width: 93px; height: 40px; margin: 0;padding: 0;border: 0;display:block;text-indent:-9999px;}
div#contact_form input.button:hover {background:transparent url(../img/submit.gif) bottom left no-repeat; cursor:pointer; width: 93px; height: 40px; margin: 0;padding: 0;border: 0;display:block;text-indent:-9999px;}
div#contact_form .errormsg {background-color:#ff9933; padding: 15px; color:#fff; font-size: 12px;line-height:16px;margin: 0 35px 2px 0;display:none;}
.cf-vis {display:inline}


div#contact_info {float:right; width:285px;}



#category_work{float:left;width:701px}
.work_left{float:left;width:346px;height:200px;}
.work_right{float:right;width:346px;height:200px;}


/* elog styles */
#elog-container{float:left;width:736px;background:#006dd9;padding-left:35px}
#elog-content{float:left;width:701px;border-top:5px solid #fff;padding-bottom:72px}
#elog-cheader{float:left;width:701px;height:118px}
#elog-cheader h1{float:right;height:86px;padding-top:14px}
#elog-container a{color:#fff;font-size:18px;font-weight:bold}
#elog-container a:hover{text-decoration:none;color:#86eaff}
#elog-cheader p{float:right;color:#fff;margin-top:-1px;padding-bottom:4px}
#elog-cheader span{padding:0 8px}

.fancy-e {color:#86eaff; font-style:normal; font-weight: normal;}

#elog-main-content{float:left;width:701px;border-bottom:3px solid #fff;border-top:3px solid #fff;line-height:10px;}
#elog-main-content h2{color:#fff; font-size: 35px;margin: 65px 0; font-weight: normal;}
#elog-main-content h2 a{color:#fff; font-size: 35px;margin: 65px 0; font-weight: normal;}
#elog-main-content h2 a:hover{color:#86eaff; font-size: 35px;margin: 65px 0; font-weight: normal;}
#elog-main-content h3{color:#86eaff; font-size: 16px; border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 8px;}
#elog-main-content h4{color:#fff; font-size: 13px; margin-bottom:25px;}

.elog-date{color:#fff; font-size: 16px; font-style: normal;}

#elog-main-content p{color:#fff;margin-bottom:15px; line-height:19px;font-size:13px;}
#elog-main-content p a{line-height:19px;font-size:13px;color:#fff;font-weight:bold}
#elog-main-content p a:hover{line-height:19px;font-size:13px;text-decoration:none;color:#86eaff}

#elog-entries {float:left; width: 450px;}
.elog-entry {margin-bottom: 50px;}
.elog-entry p a{font-size: 13px; line-height: 19px; color:#fff; font-weight: bold; text-decoration: underline;}
.elog-entry p a:hover{font-size: 13px; line-height: 19px; color:#86eaff;  font-weight: bold; text-decoration: underline;}

.paginate {color:#fff;margin-bottom:15px; line-height:19px;font-size:13px;}
.paginate a{line-height:19px;font-size:13px;color:#fff;font-weight:bold}
.paginate a:hover{line-height:19px;font-size:13px;text-decoration:none;color:#86eaff}

#elog-sidebar {float:right; width: 200px;}
#elog-sidebar ul {margin: 15px 0 50px 0; color:#fff; font-size: 13px; line-height: 19px; list-style: none; list-style-position: inside;}
#elog-sidebar li {font-size: 13px; line-height:19px; color:#fff; margin-bottom:10px;}
#elog-sidebar li a{font-size: 13px; line-height: 19px; color:#fff; font-weight: normal;}
#elog-sidebar li a:hover{color:#86eaff; font-weight: normal; text-decoration: none;}