/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
	 vertical-align: middle;
}
body {
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 840px;
	background-color: #5C5C5C;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12pt;
	color: #5C5C5C;
}	
	
/* Typographic style rules adapted from http://www.thenoodleincident.com/tutorials/typography/ */

h1, h2 {color:#FFFFFF;}

h3, h4, h5, h6 {color: #666666;}

h1 {
	margin: 0;
	font-size: 2em;
	font-weight: lighter;
}
h2 {
	margin: 0.5em 0;
	font-size: 1.2em;
	font-weight: bold;
}
h3 {
	margin: 0.5em 0;
	font-size: 1.15em;
	font-weight: bold;
}
h4 {
	margin: 0.5em 0;
	font-size: 1.1em;
	font-weight: bold;
}
h5 {
	margin: 0.5em 0;
	font-size: 1em;
	font-weight: bold;
}
h6 {
	margin: 0.5em 0;
	font-size: 0.9em;
	font-weight: bold;
}
p  {
	margin: 0 1em 1em 0;
	line-height: 1.2em;
}

blockquote 
{
    margin: 0 1em 1em 0;
    padding: 0 1em;
	padding-top: 1em;
    line-height: 1.1em;
    font-style:normal;
}

blockquote ul li {
	padding-bottom: 1em;
}

a {text-decoration:underline;}

a:hover {text-decoration:none;}

#mainwrapper {			
	margin: 30px auto;
	width: 840px;
	text-align: left;
	background-repeat: repeat-y;
	background-image: url(images/main_bg.png);
}

#header {
	position: relative;
	height: 88px;
	margin-left: 10px;
}


#logo{
	position:absolute;
	top:0px;
	left:27px;
	height:64px;
}
#banner
{
    position:relative;
	text-align:right;
	font-size: .83em;
	font-weight:bold;
	padding: 20px 0px 0px 0px;
	margin:0px 40px 0px 0px;
	height: 35px;
}
#banner a 
{
    color:#7E7E7E; 
    text-decoration:none;
}
#banner a:hover 
{
    color:#5C5C5C; 
    text-decoration:none;
}

#companyName {
	color: #FFF9E9;
	font-size: 40px;
}

#logoImage {vertical-align: text-bottom;}

#slogan {
	color: #FFF9E9;
	font-size: 16px;
}

/* Main (top) navigation menu */
#mainnav 
{
    float: right;
	margin-right: 15px;	
	background-color:#FFFFFF;
	height: 33px;

}

* html #mainnav tr {height:1.4em;}

#mainnav .item {
	padding:2px 0px;
	background-color:#FFFFFF; 
	color:#FFFFFF; 
	background-color:#5C5C5C;
	font-size: .9em;
	font-weight:bold; 
	height: 33px;
    width: 127px;
	text-align:center;
}

* html #mainnav .item {padding:0 20px;font-size:0.9em; text-align:center;}

#mainnav .selected {color:#FFFFFF;background-color:#2C368B;}

#mainnav .hover {
	color:#FFFFFF; 
	background-color:#2C368B;
}

#content 
{
	position:relative;
	padding-top:23px;
	margin-top:0;
}

/* Hide from IE5 Mac \*/
* html #content {
	height:1%;
}
/* End hide from IE5 Mac */
#homecopy 
{
    position:static;
    margin-left:4px;
    margin-right:15px;
    padding:0 0 4em;
}
#copy 	
{
	position:static;
	margin-left: 50px;
	margin-right: 50px;
	min-height: 400px;
	padding: 0 0 4em;	
}
* html #copy {padding:0 0 4em;}

/* Hide from IE5 Mac \*/
* html #copy {height:1%;}
/* End hide from IE Mac*/

#copy a {color:#5C5C5C;}

/*#copy a:hover {border: solid 2px #BBBBBB;} - causes pixel jog in tight layouts */

#copy .container, #footer .container {
	
	padding:0 25px 15px 5px;
	/*** border:1px solid #999999; ***/
	background-color:Transparent;
}
	
/* \*/
* html #copy .container {height:1%;}
/* */

#copy .container .homebutton img
{ 
    width:230px;
    height:140px;
    display:block;   /* prevents vertical img distortion in IE6 */
}

#copy .teaser {
	color:#999999;
	font-size:0.9em;
	font-weight:bold;
}
#copy .container h1, #copy .container h2 {
	margin: 16px 0 24px -20px;
	padding: 0 20px 2px 20px;
	color: #2C368B;
} 

#copy td, #copy th {
	padding: 0.25em 1em;
}

#copy th {background-color:#DDDDDD;font-weight:bold;}

#copy .container .gridheader 
{
    background-color: #2C368B;
    font-weight:bold;
    color: #FFFFFF;
}
#copy .container .gridrow 
{
    background-color: #FFFFFF;
    color: #333333;
}
#copy .container .gridalternatingrow
{
    background-color: #F2F2F2;
    color: #333333;
}
#copy .container ul
{
    margin: -.6em 1em 1em 0;
    padding: 4px 4px;
}
#copy .container ul li 
{
    margin: 0 0 0 20px;
    padding: 0 0 8px 5px;
	line-height: 1.2em;    
}

#copy .container h4 {
	margin-bottom: 16px;
	margin-top: 16px	
}

#copy .container ol
{
    margin: -.6em 1em 1em 0;
    padding: 4px 4px;
}
#copy .container ol li 
{
    margin: 0 0 0 20px;
    padding: 0 0 8px 5px;
	line-height: 1.1em;    
}

#copy .container table td {
	border: 1px solid #ccc;
	margin: 0;
	vertical-align: top;
}
 
/* Key Benefits box styles */
#copy .container .benefitsbox 
{
    position: relative; 
    float: right; 
    width: 220px;
    background-color: #2C368B; 
    margin: 0px 0px 2px 20px;
    padding: 2px 2px 12px 2px;
    clear: right;
    color: #FFFFFF;
}
#copy .container .benefitsbox a
{
    color:#FFFFFF;
}
#copy .container .benefitsbox h3
{
    color:#FFFFFF;
}
#copy .container .benefitsbox h4
{
    padding: 8px 0px 4px 6px; 
    color: #FFFFFF; 
    margin-bottom: 0px;
}
#copy .container .benefitsbox h5
{
    color:#FFFFFF;
}
#copy .container .benefitsbox ul 
{
    color: #FFFFFF;
    margin: 0px 6px 0px 8px;
    padding: 3px 4px 0px 6px;
}

#copy .container .benefitsbox ul li
{
    margin-left: 8px;
    padding-left: 4px;
    line-height: 1.2em;    
}

/* Applicable Industries */
#copy .container .applicableindustriesbox 
{
    position: relative; 
    float: right; 
    width: 220px; 
    background-color: #5C5C5C; 
      margin: 0px 0px 2px 20px;
    padding: 2px 2px 12px 2px;
    clear: right;
}
#copy .container .applicableindustriesbox h4 
{
    padding: 8px 0px 4px 6px; 
    color: #FFFFFF; 
    margin-bottom: 0px;
}
#copy .container .applicableindustriesbox h5
{
    padding: 8px 0px 4px 6px;
    color: #FFFFFF;
    margin-bottom: 0px;
    font-size: .9em;
    font-weight:normal;
}
#copy .container .applicableindustriesbox ul 
{
    color: #FFFFFF;
    margin: 0px 6px 0px 8px;
    padding: 3px 4px 0px 6px;
}

#copy .container .applicableindustriesbox ul li
{
    margin-left: 8px;
    padding-left: 0 0 0 4px;
    line-height: 1.2em;    

}
#copy .container .applicableindustriesbox ul li a
{
    color: #FFFFFF;
}
/* Login Box  */
#copy .container .loginbox 
{
    position: relative; 
    float: right; 
    width: 220px; 
    background-color: #AFAFAF; 
    margin: 0px 0px 2px 20px;
    padding: 2px 2px 12px 2px;
    clear: right;
}
#copy .container .loginbox h4 
{
    padding: 6px 0px 2px 6px; 
    color: #2C368B; 
    margin-bottom: 0px;
}
#copy .container .loginbox h5
{
    padding: 2px 0px 4px 6px;
    color: #FFFFFF;
    margin-bottom: 0px;
    font-weight:bold;
}
#copy .container .loginbox ul 
{
    color: #FFFFFF;
    list-style-type:none;
    padding-left:0px;
    margin-left:0px;
}


#copy .container .loginbox a {
color: #000000;
padding-left: 4px;
}

#copy .container .loginbox td 
{
    padding: 0px;
    margin: 0px;
}

/* Office Locations box styles */
#copy .container .officelocationsbox 
{
    position: relative; 
    float: right; 
    width: 220px;
    background-color: #2C368B; 
    margin: 0px 0px 2px 20px;
    padding: 2px 2px 12px 2px;
    clear: right;
    color: #FFFFFF;
}
#copy .container .officelocationsbox a
{
    color:#FFFFFF;
}
#copy .container .officelocationsbox h3
{
    padding: 0 0 7px 3px;
    color:#FFFFFF;
    margin:0;
}
#copy .container .officelocationsbox h4
{
    padding: 4px 0 4px 3px; 
    color: #FFFFFF; 
    margin:0;
}
#copy .container .officelocationsbox h5
{
    padding: 3px 0 0 8px;
    color:#FFFFFF;
    margin:0;
}
#copy .container .officelocationsbox h6
{
    padding: 3px 0 0 8px;
    font-size:1em;
    font-weight:normal;
    color:#FFFFFF;
    margin:0;
}
/* table cell styles for contact us form */
#copy .container .contactus td, #copy .container .contactus th
 {
     padding: 0.3em 0.5em;
 }
 
/* Other #copy and misc styles */

#copy fieldset {	
	padding:1em;
	margin-bottom:1em;
	border:1px dotted #000000;
}

#copy legend {
	color:#666666;
	background-color:#FFFFFF;
}

* html #copy legend {padding:0.5em;}

div.readmore {
	text-align:right;
	font-size:0.9em;
}

.contactcheck 
{
    display:block;
}
/* Side navigation menu - treeview */
#subnav 
{
    position:absolute;
	z-index: 1000;
    left: 10px;
    top: 20px;
    width: 196px;
    overflow:hidden;
    margin: 0px 0 40px 0px;
}
#ctl00_leftColumn_subnavTreeView {
    position:relative;
	z-index: 1000;
}

* html #subnav tr {height:1.4em;}

#subnav .item {
	padding: 3px 0 2px 0;
	background-color:#FFFFFF; 
	color:#8F8F8F; 
	font-weight:bold;
	font-size:1em;
	text-align:left;
	border-bottom: solid 2px #7E7E7E;
	display: block;
}

* html #subnav .item {padding:3px 0 2px 0;}

#subnav .subitem
{

    padding: 3px 0 2px 10px;
    background-color: #FFFFFF;
    color: #8F8F8F;
    font-weight:bold;
    font-size: .86em;
    text-align: left;
    border-bottom: solid 1px #7E7E7E;
    display: block;
}
* html #subnav .subitem {padding:3px 0 2px 10px;}

#subnav .selected {	 
	color:#2C368B;
}
#subnav .hover {
	color:#5C5C5C; 
}


* html #subnav .subitem {padding:0 40px; }

#subnav .subselected 
{
    color: #2C368B;
}

/* footer and footershadow */
#footer{
	clear:both;
	margin-right: 15px;
	/*** margin:1px 5px; ***/
	padding:8px 0px 8px;
	/*** border:1px solid #999999; ***/
	background-color:#323232;
	color: #FFFFFF;
	font-size:0.9em;
}

#footershadow
{
    clear: both;
    background: #5C5C5C url(Images/bottom_bg.png) no-repeat;
    height: 11px;
}
* html #footershadow {margin-bottom: -8px;}

.clearfix:after {
  content: "."; 
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
 
.clearfix {display: inline-block;} /* Fixes IE/Mac */
 
/* Hides from IE-mac \*/
* html .clearfix,
* html .clearfix * {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#footer a {
	margin:1px 5px;
	color:#7E7E7E; 
}
.button {
    border:1px solid #FFFFFF;
    color:#FFFFFF;
    background-color:#AB1414;
    font-size:1em;
}
.imgfloatright {
	float:right;
	display:block;
	/*margin: 0.25em 0 0.25em 1em;*/
	padding: 11px 0px 3px 0px;
}
.imgfloatleft {
	float:left;
	display:block;
	/*margin: 0.25em 1em 0.25em 0;*/
	padding: 11px 0px 3px 0px;
}


/*Client List*/
.table {
	text-align: center;
}

.clientlist {
	width: 200px; 
	height: 80px;
	padding-top: 10px;

}

.clientlogo {
	border: 0px; 
	margin-bottom:10px;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}
.modalPopupDragHandle
{
    cursor: move; 
    background-color: #5C5C5C;
    border: solid 1px Gray; 
    color: Black;
}
.modalPopupImageCaption
{
    background-color: Transparent;
    position:relative;
    float:left;
    text-align:left;
    padding-left:4px;
    font-weight:bold;
    color: #ffffff;
}
.modalPopupCancelButton
{
    background-color:Transparent;
    position:relative;
    float:right;
    text-align:right;
    clear:right;
}
.modalPopupImageDescription
{
    font-weight:bold;
    font-style:italic;
    margin:10px 0px 0px 0px;
    padding: 3px 0px;
    background-color: #8C8C8C;
    color: #FFFFFF;
}
.modalPopupImageButtonRight 
{
    position: relative;
    float: right; 
    width: 224px;     
    padding: 0 0 10px; 
    clear: right;
}
.modalPopupImageButtonLeft
{
    position:relative;
    float: left; 
    padding: 0 0 10px;
    width: 346px; 
    clear: left;   
}
.modalPopupImageButtonRightWide
{
    position:relative;
    float: right; 
    /*padding: 0 3px 10px 8px; */
    padding: 0 0 10px;
    width: 346px; 
    clear: right;
}
.modalPopupImageButtonLeftNarrow
{
    position:relative;
    float:left;
    padding: 0 0 10px;
    width: 224px;
    clear:left;
}
.modalPopupImageButtonRightNarrow
{
    position:relative;
    /*float: right; */
    /*padding: 0 3px 10px 8px; */
    padding: 0 0 10px;
    width: 224px; 
    /*clear: right;*/
}
@media print {	
	body {
		color: #333333 !important;
		border-bottom: 1px solid #000;
		background:#FFFFFF !important;		
		font-size:10pt;
		line-height:12pt;
	}	
	h1, h2, h3, h4, h5, h6 {
		font-weight: bold;
		color: #333333;
	}

	#mainwrapper,#topShadow,#bottomShadow {background:none;}

	#header {
		position: static;
		height: auto;
	}	

	#mainnav, #mastheadImage {display:none;}

	
	#copy {
		width: 80%;
		margin-left:0;
		padding: 0 2em;
	}

	#copy a {color: #333333;}

	#copy li {
		list-style-image: none;
		list-style-type: disc;
	}

	#copy .pullQuote {display: none;}

	#copy .textBox {
		border: 1px solid #333333;
		background:none;
	}

	#copy .textBox:focus {background:none;}

	#copy fieldset {border:1px solid #333333;}

	#copy legend {padding-bottom:1em;}

	#copy .dropDownlist {background:none;}
}