/* @override http://dev.fusebox.com/wp-content/themes/wpremix2/style.css */
@import url("css/reset.css");

body { background-color: #dedede; color: #757575; font-size: 12px; font-family: arial, helvetica, sans-serif; line-height: 1.3; }
#wrapper { background:#fff; -webkit-box-shadow: 5px 5px 10px #999; -moz-box-shadow: 5px 5px 10px #999; height:100%; margin: 10px auto 0 auto; overflow:hidden; padding: 16px 20px 20px; text-align:left; width:920px; }
/* general */
a { color: #EC731A; text-decoration: none; }
a:hover { color: #EC731A; text-decoration: underline; }
h1 { font-size: 21px; font-weight: bold; margin: 0; padding: 0 0 20px 0; }
h2 { font-size:20px; font-weight:400; margin:0 0 8px; padding:0; }
h3 { font-size:18px; font-weight: normal; line-height: 22px; margin:0; padding:0 0 20px 0; }
h4 { font-size:16px; font-weight:700; margin:15px 0 5px; padding:0 0 5px; }
h5 { font-size:12px; font-weight:700; margin:0; padding:0 0 5px 0;  }
h6 { font-size:14px; font-weight:bold; margin:0; padding:0 0 5px 0; }
p, ul { line-height: 20px; padding: 0 0 12px 0; }
ul li { line-height: 15px; padding: 0 0 5px 0; }
label { display: block; }
.form-item { padding: 0 0 5px 0; }
.form-item.upload, .form-item.captcha { padding: 0 0 15px 0; }
.form-item input,
.form-item textarea { border: 1px solid #ccc; width: 100%; }
.form-item.submit input { background:#757575; border: none; color: #fff; cursor:pointer; padding: 5px 15px; text-align:center; text-transform:lowercase; width: auto; }
.form-item.submit input:hover { background: #EC731A; }
.form-item select { font-size: 11px; font-family: arial; }
.form-item.upload input { border: 0; }
.form-item.captcha input { width: 100px; }
.form-required { color: #ff0000; }
.view-work-arrow {margin-left: 6px; vertical-align: -15%; text-decoration: none;}
/* header */
#header { border-top: 2px solid #EC731A; padding: 20px 0 0 0; }
#header #search { background:#fff url(images/i_search.png) no-repeat 5px 5px; border:2px solid #ebebeb; float:right; xheight:23px; margin: 0; padding:0 0 0 20px; }
#header #search input.s { background:#fff; border:none; color:#999; float:left; margin: 0 5px 0 0; outline: none; padding:5px 0 4px 0; width:170px; }
#header #search input.sgo { background:#757575; border: 0; color: #fff; cursor: pointer; height: 23px; line-height: 23px; margin:0; padding: 0; width: 26px; }
#header #search input.sgo:hover { background:#EC731A; }
#header #logo-nav { float: left; padding: 15px 0 30px 0; width: 100%; }
#header .logo { float: left; padding: 0; width: 153px; }
#header #nav { float: right; padding: 14px 0 0 0; width: 700px; }
#header #nav ul#navmenu-h { margin: 0; padding: 0; } 
#header #nav ul#navmenu-h li ul { display: none; } /* hide drop menu */
#header #nav ul#navmenu-h li { border-left: 1px solid #757575; float: right; font-size: 14px; line-height: 16px; margin: 0; padding: 0 14px; }
#header #nav ul#navmenu-h li a { color: #757575; text-decoration: none; }
#header #nav ul#navmenu-h li a:hover,
#header #nav ul#navmenu-h li.current_page_item a,
#header #nav ul#navmenu-h li.current_page_parent a { color: #EC731A; text-decoration: none; }
#header #nav ul#navmenu-h li.page-item-20 { border-left: 0; padding: 0 14px 0 0; }
#header #nav ul#navmenu-h li.page-item-35 { padding: 0 0 0 14px; }
#navmenu-h li.page_item.page-item-872,
#navmenu-h li.page_item.page-item-875 { display: none; }

/* bannerrule */
#bannerrule { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0; padding: 6px 0; }
#bannerrule #banner2 { height: 220px; overflow:hidden; width:920px; }
#bannerrule #banner3 { height: 120px; overflow:hidden; width:920px; }
/* content-wrap */
#content-wrap { padding-top: 20px; }
/* main */
#main { padding: 10px 0 0 0; }
#main .col { float: left; }
#main .col.two { width:445px; }
#main .col.two.first-a { width:360px; }
#main .col.two.first-b { width:610px; }
#main .col.two.first-b .col.two { width: 290px; } 
#main .col.two.second { float: right; }
#main .col.two.second-a { float: right; width: 530px; }
#main .col.two.second-b { border-left: 1px solid #cdcdcd; float: right; margin: 0 0 0 15px; padding: 0 0 0 15px; width: 260px; }
#main .col.three { border-left: 1px solid #cdcdcd; margin: 0 0 0 15px; padding: 0 0 0 15px; width:280px; }
#main .col.three.first { margin: 0; }
#main .col.onethirds { margin: 0 0 0 0; padding: 0 0 0 0; width:290px; }
#main .col.twothirds { margin: 0 0 0 20px; width: 600px; }
#main .col.four { border-left: 1px solid #cdcdcd; margin: 0 0 0 15px; padding: 0 0 0 15px; width:241px; }
#main .col.four.first { margin: 0; }
div#project-navigation-links { float: right; position: relative; top: 5px;}
div#project-navigation-links a { margin: 0 5px; }
div.case-study p.view-the-work { padding: 30px 0 15px 0; }
div.case-study p.view-the-work a { font-weight: bold; }
div.case-study ul#project-services { border-top: 1px solid #cecece; margin: 0; padding: 20px 0 0 0; }
div.case-study h1.pagetitle { border-bottom: 1px solid #cecece; line-height: 24px; margin: 0 0 14px 0; padding: 0 0 10px 0; }
div.case-study h1.pagetitle span { font-weight: normal; }
div.case-study p img.view-work-arrow { position: relative; top: 3px; left: 3px; }
ul.leaders-list,
ul.careers-list { padding: 10px 0 0 0; }
ul.leaders-list li { padding: 0 0 20px 0; }
/* press */
div.press-item { padding: 0 0 35px 0; }
div.press-item p { margin: 0; padding: 0; }
div.press-item h6 { margin: 0; padding: 0; }
div.press-item p.press-blurb-author { padding: 10px 0 0 0; font-style: italic; }
div.press-item p img { float: left; padding: 5px 10px 5px 0; }
/* case study */
div.case-study img.alignnone { -webkit-box-shadow: none; }
/* blog page */
div#blog_content { float: left; padding: 10px 0 0 0; width: 610px; }
div#blog_content div.posts { border-bottom: 1px solid #cdcdcd; margin: 0; margin-bottom: 25px; padding: 0 0 25px 0; width: 610px; }
div#blog_content div.posts div.calendar { background: #EC731A; color: #fff; float: right; font-size: 11px; margin: 0 0 0 0; padding: 8px 5px 5px 5px; text-align: center; text-transform: uppercase; width: 30px; }
div#blog_content div.posts div.calendar span.day { font-size: 21px; font-weight: normal; padding: 0 0 3px 0; }
div#blog_content div.posts div.calendar span { display: block; }
div#blog_content div.posts div.pright { float: left; margin: 0; padding: 0 0 20px 0; }
div#blog_content div.posts div.pright h2 { font-size: 18px; font-weight: bold; margin: 0; padding: 0 50px 5px 0; text-transform: capitalize; }
div#blog_content div.posts div.pright p { color: #999; font-weight: bold; margin: 0; padding: 0; }
div#blog_content div.posts div.pright p a { color: #666; }
div#blog_content div.posts div.pright p span.i_author { padding: 0 5px 0 0; }
div#blog_content div.posts img.alignright { float: right; margin: 0 10px 0 10px; }
div#blog_content div.posts img.alignleft { float: left; margin: 0 10px 10px 0; }
div#blog_content div.posts ul { padding: 0 0 7px 0; }
div#blog_content div.posts ul li { margin-left: 20px; }
div#blog_content div.posts div.clear { clear: both; margin: 0; padding: 0 0 10px; }
div#blog_content div.posts div.clear p { margin: 0; padding: 0 0 10px 0; }
div#blog_content div.posts div.clear div.gallery dl.gallery-item { margin: 0 0 10px 0; text-align: left; }
div#blog_content div.posts div.clear div.gallery img { border: 1px solid #cdcdcd;
	-webkit-box-shadow: 5px 5px 10px #999;  
	-moz-box-shadow: 5px 5px 10px #999;   }
div#blog_content div.posts div.post_bottom {  }
div#blog_content div.posts div.post_bottom span.cate { xdisplay: block; padding: 0 5px 0 0; }
div#blog_content div.posts div.post_bottom span.i_comment2 { border-left: 1px solid #cdcdcd; padding: 0 0 0 10px; }
div#blog_content div.posts div.post_bottom span.bookmark { float: right;
}
div#blog_content div.postads { border: 1px solid #cdcdcd; float: left; margin: 0; margin: 0 0 35px 0; }

div#blog_sidebar { border-left: 1px solid #cdcdcd; float: right; margin: 0 0 0 15px; padding: 0 0 0 15px; width: 260px; }
div#blog_sidebar div.sideads { margin: 0 0 10px 0; }
img.noshadow {  
}
/* sidebar */
li.widget {  }
li.widget h2.widgettitle { font-size: 14px; font-weight: 700; }
li.widget ul { margin: 0; padding: 0 0 25px 0; }
li.widget ul li { line-height: 16px; margin: 0; padding: 0 0 3px 0; }
li.widget ul li a img { position: relative; top: 3px; margin-top: -3px; }
li#twitter-tools li { padding: 0 0 10px 0; }
li#twitter-tools li.aktt_more_updates { font-weight: bold; padding: 0; text-align: right; }
li#tag_cloud { padding: 0 0 28px 0; }
/* contact form */
#contact-form {  }
#contact-form .form-item { float: left; width: 216px; }
#contact-form .form-item.become-a-client,
#contact-form .form-item.company,
#contact-form .form-item.address,
#contact-form .form-item.message,
#contact-form .form-item.upload,
#contact-form .form-item.captcha,
#contact-form .form-item.submit { width: 445px; }
#contact-form .form-item.first-name,
#contact-form .form-item.email,
#contact-form .form-item.city,
#contact-form .form-item.zip { margin: 0 13px 0 0; }
#contact-form .form-item.state select,
#contact-form .form-item.country select { width: 216px; }
#contact-form .form-item.upload input { color: #757575; font: 12px arial, helvetica, sans-serif; }
#contact-form .form-item.submit { float: right; text-align: right; width: 445px; }
#contact-form .form-item.submit input { float: right; margin: 0 0 0 5px; }
/* apply form */
#apply-form {  }
#apply-form .form-item { float: left; width: 256px; }
#apply-form .form-item.upload input { color: #757575; font: 12px arial, helvetica, sans-serif; }
#apply-form .form-item.upload input { color: #757575; font: 12px arial, helvetica, sans-serif; }
#apply-form .form-item.submit input { float: right; margin: 0 0 0 5px; }
form#ft { width: 200px;}
/* password page form */
div#pass-form {  }
div#pass-form label { display: block; }
div#pass-form .form-item {  }
div#pass-form .form-item br { display: none; }
div#pass-form .form-item input.txtinput { float: left; padding: 5px; margin: 0 3px 0 0; width: 200px; }
div#pass-form .form-item input.submit_p { background:#757575; border: none; color: #fff; cursor:pointer; float: left; padding: 5px 15px; text-align:center; text-transform:lowercase; width: auto; }
div#pass-form .form-item input.submit_p:hover { background: #EC731A; }
/* jpm request form */
p.form-required { padding: 0; text-align: right; }
div#jpm-form label { display: block; font-weight: bold; padding: 0 0 3px 0; }
div#jpm-form .form-item { padding: 0 0 15px 0; }
div#jpm-form .form-item input,
div#jpm-form .form-item textarea { border: 1px solid #ccc; width: 100%; }
div#jpm-form .form-item input {  padding: 5px; }
div#jpm-form .form-item.submit input { background:#757575; border: none; color: #fff; cursor:pointer; float: right; padding: 5px 15px; text-align:center; text-transform:lowercase; width: auto; }
div#jpm-form .form-item.submit input:hover { background: #EC731A; }
div#jpm-form .form-item select { font-size: 11px; font-family: arial; }
div#jpm-form .form-item.radio { padding: 0 0 10px 0; }
div#jpm-form .form-item.radio label { padding: 0; }
div#jpm-form .form-item .rdoinp input { float: left; width: auto; }
div#jpm-form .form-item .rdoinp span.wpcf7-list-item { display: block; padding: 5px 0; }
div#jpm-form .form-item.upload input { border: 0; }

/* footer */
#footer1 { background: #f1f1f1; height:100px; font-size: 11px; line-height: 14px; margin: 30px 0 0 0; overflow:hidden; padding:10px; }
#footer1 .fblock { float: left; width:240px; }
#footer1 .fblock.alignright { float: right; }
#footer1 .fblock.fblock_spacer { margin-left:50px; }
#footer1 a { color:#757575; text-decoration: none; }
#footer1 a:hover { color:#757575; text-decoration: underline; }
#footer1 p.email { background:url(images/i_mail.png) no-repeat 0 3px; line-height: 13px; padding:0 0 1px 22px; }
#footer1 p.rss { background:url(images/rss.png) no-repeat; line-height: 13px; padding:0 0 8px 22px; text-decoration:none; }
#footer1 input.subscribefield { border:1px solid #ccc; color:#666; float:left; margin-top:3px; outline: none; padding: 5px; width:155px; }
#footer1 input.subscribe_b { background:#777; border:none; color:#fff; cursor:pointer; float:left; margin: 3px 0 0 3px; padding: 5px 0; text-align:center; text-transform:lowercase; width:70px; }
#footer1 input.subscribe_b:hover { background: #EC731A; }
#footer { width:920px; margin:0 auto; }
#footer p { font-size:11px; padding:10px 0; }

/* bubble rollovers */
a.view-project,
a.view-casestudy { padding: 0 0 0 0; position: relative; }
a.view-project span,
a.view-casestudy span { display: none; }
a.view-project:hover span,
a.view-casestudy:hover span { display: block; height: 50px; position: absolute; top: -50px; left: 100%; text-indent: -9999px; width: 48px; z-index: 99999; }
a.view-project:hover span { background: url(images/viewproject.gif) 0 0 no-repeat; }
a.view-casestudy:hover span { background: url(images/viewcasestudy.gif) 0 0 no-repeat; }

/* overlay boxes */
#ibox { background: transparent url(images/white-translucent.png); *background: #fff; *opacity: 0.8; *filter: alpha(opacity=80); z-index:1000000; } 
#ibox_overlay { position:absolute; top:0; left:0; right:0; z-index:1000000; } 
#ibox_loading { position:absolute; z-index:1000001; } 
#ibox_wrapper { position:absolute; top:0; left:0; z-index:1000001; height: 642px !important;} 

#ibox_content { height:100%; overflow:hidden !important; position:relative; text-align:left; z-index:1000002; } 
#ibox_content div#wrapper { margin: 0; padding: 0; width: auto; }
#ibox_content object { display:block; } 
#ibox_content .ibox_image { border:0; display:block; height:100%;margin:0;padding:0; width:100%; } 
#ibox_content div#footer1, #ibox_content div#footer { display: none; }

#ibox_loading { background: #999; color: #fff; font-size: 16px; font-weight: bold; padding: 50px; }
#ibox_footer_wrapper { position: absolute; top: 1px; left: 710px; z-index:1000003; }
#ibox_footer_wrapper a { background: url(images/close.gif) 0 0 no-repeat; cursor: pointer; display: block; line-height: 24px; text-indent: -9999px; width: 44px;  }

#ourwork_outerframe { background: transparent url(images/dropshadow.png) 100% 100% no-repeat; *background:none; padding: 0 10px 10px 0; width: 777px; }
#ourwork_outerframe #ourwork_frame { background-color: #fff; border: 1px solid #cecece; padding: 24px 24px 14px 24px; }
#ourwork_outerframe div#blog_sidebar { display: none; }
#ourwork_outerframe #ourwork_frame p { display: none; }
#ourwork_outerframe #ourwork_frame p.remix { display: block; }
#ourwork_outerframe #ourwork_close { height: 24px; margin: 0px; text-align: right; }

#ourwork_outerframe div.container { border-bottom: 1px solid #cecece; width:725px; height:450px; overflow:hidden; position:relative; cursor:pointer; }

#ourwork_outerframe div.fb-slideshow-image { display: block; position: absolute; top: 0; }
#ourwork_outerframe div.fb-slideshow-image img.alignnone { -webkit-box-shadow: none; }
#ourwork_outerframe div.fb-slideshow-info { display: block; float: left; line-height: 21px; position: relative; top: 430px; zoom:1; }
#ourwork_outerframe div.fb-slideshow-info div.fb-icon-container { display: block; xposition: relative; float: left; xoverflow: hidden; width: 200px; }
#ourwork_outerframe div.fb-slideshow-info div.fb-slideshow-title { display: block; position: absolute; float: left; text-align: center; xwidth: 400px; width: 725px; xzoom:1; }

div#fb-slideshow-controls { position: absolute; top: 460px; left: 648px; float: left; text-align: right; width: 100px; z-index: 99999; }
#ourwork_outerframe div.pagination { float: right; }
#ourwork_outerframe div.pagination a { float: left; text-align: center; width: 15px; }
#ourwork_outerframe div.pagination a:hover { text-decoration: none; }
#ourwork_outerframe div.pagination a.toc { color: #757575; display: none; line-height: 12px; }
#ourwork_outerframe div.pagination a.toc.selected { display: block; float: left; }
#ourwork_outerframe div.pagination a.prev { background: url(images/back_arrow.gif) 50% 50% no-repeat; height: 12px; text-indent: -9999px; width: 15px; }
#ourwork_outerframe div.pagination a.next { background: url(images/forward_arrow.gif) 50% 50% no-repeat; height: 12px; text-indent: -9999px; width: 15px; }

div#project-short-description { font-size: 12px; height: 90px; padding: 10px 0 0 0; }
div#project-short-description h3 { font-size: 14px; font-weight: bold; padding: 0; }
div#project-short-description p { line-height: 14px; padding: 0 0 10px 0; }