/* Organizational Chart
1. General Styles
2. Header
3. Precontent, Rotator, and Banner
4. Content
4a. Inner Page-Specific styles
5. Footer and Prefooter
6. CMS
*/

.clear{ /* CMS_HIDE */ clear:both;}
img{ /* CMS_HIDE */ border:0;}
.floatL{ float:left;}
.floatR{ float:right;}
body{ margin:0; padding:0;}

/* -------------------------------------------------------- 2. Header */
#header{ width:956px;  height:109px; margin:0 auto; position:relative; padding:0; }
.headerRepeat{/* CMS_HIDE */ z-index:9999; position:relative;}
.headerLeftContent{ /* CMS_HIDE */ padding:0; margin:30px 0 0 0; float:left; }
.headerRightContent{ /* CMS_HIDE */ padding:10px 0 0 0; margin:0; }
.headerRightContent p{ padding:0 0 0 10px;}
.headerRightContent p:first-child{ border:none;}
.headerTopCol{ /* CMS_HIDE */ margin:30px 0 0 0;}

.headerBottom{ /* CMS_HIDE */ height:41px; z-index:600; position:relative;}
.headerNavigation{ /* CMS_HIDE */ clear:right; margin:0 auto; padding:0; list-style:none; height:42px; width:937px; border-bottom:none;}
.headerNavigation > li{ float:left;}
.headerNavigation > li > span ,.headerNavigation > li > a{ display:block; padding:0 19px; height:42px; line-height:2.67em;}
.headerNavigation > li > a span { line-height:inherit; }
.headerNavigation > li > span { cursor:default; }

.headerNavigation > li > ul{ position:absolute; visibility:hidden; margin:0; padding:0; z-index:10; list-style:none;}
.headerNavigation > li:hover > ul{ visibility:visible;}
.headerNavigation > li > ul > li > a{ display:block; padding:5px 18px; }
.headerNavigation li:first-child{ padding-left:0;}
.menuRepeat{/* CMS_HIDE */ position:relative; z-index: 400; clear:both;}
.menu{/*CMS_HIDE */ width:956px; margin:0 auto 0; padding:0 10px;}


/* -------------------------------------------------------- 3. Precontent, Banner and Rotator */
#banner{ width:956px; height:416px; position:relative; margin:0 auto; background:url('../images/banner-shadow.png') no-repeat center bottom; }
.bannerSlides{ /* CMS_HIDE */ position:absolute;}
.bannerText, .rotator_html{ /* CMS_HIDE */ position:absolute; left:60px; top:60px; width:210px;}
.bannerTitle{ /* CMS_HIDE */ position:absolute; left:470px; top:60px; width:450px;}
.bannerSlidesNavigation{ /* CMS_HIDE */ position:absolute; left:456px; text-align:center; top:408px;}
.slide-left{ /* CMS_HIDE */ position:absolute; top:134px; left:1px;}
.slide-right{ /* CMS_HIDE */ position:absolute; top:134px; right:1px;}

#banner .rotator_indicators{
left:13px;
bottom:13px;
}

/* Homepage Precontent tri-panel.  HTML not included on standard install. */
#contentTop{padding:0 0 5px 0; margin:8px 0 25px 0;}
.contentTopContainer{ /* CMS_HIDE */ width:956px; padding:0 ; margin:0;}
.contentTopContainerBox{ /* CMS_HIDE */ width:274px; padding:20px 10px 10px 20px; border:1px solid #DFDFDF; margin:0 0 0 19px; background:#F5F5F5;}
.contentTopContainerBox:first-child{ /* CMS_HIDE */ margin:0;}

/* Other Precontent Styles */
.preContent{/* CMS_HIDE */ width:956px; margin:0 auto; position:relative; min-height:20px; padding:40px 0 12px 0;}
#home .preContent{/* CMS_HIDE */ padding-top:0px;}
.breadcrumbs{/* CMS_HIDE */ padding-top:4px;}
.breadcrumbs + h1.pagetitle{padding-top:2px !important;}

.h1-container{ /* CMS_HIDE */ padding:0px; margin:0px;}

#widgetBar {
    overflow:hidden;
    position:absolute;
    top:7px;
    right:0px;
    z-index: 6;
    /*padding-top:15px;*/
}
#widgetBar ul {
    list-style: none outside none;
    margin:0;
    padding-top:0px;
}
#widgetBar ul li:first-child {
    background:none;
}

#widgetBar ul li {
    display:inline;
  background: url("../images/list-bullet-transparent.png") no-repeat scroll 4px 5px transparent;
}
#widgetBar ul a {
  padding:0 7px;
}
#widgetBar ul li:first-child a {
    border-left:medium none;
}

/* -------------------------------------------------------- 4. Content */
/* Column Definitions */
#content{min-height:300px; width:956px; margin:0 auto; padding:0px 0 30px 0; text-align:left; line-height:20px;}
#home .content{ padding-bottom:0; padding-top:20px;}
.innerContent{ /* CMS_HIDE */
  width:100%;
}
.hasRight .innerContent, .hasLeft .innerContent{ /* CMS_HIDE */
  float: left;
  width: 628px;
}
.hasRight .innerContent{/* CMS_HIDE */ padding-right:3px;}
.hasLeft .innerContent{/* CMS_HIDE */ padding-left:3px;}

.hasLeft.hasRight .innerContent{ /* CMS_HIDE */
  float: left;
  width: 300px;
}
.sidebar.left{ /* CMS_HIDE */
  float: left;
  margin-right: 19px;
  padding-right:7px;
  width: 299px;
}
.sidebar.right{ /* CMS_HIDE */
  float: left;
  margin-left: 19px;
  padding-left:7px;
  /*padding-top:40px;*/
  width: 299px;
}

/* Other Styles */
.contentStatic{/* CMS_HIDE */ z-index:200; position:relative; }
.padding-left{ /* CMS_HIDE */ padding:0 0 0 18px;}

/* -------------------------------- 4a. Inner Page-Specific styles - */
/* John and James Edited these Styles */
.sitemap-col{ /* CMS_HIDE */  }
.sitemap-li:first-child{ /* CMS_HIDE */ margin:0; padding:0;}
.sitemap-li{ /* CMS_HIDE */ margin:0; padding:15px 0 0 0; list-style:none; font-size:14px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight:bold; background: none repeat scroll 0 0 transparent;}
.sitemap-li a{ /* CMS_HIDE */ list-style:none; font-size:14px; color: #656565; text-decoration:none;}
.sitemap-li a:hover{ /* CMS_HIDE */ text-decoration:underline; }
.sitemap-sub-ul{ /* CMS_HIDE */ margin:0; padding:0 0 0 30px; list-style:none;}
li > a  + .sitemap-sub-ul{ padding-top:10px;}
.sitemap-sub-li{ /* CMS_HIDE*/ list-style:none; background: none repeat scroll 0 0 transparent; }
.sitemap-sub-li a{ color:#838383; }

.sidebar .mapGetDirectionsButton{
margin-top:14px;
background:url('../images/buttons/get-directions.png') no-repeat;
width:124px;
height:27px;
/* AAG 12/4/12 */
}
.career_categories h3.careercategory, .faq_categories h3.faqcategory{
width:100%; 
margin:3px 0;
/* 12/4/12 AAG */
}

div.career_categories, div.faq_categories{
/* CMS_HIDE */
float:left;
padding:0 0 15px 0;
}
div.career_categories_container div.career_image, div.faq_categories_container div.faq_image{
width:auto;
}

script:first-child +script +.video_div{
/*padding:0 0 16px 0;*/
}
/* space around video thumbnails if appears first [12/5/12 aag]*/

/* -------------------------------------------------------- 5. Footer and PreFooter*/
#prefooter{ width:100%; min-height:174px;}
#prefooter .fourCols{ width:162px; min-height:164px; padding-right:18px; margin-right:18px; float:left; /*border-right:1px solid #c9c9c9;*/ /* was d8d8d8 */}
.contentBottomContent{ /* CMS_HIDE */ width:956px; margin:0 auto; margin-top:25px;}
#prefooter .lastCol{ margin-right:0; padding-right:0; border:0;}

.footer{ /* CMS_HIDE */ width:956px; margin:0 auto; text-align:left;}
.footer p{padding:0;}
.copyright p{ /* CMS_HIDE */ margin:0; padding:0;} 
.footerNavigation{  /* CMS_HIDE */ margin:0; width:950px; padding:30px 0 20px 0; list-style:none; font-size:12px; display:block; text-align:center;}
.footerNavigation li a{ text-decoration:none;}
.footerNavigation li a:hover{ text-decoration:underline;}
.footerNavigation > li:first-child{ border:0;}
.footerNavigation > li > a{  display:inline-block; padding:0 5px; }
.footerNavigation > li > a.first{padding-left:0px;}
.footerNavigation > li > ul{ position:absolute; margin:0; padding:10px 0 0 15px; list-style:none;}
.footerStatic{ /* CMS_HIDE */ position:relative; z-index:10;}

/* Change class on footer nav div to change alignment: leftAlignFoot or centerAlignFoot */
.footerNav.leftAlignFoot .footerNavigation > li {/* CMS_HIDE*/ display:block; float:left}
.footerNav.centerAlignFoot{ /* CMS_HIDE */ text-align:center;}
.footerNav.centerAlignFoot .footerNavigation > li{ /*CMS_HIDE */ display:inline;}

.footerNav{/* CMS_HIDE */ width:100%; padding-bottom:25px;}
.powered{/* CMS_HIDE */ float:right; text-align:right; width:185px;}
.w3c{ /* CMS_HIDE */ padding-top:3px; }
.copyright{/* CMS_HIDE */ float:left; margin-top:5px;}

p.social{/* CMS_HIDE */ padding-bottom:0px;}

.powered span{/*display:block;*/ padding-right:14px;}
.powered p a{/* CMS_HIDE */ padding-top:2px; padding-right:6px;}
div.seofooter{/* CMS_HIDE */ padding:25px 0;}

.contentBottomContent h2{padding-top:0px;}
#footer .floatR a{ float:left; margin-right:5px;}

#footer ul{
  list-style:none;
  /*padding-right:10px;*/
}
#prefooter .fourCols p a {
    color: #999999;
    text-decoration: none;
  font-weight:normal;
  text-decoration:none;
}
#prefooter .fourCols a:hover{ text-decoration:none; color:#D5D5D5;}
/* -------------------------------------------------------- 6. CMS */
.live_update_div .live_update_div{ /* CMS_HIDE */
  margin-top:15px;
}
div.SC_Panel { /* CMS_HIDE */
background:white;
}

#EditJavascripts_FieldDiv, #EditStylesheets_FieldDiv {
    color: black;
    margin: 0;
    padding: 5px 0 5px 10px;
}
body#content, body#header, body#footer{
background:#ffffff !important;
background-image:none !important;
}
.div_dialog_content{ /* CMS_HIDE */ padding:0 30px 40px !important; }
#breadcrumbs_FieldDiv{float:none !important; width:auto !important; display:inline !important;padding-left:10px !important;}
#menu_main_FieldDiv{
border-top:none !important;
border-bottom:none !important;
}

.gob{ font-family:Roboto, Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; font-size:20px; line-height: 15px; }
.gobPhone a{ font-family:Roboto, Arial, Helvetica, sans-serif; font-weight:bold; color:#333333; font-size:25px; line-height:25px; text-decoration:none;}
.gobPhoneSmall a{ font-family:Roboto, Arial, Helvetica, sans-serif; font-weight:bold; color:#333333; font-size:14px; line-height:25px; text-decoration:none;}

.bannerInner{ position:relative;}
.innerPage{ background:none;}
.phone a{ line-height: 15px; color:#000000; border-right: 1px solid #000000; text-decoration:none; padding-right:20px; margin-right: 20px; /*white-space:nowrap;*/  display:block; float:left}
.copy{ line-height: 15px; padding-right:20px; border-right: 1px solid #000000; margin-right: 20px; /*white-space:nowrap;*/  display:block; float:left}
.address{  line-height: 15px;padding-right:20px; border-right: 1px solid #000000; margin-right: 20px; /*white-space:nowrap;*/  display:block; float:left}
.email{ line-height: 15px; padding-right:20px; /*border-right: 1px solid #000000;*/ margin-right: 20px; /*white-space:nowrap;*/  display:block; float:left}
.email a{ line-height: 15px; color:#666666; text-decoration:none;  display:block; float:left}
.email a:hover{ color:#666666; text-decoration:underline;}
.web{ padding-right:0; font-size:12px; /*white-space:nowrap;*/  display:block; float:left}
.web a{ line-height: 15px; text-decoration:none; color:#000000; }
.web a:hover{ text-decoration:underline;}

.social{ height:26px}
.twitter, .facebook{  display:block; float:left; width: 29px; height:26px;}
a.twitter{   background:url('../images/footer/twitter.png')no-repeat}
a.twitter:hover{ background:url('../images/footer/twitter-ro.png')no-repeat}
a.facebook{ background:url('../images/footer/facebook.png')no-repeat}
a.facebook:hover{ background:url('../images/footer/facebook-ro.png')no-repeat}

.maintabContainer{ overflow: hidden; position: relative; width: 956px; z-index: 1;}
.tabContainer{ position:relative; padding-bottom: 510px;}
.tabUL{ padding-top:470px; height: 42px; margin-bottom: 30px; padding-left:0px;}
.tabMain{ width:956px; height:445px; position:relative; padding-top: 10px; text-align:center; }
.tabButton img{ display:none;}
.tabButton.active img{ display:block; margin: 0 auto;}
.creative.tabButton, .enterprise.tabButton, .multimedia.tabButton{ height: 22px; float:left; padding:9px 26px 9px 26px; bottom: -40px; cursor:pointer; background:url('../images/menu_repeat.png') repeat-x; position:relative; top:0px; border: 1px solid #B4B4B3; font-size:13px; list-style:none; text-align:center; text-transform:uppercase;}
.creative.tabButton{ width:185px; }
.enterprise.tabButton{ width:137px; }
.multimedia.tabButton{ width:264px; }
.tabButton.active, .tabButton:hover{ background:url('../images/menu_ro-border.png') repeat-x;}
.tabButton:first-child{ border-left:1px solid #b3b3b4}
.bannerImage.active{ display:block; position:absolute; top:0px; left:0px;}
.bannerImage{ position:absolute;}
body.bannerImage{ position:static; background:#ffffff !important;}
.tabContent.active{ display:block; position:relative; top:0px; left:0px;}
.tabContent{ position:absolute; left:-99999px;}
body.tabContent{ position:static; background:#ffffff !important; }
.contentImage{ width:956px; margin:0 auto; padding-top: 20px;}
.mainContent{ position:relative; z-index:1; width:956px; margin:0 auto; }
.mainGallery{ position:relative; z-index:1;  width:956px;}
.printGallery{ position:relative; z-index:1;  width:956px;}
.widgetSlider{ position:relative; z-index:1;  width:956px;}
div.gallery{ float:left; padding-left:5px; padding-top:10px; zoom:1; width:185px;}
div.first{ padding-left:0; padding-top: 10px; float:left; width:185px;}
.closeTab{ position:relative; z-index:2;}
.portfolioImage{ width:956px; margin:0 auto; margin-top:20px;}
.printportfolioImage{ width:956px; margin:0 auto; margin-top:20px;}
.videoportfolioImage{ width:956px; margin:0 auto; margin-top:20px;}
.portfolioGallery{ width:956px; margin:0 auto; margin-top:10px; }
.printportfolioGallery{ width:956px; margin:0 auto; margin-top:10px; }
.videoportfolioGallery{ width:956px; margin:0 auto; margin-top:10px; }
.portfolioGallery img{ padding-left:9px; }

/*.mainGallerySlider{ position:absolute; left:-99999px; }*/
/*.printGallerySlider{ position:absolute; left:-99999px; }*/
/*.mainWidgetSlider{ position:absolute; left:-99999px; }*/
.show .printGallerySlider{ position:relative; left:0; }
.show .mainWidgetSlider{ position:relative; left:0; }
.show .mainGallerySlider{ position:relative; left:0; }
.error { color: #FF0000; }
.openImage{ display:inline; cursor:pointer; }
.closeImage{ display:none; cursor:pointer; }
.show .openImage{ display: none; }
.show .closeImage{ display: inline; }

.widgetContainer{ width:956px; }
.widgetBorderLeftTop, .widgetBorderRightTop, .widgetBorderLeftBottom, .widgetBorderRightBottom{ width:478px; height:248px; float:left;}
.widgetBorderLeftTop{ background:url('../images/enterprise-widget-left-top.png') no-repeat top left;}
.widgetBorderRightTop{ background:url('../images/enterprise-widget-right-top.png') no-repeat top right;}

.widgetBorderLeft, .widgetBorderRight{ float:left;}
.widgetBorderLeft{ width:478px; height:245px; background:url('../images/enterprise-widget-left.png') no-repeat top left; }
.widgetBorderRight{ width:478px; height:245px; background:url('../images/enterprise-widget-right.png') no-repeat top right;}

.widgetBorderLeftBottom{ background:url('../images/enterprise-widget-left-bottom.png') no-repeat top right;}
.widgetBorderRightBottom{ background:url('../images/enterprise-widget-right-bottom.png') no-repeat top right;}

.packagePlans{ width:64%; }
.planText{ }
.planText h2{ } 
.planText p{ }
.planText.greyBadge{ background:url('../images/grey-checkmark.png') no-repeat top right;}
.planText.greenBadge{ background:url('../images/green-checkmark.png') no-repeat top right;}
.planText.blueBadge{ background:url('../images/blue-checkmark.png') no-repeat top right;}
.planPrice{ }
.quikwebImg img{ margin-top:20px; }
.systemHeader, .widgetHeader, .cmsSystemHeader{ width:954px; height:32px; margin-bottom:5px; background:url('../images/system-features-header.jpg') repeat-x; border-left:1px solid #b3b3b4; border-right:1px solid #b3b3b4;}
.systemHeader{ }
.systemHeader p{ color: #000000; font-size: 18px !important; font-weight: bold; padding-left: 10px;}
.widgetHeader{ }
.widgetHeader p{ color: #000000; font-size: 18px !important; font-weight: bold; padding-left: 10px;}

.firstAdd{ padding-bottom:30px; }
.secondAdd{ padding-bottom:30px;  }
.thirdAdd{  }
.divisions{ margin-top:30px; border-top:1px solid #CCCCCC;}
.creativeDivision, .enterpriseDivision, .multimediaDivision{ float:left;}
.creativeBrochure{ background:url('../images/creative-brochure.png') no-repeat; height:143px; margin-top: 20px; }
.enterpriseBochure{ background:url('../images/enterprise-brochure.png') no-repeat; height:143px; margin-top:20px;}
.multimediaBrochure{ background:url('../images/multimedia-brochure.png') no-repeat; height:143px; margin-top: 20px; padding-bottom:40px; }
.brochure img{ margin:0 0 0 130px; padding-top:15px;}
.brochure p{ width:173px; margin-left:115px;}
.link{ text-align:center;}
.companySolutions { margin:30px 0 30px 0; height:170px; }
.companySolutions img { float:left; margin-right:84px; }
.companySolutions img:last-child { margin-right:0; }
.addyAward{ }
.addyAward img{ padding-bottom:20px; display: block; margin: 0 auto; }
.webAnalysis{ width:956px; height:150px; padding-top:60px; border-bottom:4px solid #cccccc; }
.webAnalysis h1{ font-size:24px !important; }
.analysisLeft{ width:674px; padding-right:30px; float:left;}
.analysisRight{ width:252px; float:left; height:105px; background:url('../images/webanalysis/percent-graphic.png') no-repeat top center;}
.analysisRight h2{ font-size:60px !important; color:#d71921; float:left; margin-top: 34px; text-align: center; width: 252px;}
.LeftSide{ width:200px; margin-top:40px; }
.LeftSide img{ padding-bottom:20px; }
.footerDivider{  background:url('../images/webanalysis/division-divider.png') no-repeat top center; height: 70px; margin-top: 20px; padding-top: 56px; text-align: center;}
.footerDivider img{ margin-right:10px;}
/*.spokesModelText{  background:url('../images/multimedia-image.jpg') no-repeat; width:600px; height:754px; }
.upperText{ font-size:23px; color:#ffffff; position:relative; top:22px; left:236px; width:333px; font-family: Roboto,Arial,Helvetica,sans-serif; line-height:1.25em;}*/