/* =0 Reset
----------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}



/* =1 Global
----------------------------------------------------------*/
body {font-family:Arial, Helvetica, sans-serif; color:#707070;}
span.clear, li.clear, div.clear {border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }
p, ul, dl {font-size:.75em; line-height:1.35em;}
#main-content p, ul, dl, #main-content li, .subcol_left p {margin-bottom:1.6em;}
ul.bump_bottom {padding-bottom:2.5em; margin:0;}
#main-content .short-page-bump {margin-bottom:10em;}
#main-content li {padding:0 0 0 10px;}
.highlight {color:#a3461d;}
.bold {font-weight:bold;}
.bullets_brown li {background:url(images/bullet_sq_brown.png) no-repeat left 6px;}
.bullets_gray li {background:url(images/bullet_sq_gray.png) no-repeat left 6px;}
.bullets_orange li {background:url(images/bullet_sq_orange.png) no-repeat left 6px;}


/* =2 Links
----------------------------------------------------------*/
a:link 		{color:#fe5c10;text-decoration:underline;font-weight:normal;}
a:visited 	{color:#fe5c10;text-decoration:underline;font-weight:normal;}
a:hover 	{text-decoration:underline; cursor:pointer;}
a:active	{color:#fe5c10;}


/* =3 Headings
----------------------------------------------------------*/
h1 {font-size:1.3em; color:#000;} 
h2 {font-size:21px; color:#a3461d; text-transform:uppercase;}
#sidecol h2 {font-size:1em; font-weight:normal; margin-bottom:5px;}
/*#main-content h2 {margin-bottom:-5px; position:relative;}*/
.consulting #main-content h3 {font-size:.75em; margin-bottom:10px; font-weight:normal;}
h3 {font-size:18px; color:#a3461d; text-transform:uppercase;}
/*.home #main-content h3 {margin-bottom:-5px; position:relative;}*/
#sidecol h3{font-size:.75em; color:#707070; text-transform:none;}
#sidecol h3 a {color:#707070; font-weight:bold; text-decoration:none; line-height:1.3em;}
h4 {font-size:0.75em; color:#a3461d; font-weight:normal;}
h5 {font-size:0.75em; color:#a3461d; font-weight:normal;}
	
/* =5 Navigation
----------------------------------------------------------*/
#nav {width:550px; float:left;  margin:86px 0 0 126px; display:inline;}
#nav :after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#nav a {display:block; height:11px; text-indent:-999em;}
#nav li {float:left; margin-right:20px;}
#nav_home a {width:45px; background:url(images/sprite_nav.png) no-repeat left top;}
#nav_home a:hover, #nav_home a.selected {background:url(images/sprite_nav.png) no-repeat -45px top;}
#nav_about a {width:69px; background:url(images/sprite_nav.png) no-repeat -90px top;}
#nav_about a:hover, #nav_about a.selected {background:url(images/sprite_nav.png) no-repeat -159px top;}
#nav_services a {width:60px; background:url(images/sprite_nav.png) no-repeat -228px top;}
#nav_services a:hover, #nav_services a.selected {background:url(images/sprite_nav.png) no-repeat -288px top;}
#nav_consulting a {width:85px; background:url(images/sprite_nav.png) no-repeat -348px top;}
#nav_consulting a:hover, #nav_consulting a.selected {background:url(images/sprite_nav.png) no-repeat -433px top;}
#nav_training a {width:67px; background:url(images/sprite_nav.png) no-repeat -518px top;}
#nav_training a:hover, #nav_training a.selected {background:url(images/sprite_nav.png) no-repeat -585px top;}
#nav_contact a {width:85px; background:url(images/sprite_nav.png) no-repeat -652px top;}
#nav_contact a:hover, #nav_contact a.selected {background:url(images/sprite_nav.png) no-repeat -737px top;}


	
/* =6 Main Content Blocks and Headings
----------------------------------------------------------*/
#allcontent {width:951px; margin:0 auto; border-right:3px solid #ececec; border-left:3px solid #ececec; background:url(images/fauxcol.gif) repeat-y right top;}
#allcontent:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#masthead {float:left; height:106px; width:100%; background:url(images/bg_masthead.jpg) no-repeat left top;}
#logo {float:left; padding:0 0 0 60px;}
#wrapper_banner {float:left;}
#wrapper_banner img, #wrapper_banner h1, #wrapper_flash {float:left;}
#wrapper_banner h1 {position:relative; width:951px; height:131px; text-indent:-999em;}
#wrapper_banner h1 span {position:absolute; width:100%; height:100%; top:0; left:0; display:block;}
.home #wrapper_banner h1 span {background:url(images/banner_home.jpg) no-repeat left top;}
.about_us h1 span {background:url(images/banner_about_us.jpg) no-repeat left top;}
.training h1 span {background:url(images/banner_training.jpg) no-repeat left top;}
.consulting h1 span {background:url(images/banner_consulting.jpg) no-repeat left top;}
.services h1 span {background:url(images/banner_services.jpg) no-repeat left top;}
.contact h1 span {background:url(images/banner_contact.jpg) no-repeat left top;}
	
#main-content {width:558px; float:left; padding:25px 60px 0 60px; background:#fff url(images/bg_main_content.jpg) no-repeat left top;}

#sidecol {width:243px; float:left; padding:30px 0 0 30px;}
#sidecol img, .subcol_right img {margin:0 0 9px 0; border:3px solid #fff;}
#sidecol img.noborder {border:none;}
.sidecol_contact_link {padding-left:10px; background:url(images/bullet_triangle.png) no-repeat left 2px;}

.box_feature { float:left; width:174px; min-height:30px; height:auto !important; height:30px; border-top:8px solid #fff; border-left:2px solid #fff; border-right: 2px solid #fff; border-bottom:2px solid #fff; padding:15px 12px; margin:0 0 9px 0;}
#main-content .box_feature p {margin-bottom:0;}


			/*PAGE SPECIFIC RULES*/
			/*HOME*/
			#allcontent.home {background:none;}
			.home  #wrapper_banner h1 {width:618px; height:190px;}
			.home #main-content {width:638px; padding:30px 0 12px 40px; background:none;}
			.home #main-content .box_feature { float:left; width:268px; min-height:102px; height:auto !important; height:102px; border-top:8px solid #ececec; border-left:2px solid #ececec; border-right: 2px solid #ececec; border-bottom:2px solid #ececec; margin:15px 13px 0 0; padding:12px 20px;}
			.home #main-content  ul {width:120px; float:left; margin:0 15px 0 0;}
			.home #main-content  li {background:url(images/bullet_gray.png) no-repeat left 5px; padding:0 0 8px 10px; margin:0;}
			.home .box_feature a {color:#707070;}
			.home #main-content .nomargin {margin-right:0;}
			.home #sidecol {width:222px; padding:9px 0 0 51px;}
			.home #sidecol img {border:3px solid #ececec;}
			.home #sidecol #join_our_team img {border:none;}
			
			/*SERVICES*/
			.main-content-block {width:852px; margin:0 42px 30px 53px; border-left:2px solid #ececec; border-right:2px solid #fff; background:url(images/bg_main_content_block.gif) no-repeat left bottom; clear:both; position:relative;}
			.main-content-block:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
			.subcol_left {float:left; width:542px; border-top:8px solid #ececec; min-height:230px; height:auto !important; height:290px; padding:15px 60px 15px 20px;}
			.subcol_right {float:left; width:200px; border-top:8px solid #fff; min-height:260px; height:auto !important; height:290px; padding:12px 0 12px 30px;}
			.services #main-content li {margin-bottom:.5em;}
			#tls_sm {background:url(images/tls_sm.png) no-repeat 3px 3px; padding:5px 0 5px 30px;}
			
			.link_top {color:#CCCCCC;}
			.link_top a:link, .link_top a:visited, .link_top a:hover {color:#CCCCCC;}
			.subcol_left .link_top {font-size:.683em; position:absolute; bottom:-10px; right:240px;}
			
			/*CONTACT*/
			.contact #main-content {position:relative;}
			.contact #sidecol {position:relative;}
			#faxnum {padding-left:16px;}
			.address {margin-top:1.3em;}
			#box_feature_corporate {position:absolute; top:60px; left:-300px; border:1px solid #ECECEC;}
			#box_feature_corporate h3 {margin-top:10px;}
			#box_feature_tls h3 a {padding:0 0 18px 48px; background:url(images/tls_lg.png) no-repeat left top; display:block;}
			#gfx_contact {position:absolute; top:29px; left:404px;}

/* =7 Form
----------------------------------------------------------*/
form label {color:#a3461d; font-weight:bold;width:80px; display:block; float:left; margin:0;}
form label.error {width:auto;}
form input, form textarea {border:1px solid #a3361d; float:left; width:200px; margin-right:5px;}
form textarea {height:97px;}
#main-content form p {margin-bottom:6px; width:100%;}
#main-content form p:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
form #reset, form #submit {background-color:transparent; padding:0; margin:0; color:#A3461D; text-transform:uppercase; font-size:1.5em; cursor:pointer; border:none; height:22px; font-weight:normal;}
form #submit {width:73px;}
form #reset {margin:0 10px 0 140px; width:65px; display:inline;}
#submit_buttons {background:url(images/submit_divider.png) no-repeat 209px 2px; float:left;}

.warning, .error {font-weight:bold; color:#fe5c10;}
.success {color:#a3461d;}
/* =8 Extra
----------------------------------------------------------*/

/* =9 Footer
----------------------------------------------------------*/
#footer {background-color:#ececec; width:921px; float:left; font-size:.917em; color:#20435f; padding:10px 15px; font-family:'Tahoma', Arial, sans-serif; border-top:10px solid #fff;}
#footer_nav {float:left; margin-bottom:0;}
#footer_nav li {float:left; text-transform:uppercase;}
#footer_nav .seperator {padding:0 3px;}
#footer_copy {float:right; margin-bottom:0;}
#footer a {text-decoration:underline; color:#20435f;}

/*
SIFR DON'T TOUCH
*/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  
  .sIFR-active #main-content h2 {visibility: hidden;}
    .sIFR-active .home h3, .sIFR-active .services h3 {visibility: hidden;}
}

/*.sIFR-active .consulting #main-content h2 {visibility:visible;}*/