/* @import for modules
-------------------------------------------*/


/* Reset
-------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, html, img, label, th, td { padding: 0; margin: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
a { outline: none; }
table { empty-cells: show; border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
abbr,acronym {border:0;font-variant:normal;}
input,textarea,select{*font-size:100%;}
q:before, q:after { content: ''; }
body { position: relative;  text-align: center; font: 66.5%/160% arial, sans-serif; text-align: left; color: #77787b; background: url('../images/bg_redBar.gif') repeat-x left 32px; min-width: 900px; }
textarea, input, button, select { font: 110% arial, sans-serif;}
ol, ul { list-style: none; }

/* Generic
-------------------------------------------*/
h1 { font-size: 180%; }
h2 { font-size: 160%; }
/*h3 { font-size: 120%; }*/
h1, h2, h3, h4, h5, h6 { font-weight:bold; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 1em; }
strong { font-weight: bold; }
em { font-style: italic; }
blockquote, ul, ol, dl { margin-bottom: 1em; }
p, fieldset, table, pre { margin-bottom: 1em; }
th, td { border:1px solid #000; padding:.5em; }
th { font-weight:bold; text-align:center; }
caption { margin: 0 0 .5em .5em; font-style: italic; }
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
fieldset { margin: 0; padding: 0; border: none; }
legend { margin: -10px; padding: 0; text-indent: -9999em; color:#000; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { min-height: 1px; height: auto !important; height: 1px; }

.colContainer { min-height: 1px; height: auto !important; height: 1px; /* « used to fix height "clearfix" */  border-bottom: .15em dashed #000; margin-bottom: 2em; padding-bottom: 2em; width: 100%; }
.colContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

form li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
form li { min-height: 1px; height: auto !important; height: 1px; }

.sup { position: relative; bottom: 4px; }
.sub { position: relative; top: 4px;}
.hidden { display: none; }
.floatRight { float: right; }
.floatLeft { float: left; }

/* Browser Warning and accessibility
-------------------------------------------*/
.browserWarning { position: absolute; top: 0; height: 0; }
.browserWarning p { position: absolute; left: -9999px; top: 0; font-size: 110%; white-space: nowrap; }
.accLinks { position: absolute; top: 0; height: 0; }
.accLinks p { position: absolute; left: -9999px; top: 0; font-size: 110%; white-space: nowrap; }

/* page container
-------------------------------------------*/
.pageContainer { margin: 0 auto; text-align: left; width: 900px; }

/* Header container
-------------------------------------------*/
.headerContainer { z-index: 100; position: relative; right: 37px; }
.headerContainer h1 { float: left; padding-top: 32px; position: relative; top: 0; left: 0; }
.headerContainer h1 a { display: block; background: url('../images/logo.gif') no-repeat left top; height: 63px; text-indent: -5000em; width: 180px; }

/* Navigation
-------------------------------------------*/
.headerContainer ul { background: url('../images/bg_redBar_trasparent.gif') no-repeat left 32px; float: left; padding: 36px 0 0 40px; position: relative; width: 474px; }
.headerContainer ul li { display: block; float: left; }
.headerContainer ul li a { display: block; text-indent: -5000em; }
.headerContainer ul li.work a { background: url('../images/btn.work.gif') no-repeat left top; width: 79px; height: 95px; }
.headerContainer ul li.work a:hover, .headerContainer ul li.work a.active { background-position: right top; }
.headerContainer ul li.us a { background: url('../images/btn.us.gif') no-repeat left top; width: 79px; height: 95px; }
.headerContainer ul li.us a:hover, .headerContainer ul li.us a.active { background-position: right top; }
.headerContainer ul li.blog a { background: url('../images/btn.blog.gif') no-repeat left top; width: 79px; height: 95px; }
.headerContainer ul li.blog a:hover { background-position: right top; }

/* Brand Fuel
-------------------------------------------*/
.brandfuel { z-index: 200; height: 105px; position: absolute; right: 0px; width: 50%; min-width: 305px; }

.brandfuel_container { z-index: 301; margin-left: 187px; }

.brandfuel_head_bg { z-index: 302; background: url('../images/bg_blackBar.gif') repeat-x 225px 0; height: 63px; min-width: 315px; }

.brandfuel_head { z-index: 303; cursor: pointer; margin: 32px 0 0 0; }
.brandfuel_head ul { margin: 0 0 0 23px; padding-top: 4px; }
.brandfuel_head ul li { margin: 0px; padding: 0 0 0 0; position: relative; float: left; }
.brandfuel_head ul li.last { float: none; }
.brandfuel_head ul li h2 { background: url('../images/logo.brandfuel.gif') no-repeat 0 0; text-indent: -5000em; display: block; width: 79px; height: 17px; margin-top: 18px; }
.brandfuel_head ul li img { padding-left: 10px; }

.brandfuel IFRAME  { z-index: 303; position: absolute; top: 95px; height:317px !important; width: 302px !important; border:0; margin:0; padding:0; }
.brandfuel_expanded { display: none; z-index: 304; height:317px; margin: 0; background: url('../images/bg_brandfuel.gif') repeat-x left top; }
.brandfuel_expanded .brandfuel_expanded_bg { z-index: 305; min-width:302px; height:317px; overflow-x:hidden; }
.brandfuel_expanded #brandfuelContentSwf { z-index: 306; position: absolute; top: 95px; }
/*
.brandfuel_expanded .brandfuel_content { z-index: 306; padding: 20px; }
.brandfuel_expanded ul.brandfuel_nav { z-index: 307; background: none; height: auto; margin: 0px; padding: 0px 0px 15px 23px; background: url(../images/bg_brandfuel.gif) repeat-y left top; min-width:292px; }
.brandfuel_expanded ul.brandfuel_nav li { display: inline; padding: 0; }
.brandfuel_expanded ul.brandfuel_nav li a { width: 132px; color: #e51937; display: inline; float: left; font-size: 120%; font-weight: bold; margin-right: 12px; text-decoration: none; text-indent: 0px; text-transform: uppercase; }
.brandfuel_expanded .bottomBorder { z-index: 308; background: url('../images/brandfuel_bottom.gif') no-repeat left top; height: 14px; width: 100%; min-width:315px; }
*/

/* Dropdowns */
.headerContainer ul li ul { display: none; font-family: Helvetica, arial, sans-serif; text-transform: lowercase; padding: 0; height: 90px; color: #77787B; background: none; }
.headerContainer ul li.work ul { width: 450px; position: absolute; top: 108px; left: 56px; background: none; }
.headerContainer ul li.us ul { width: 270px; position: absolute; top: 108px; left: 146px;  }

.headerContainer ul li ul li { display: inline; width: 85px; background: none; }
.headerContainer ul li ul li a, 
.headerContainer ul li ul li a:link, 
.headerContainer ul li ul li a:visited { color: #636466; text-decoration: none; line-height: 14px; background: none; margin: 0; text-indent: 0; display: inline; }
.headerContainer ul li ul li a:hover, 
.headerContainer ul li ul li a:active { color: #000; }
.headerContainer ul li ul li span { color: #e51937; }

.solarMark { z-index: 0; position: absolute; display: block; height: 122px; top: 9px; left: 78px; }
.solarMark.work { left: 212px; }
.solarMark.us { left: 288px; }
.solarMark.blog { left: 368px; }

/* hompages
-------------------------------------------*/
.carousel { z-index: 0; height: 430px; }

/* gallery styles
-------------------------------------------*/
.contentContainer { margin-left: 46px; position: absolute; top: 155px; width: 854px; }
.contentContainer h3 { color: #636466; font-weight: normal; text-transform: uppercase; margin-bottom: 5px; }
.contentContainer h3 span.even { color: #e51937; font-weight: bold; }

.contentContainer #workFlash { margin-bottom: 30px; }

.contentContainer .person_content,
.contentContainer .work_content { height: 370px; }
.contentContainer ul.personNav,
.contentContainer ul.workNav { position: absolute; bottom: 23px; left: 0; height: 13px; margin: 0; }
.contentContainer .personNav li,
.contentContainer .workNav li { float: left; margin-right: 7px; height: 13px; }

.imageScroller { position: absolute; top: 515px; height: 108px; overflow: hidden; width: 100%; }
.imageScroller ul { height: 108px; position: relative; left: 0; }
.imageScroller ul li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.imageScroller ul li { float: left; margin-left: 5px; width: 72px; height: 86px; padding-top: 22px; position: relative; left: 72px; }
.imageScroller ul li.active { background: url(../images/cloud_top_small.gif) no-repeat 0 2px; }
.imageScroller ul li a { text-decoration: none; }
.imageScroller ul li { }
.imageScroller ul li a { }
.imageScroller ul li a img { }
.imageScroller ul li.divider { }
.imageScroller ul li.divider img { }
.imageScroller ul li.divider span { margin-top: 5px; z-index: 100; position: absolute; bottom: 30px; width: 72px; white-space: nowrap; display: block; font-size: 110%; height: 13px; color: #e51937; font-weight: bold !important; text-transform: uppercase; opacity: 0; visibility: hidden; }

.contentContainer .profile img { float: left; margin-right: 14px; }
.contentContainer .profile .profileInfo { float: left; width: 390px; position: relative; top: -2px; }
.contentContainer .profile .profileInfo li { margin-bottom: 5px; }
.contentContainer .profile .profileInfo h4 { color: #77787b; font-weight: normal; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 3px; }
.contentContainer .profile .profileInfo p { color: #77787b; width: 370px; }



.contentContainer a, .contentContainer a:link, .contentContainer a:visited, .contentContainer a:active { color:#77787b; text-decoration: underline; }
.contentContainer a:hover { color:#e51937; }

/* 3 Col Text List
-------------------------------------------*/
.textList .contentContainer ul { float: left; width: 250px; color: #77787B; }
.textList .contentContainer ul li a { color: #77787b; text-decoration: none; }
.textList .contentContainer ul li span { color: #e51937; }
.textList .contentContainer ul li a:hover { color: #e51937; text-decoration: none; }
.textList .contentContainer ul li a:hover span { visibility: visible; }

/* work list */
#workList .contentContainer h3 { margin-bottom: 12px; }

/* flir Images */
h3.flir { font-weight: normal !important; text-transform: lowercase; font-size: 29px; font-family: Helvetica, Arial, Sans-Serif; margin-bottom: 10px !important; position: relative: top: -5px; line-height: 29px; }
h3.flir img { float: none !important; margin-right: 1px !important; border: none !important; position: relative !important; top: 5px !important; }
h3.flir, h3.flir span.odd { color: #000; font-weight: normal !important; }
h3.flir span.even, h3.flir em { color: #e51937 !important; font-weight: normal !important; font-style: normal !important; }

/* rich */
.linklayer {  }

/* Rich text (TinyMCE editable areas)
-------------------------------------------*/
.rich { color: #77787b; width:550px; color:#77787b; position: absolute; }
.rich p { margin-top: -5px; margin-bottom: 1em; }
.rich a, .rich a:link, .rich a:visited, .rich a:active { color:#77787b; text-decoration: underline; }
.rich a:hover { color:#e51937; }
.rich h2 { font-size: 130%; color: #636466; font-weight:normal; padding: 0; margin-bottom: 5px; }
/*
.rich h3 { font-size: 120%; color: #636466; font-weight: normal; text-transform: uppercase; margin-bottom: 5px; }
.rich h3 span { color: #e51937; font-weight: bold; }
*/
.rich h3 { margin-bottom: 5px; }
.rich h4 { padding: 0; margin-bottom: 10px; }
.rich h5 { font-weight: normal; padding: 0; margin-bottom: 5px; }
.rich h6 { font-weight: normal; padding: 0; margin-bottom: 5px; }
.rich ul { margin-top: -5px; margin-bottom: 10px; }
.rich ul li { font-weight:normal; background:url(/images/bullet.rich.gif) no-repeat 0 5px; padding-left:10px; margin-left: 2px; }
.rich ul li h4 { margin-bottom:0px; }
.rich dl { margin-top: 5px; }
.rich dl dt { font-weight: bold; }
.rich ol { list-style: decimal; padding-left: 35px; }
.rich br { margin:0; padding:0; height:0; line-height:0; }
.rich blockquote { margin:0; padding:0; }

.floatmeleft { float:left; margin-right:60px !important; }
.floatmeright { float:left; }
img.floatmeleft { margin: 0 10px 10px 0 !important; }
.pushmedown { clear: both; }
ul.archive { position:absolute; top:21px; left:615px; width:230px; margin-bottom:0; }
ul.archive li { margin-bottom: 0; padding-left: 0; background: none; }
ul.archive li.archiveHeader { color:#e51937; margin-bottom: 8px; text-transform:uppercase; font-weight:bold; }
h4.articleHeader { font-weight:bold; clear: both;}
h4.articleDate { font-weight:bold; color:#e51937; text-transform:uppercase; margin-bottom: 4px; clear: both; }
h4.articleHeader a.showhide { text-decoration: underline; font-weight: normal; margin-left: 10px; cursor: pointer; }
blockquote.articleContent { display: none; }

.fourohfour a { color: #77787b; text-decoration: none; }
.fourohfour .backlink span { color: #e51937; }
.fourohfour a:hover { color: #e51937; text-decoration: none; }