/* Organizational Chart
1. General Styles
2. Main Textual Styles
3. Header
3a. Banner and PreContent
4. Content
5. PreFooter and Footer
6. Backgrounds
*/

.strong{ font-weight:bold;}
.colorNormal{color:#333;}
.colorLight{ color:#CBCBCB;}
.colorTitle{ color:#333;}
.fontNormal{ font-size:12px;}
.fontNormalM{ font-size:14px;}
.fontMedium{ font-size:18px;}
.fontLarge{ font-size:24px;}
.fontXLarge{ font-size:30px;}
.content a{/* CMS_HIDE */ color:#666666; text-decoration:none;}

.silver{ color:#999999;}
.gray{color:#636363}
.blue{color:#005A7E}
.black{color:#393939;}
.orange{ color:#CC4B0F;}

.bgColor1{ background-color:#000;}
.bgColor2{ background-color:#E5E4E4;}
.bgColor3{ background-color:#EEEEEE}

.fontColor1{ color:#000;}
.fontColor2{ color:#656565;}
.fontColor3{ color:#FFF;}
.fontColor4{ color:#393939;}

/* -------------------------------------------------------- 2. Main Textual Styles */
/* Any padding or margin changes here may break the Spacing Engine */
#home p{ 
  font-family:Roboto, Arial, Helvetica, sans-serif;
  font-size:14px !important;
  color:#555555;
  font-weight:300;
  font-style:normal;
  }
  
  p{ 
  font-family:Roboto, Arial, Helvetica, sans-serif;
  font-size:14px !important;
  color:#555555;
  font-weight:300;
  font-style:normal;
  }
ul{
  font-family:Roboto, Arial, Helvetica, sans-serif;
  font-size:14px !important;
  color:#000000;
  padding:0px;
  font-weight:400;
  }
.post{ border-bottom:1px solid #cccccc; padding-bottom:10px; margin-bottom: 30px;}
#content .post ul{ color:#666666; }
#content .post a{ color:#000000;}
#content .post h2{ margin-top:0px; padding-bottom:10px;}
.entry-utility{ padding-top:10px; }
.widget_search{ padding-bottom:30px;}
.blogSidebar ul{ padding-top:8px; }
.widget_recent_comments, .widget_archive, .widget_categories, .widget_meta{ padding-top:10px; }
.entry-title{ font-size:32px !important; padding-bottom:10px; }
#reply-title{ padding-top:30px; }
#home h1{
  margin:0;
  font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
  color:#555555;
  font-size:36px !important;
  font-weight:300;
  font-style:normal;
}
h1{
  margin:0;
  font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
  color:#555555;
  font-size:48px !important;
  font-weight:300;
  font-style:normal;
}

h2{
  margin:0;
  font-family:Roboto, Arial, Helvetica, sans-serif;
  color:#555555;
  font-size:24px !important;
  font-weight:normal;
  font-style:normal;
}

h3{ 
  font-weight:700;
  font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; 
  font-size:21px !important; 
  color:#333333; 
  font-weight:bold;
}

h4{ 
  font-weight:300;
  font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; 
  font-size:24px !important; 
  color:#333333; 
}

.tabContent h4 + hr{ margin-top:0px; margin-bottom:20px;}

h5{ 
  font-family:Roboto, Arial, Helvetica, sans-serif;
  font-size:18px !important; 
  color:#000000; 
  font-weight:bold;
}

h6{
  margin:0;
  font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
  color:#555555;
  font-size:18px !important;
  font-weight:normal;
  font-style:normal;
}


hr{/* CMS_HIDE */ 
border:none; 
height:1px; 
background:#666666; /* color of hr */
}
hr + p{ padding-top:5px;}

.creativeText h3{ 
  color:#b21f62; 
  border-bottom:1px solid #cccccc;
  padding-bottom: 10px;
}

.enterpriseText h3 { 
  color:#304795; 
  border-bottom:1px solid #cccccc;
  padding-bottom: 10px;
}

.multimediaText h3 { 
  color:#88c540; 
  border-bottom:1px solid #cccccc;
  padding-bottom: 10px;
}
/* -------------------------------------------------------- 3. Header */
body{ font: 100% Arial, Helvetica, sans-serif; /* color */}
#header{text-align:left;}
.headerTop{ /* CMS_HIDE */ color:#333;}
.headerWidgetBar{ /* CMS_HIDE */ color:#CBCBCB;}
.headerWidgetBar a{ height:17px; text-decoration:none; vertical-align:top; color:#656565}
.headerNavigation > li {  background:none;  padding-left:0 !important;/* color */}

.headerNavigation > li > a{ font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; font-weight:400; font-size:15px !important; /* color */}
.headerNavigation > li > span {
    color: #FFFFFF;
    font-family: 'Roboto Condensed',Arial,Helvetica,sans-serif;
    font-size: 15px !important;
    font-weight: 400;
    text-decoration: none;
}

.headerNavigation > li:hover > span, .headerNavigation > li > span:hover, .headerNavigation > li > span.active{ 
background:url('../images/nav-hover-bg.png') repeat-x;border-left:1px solid #455158; border-right:1px solid #455158; /* color */padding: 0px 18px;}
.headerNavigation > li:hover > a, .headerNavigation > li > a:hover, .headerNavigation > li > a.active{ 
background:url('../images/nav-hover-bg.png') repeat-x; border-left:1px solid #455158; border-right:1px solid #455158; /* color */padding: 0px 18px;}
.headerNavigation > li > ul{ background: none repeat scroll 0 0 #647683; border-bottom: 1px solid #455158; border-left: 1px solid #455158; border-right: 1px solid #455158; width:190px; padding:5px; /* color */}
.headerNavigation > li > ul{  padding-left:0 !important; box-shadow: 3px 3px 5px #484848; /* color */}
.headerNavigation > li > ul > li > a{ color:#FFF; text-decoration:none; font-size:12px !important; /* color */}
.headerNavigation > li > ul > li{  background:none; line-height:1.67em !important; padding-left:0 !important;/* color */}
.headerNavigation > li > ul > li > a:hover{ background:#7f8e98 url('../images/nav-arrow.png') no-repeat 6px 11px; /* color */}

.headerTopCol { /* CMS_HIDE */ padding:0; padding:0 0 0 50px; min-height:35px; text-align:right;}
.headerTopColMid {  /* CMS_HIDE */ padding-right:40px; padding-top:15px;}

.headerTopCol p{padding-bottom:0px; color:#999999;}
#header p{font-size:12px; margin:0; line-height:18px; padding-top:0px;}

.headerRightContent{ /* CMS_HIDE */ text-align:left;}
.headerRightContent p{ border-left:1px solid #484848;}

/* For adjusting the Skype Phone Number */
@media screen{
.headerTopCol h2  span.skype_pnh_text_span{ font-size:.7em !important;}
}

/* -------------------------------- 3a. Banner and PreContent - */
.bannerTitle h2{ font-size:40px; color:#333333; font-family:Arial; line-height:1.2; font-weight:normal;}
.bannerText h3{ font-size:14px; color:#333333; font-family:Arial; padding:0 0 10px;}
.bannerText p{ margin:0; padding:0; font-size:14px; color:#333333; line-height:1.4;}
.breadcrumbs{/* CMS_HIDE */ font-size:12px; color:#696969;}
.breadcrumbs a{/* CMS_HIDE */ color:#ffffff; text-decoration:none;}
.breadcrumbs a:hover{/* CMS_HIDE */ color:#696969; text-decoration:underline;}

h1.pagetitle{ /* CMS_HIDE */ 
  margin:0;
  font-family: Arial, Helvetica, sans-serif;
  font-size:30px;
  color:#000000;
  font-weight:bold;
  font-style:normal;
  padding-bottom: 10px;
  padding-top: 16px !important;
}

/* Precontent tri-panel.  HTML Not native!!  Can be cut-and-paste from other installs. */
.contentTopContainerBox{/* CMS_HIDE */ background:#F5F5F5;}
.contentIcon{ /* CMS_HIDE */ margin:0 15px 0 0;}
.iconTitle{ /* CMS_HIDE */ font-weight:normal; padding:10px 0 0 0;}
.contentTopContainerBox p, .contentTopContainerBoxLast p{ margin-left:15px;}
.line{ /* CMS_HIDE */ text-align:center;}
.contentTopContainerBox h2{ font-weight:normal; padding:0 0 10px;}
.contentTopContainerBox p{ font-size:12px; padding:0;}
.contentTopContainerBox a, .contentTopContainerBoxLast a{ text-decoration:none; color:#FFF; background:#CC4B0F; display:block; padding:5px 10px;}
.contentTopContainerBox a:hover{ background:#000;}


#widgetBar ul a {
    /*border-left: 1px solid #666666;*/
    color:#333333;
  font-size:12px;
  text-decoration:none;
}
#widgetBar ul a:hover{
  color:#696969;
  text-decoration:none;
}

/* -------------------------------------------------------- 4. Content */
.innerContent .extraTopSpace{ padding-top:40px; }
.innerBg{ /* CMS_HIDE */ background:url('../images/innerTitleBg.jpg') top center no-repeat;}
.contentMain{ /* CMS_HIDE */ width:640px;}
.innerTitle{ /* CMS_HIDE */ line-height:76px; height:76px;}
.bulleted{ /* CMS_HIDE */ margin:0; padding:0; list-style:none; }
.bulleted li{ background:url('../images/bullet.png') no-repeat center left; padding:0 0 0 15px;}
.pictureVideoLink{ /* CMS_HIDE */ margin:0 0 0 10px; width:250px;}
.quote{ /* CMS_HIDE */ background:url('../images/quote.png') no-repeat left top; text-indent:30px; padding-top:5px; margin:-5px 0 0 0;}

/* Widget Over-rides */
.directionsSearch .directionsGet{ /* CMS_HIDE */ 
background:url('../images/buttons/get-directions.png') no-repeat left top;
width:124px;
height:27px;
}
.career_categories_container h3.careercategory, .faq_categories_container h3.faqcategory{
color:#666666;
}
.career_categories_container h3.careercategory.selected, .faq_categories_container h3.faqcategory.selected{
color:#000000;
}
.career_categories_container h3.careercategory:hover, .faq_categories_container h3.faqcategory:hover{
color:#000000;
}

/* -------------------------------------------------------- 5. PreFooter and Footer */
#prefooter{ background:url('../images/footer/prefooter-bg.png') repeat-x left top;/* color */ border-bottom:1px solid #4b4b4b; border-top:1px solid #ffffff;}

.contentBottomContent{ /* CMS_HIDE */ text-align:left;}

.fourCols h2{ font-weight:bold; font-size:14px !important; padding-bottom:10px; text-transform: uppercase; color:#d5d5d5 !important; }
.fourCols h2 a { color:#d5d5d5; text-decoration:none;}
.fourCols p{ padding:0; padding-bottom:15px; font-size:13px !important; line-height:22px;}

.lineHeightNormal p{ line-height:normal;}
.footerNavigation a, .footerNavigation a{ color:#656565; }
.powered p{ font-style:italic;  font-weight:bold; padding:0;}
.footerNavigation > li{ border-left:1px solid #999999; /* color */}
.footerNavigation a{ color:#6a6a6a; /* color */ font-weight:normal;}
div.seofooter p{color:#7a7a7a;  font-size:13px !important;}

.footer .seofooter{/* CMS_HIDE */
text-align:left;
color:#7a7a7a; /* color */
}

/* -------------------------------------------------------- 6. Backgrounds */

ul{
  margin-left:0px !important;
  padding-left: 25px !important;
}

li{
  background: url("../images/list-bullet.png") no-repeat scroll 1px 10px transparent;
  list-style:none;
  padding-left: 17px;
  line-height:2em !important;
}
/* --- Main Background images --- */ 
body{ background:url('../images/body-background.jpg') repeat-x center top #ffffff; }/* acts as "bodyRepeat" */
body#home{background:url('../images/body-background.jpg') repeat-x center top #ffffff; /* color */}
/*.bodyStatic{ /* CMS_HIDE * / background: url('../images/bodyStatic.png') no-repeat center top; }*/
/* --- Header --- */
/* .headerRepeat{ /* CMS_HIDE * /  background: url('../images/headerRepeat.png') repeat-x center top; }*/
.headerStatic{ /* CMS_HIDE */  background: url('../images/header-repeat-y.jpg') no-repeat center top; }
#header{ background: url('../images/header-bg.jpg') no-repeat left top; }
/* --- Menu --- */
/*.menuRepeat{ /* CMS_HIDE * /  background: url('../images/menuRepeat.png') repeat-x center top; }*/
.menuStatic{ /* CMS_HIDE */  background: url('../images/navigation-bg.png') repeat-x center top; }
.headerNavigation { /* CMS_HIDE */  background:url('../images/menuRepeat.png') repeat-x center top; /* color */}
/* --- Content --- */
.contentRepeat{ /* CMS_HIDE */  background: url('../images/contentRepeat.png') repeat-x center top; }
/*.contentStatic{ /* CMS_HIDE * /  background: url('../images/contentStatic.png') no-repeat center top; }*/
body.innerBg{ /* CMS_HIDE */  background-color:#ffffff; }
/* --- Footer --- */
.footerRepeat{ /* CMS_HIDE */  background: #ffffff repeat-x center bottom; }
/*.footerStatic{ /* CMS_HIDE * /  background: url('../images/footerStatic.png') no-repeat center top; }*/
/* #footer{ background: url('../images/footer.png') no-repeat center top; }*/
.newBackground{
  text-align:center;
}

.blackBackground{
  background:#000000;
}