@charset "utf-8";
/* CSS Document */

body {
	behavior: url(css/csshover.htc); /* For IE */
	background-image:url(../images/main_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:100%;
	background-color:#cccccc;
	margin: 0px;
    font-size: 62.5%;
    font-family: verdana, arial, sans-serif; 
    text-align: center;
    color: #4b4b4b;
}

h1, h2, h3, h4, h5, h6 {
    margin: 10px;
    padding: 0;
    color: #4b4b4b;
    font-weight: normal;
}  

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, 
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited  {
    color: #4b4b4b;
    padding-right: 10px;
    background: url(images/bullet_arrow.gif) 100% 70% no-repeat;
}
/*h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #582779;
} */
 
h2 + p, 
h3 + p,
h4 + p,
h5 + p,
h6 + p {
    margin-top: -10px;  
}

h1 { font-size: 2.7em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; } 

h1 { 
    margin: 0;
    color: #00a87a;
    padding: 19px 10px 0 10px;
  
} 
h2 {
    font-family:verdana, arial, sans-serif;
	font-weight:500;
	color: #333333;
} 
h3 {
   	font-family:verdana, arial, sans-serif;
	font-weight:100;
	color: #333333; 
}  

a,
a:link,
a:visited {
    color: #00a87a;
}
a:hover,
a:active {
    color: #582779;
}

a, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
dd, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    font-size: 1em;
    line-height: 1.5em;
} 
a { line-height: 1em; }

table td { text-align: left;}

fieldset { border: 1px solid #efefef; }
legend { padding: 10px; color: #0E6BAF; font-weight: bold;}

strong, b {
    font-weight: bold;
}
em, i { font-style: italic; }

p {
    margin: 0;
    padding: 10px;
} 

hr {
    color: #f0f0f0;
    background-color: #f0f0f0;
    height: 1px; 
    border: 0;
    margin: 0 10px;
}   

fieldset { 
	border: 0; 
}

#homenav {
	position:absolute;
	top:245px;
	width:800px;
	height:26px;
	visibility: visible;
}
#internalnav {
	position:absolute;
	top:120px;
	width:800px;
	height:26px;
	visibility: visible;
}

#nav {
	width:800px;
	height:26px;
	visibility: visible;
}



/*
#navinternal {
	position:absolute;
	top:120px;
	width:800px;
	height:26px;
	visibility: visible;
}*/
hr {
    color: #f0f0f0;
    background-color: #f0f0f0;
    height: 1px; 
    border: 0;
    margin: 0 10px;
}   

fieldset { border: 0; }

.contentBody ol, 
.contentBody ul,
#subContent ol,
#subContent ul {
    margin: 0 2em 1em 2em;
	border:#CCCCCC thick;
	padding: 15px;
	height:75px;
	background-color:#e1e1e1;

} 
#contentBody li,
#subContent li {
	line-height: 1.5em;
	margin-bottom: 2em;
	margin-right: 1em;
} 
#contentBody ul.documents,
#subContent ul.documents {
	line-height: 2em;
	list-style: none;

} 

#subContent ul li a,
#subContent ul li a:visited {
   
  	display:block;
	vertical-align: middle;
    color: #00a87a;
	font: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
    text-decoration: none;
	padding-left:100px;
}




#subContent a:hover,
#subContent a:active {
    color: #red;
}

#contentBody,
body#home #subContent {
    padding-top: 20px;
} 

ol {
    list-style: decimal;
} 

li {
    margin: 0;
    padding: 0;
} 

.pdf {                                                              
    padding: 5px 0 5px 25px;
    background: transparent url(images/icon_pdf.gif) 0 50% no-repeat;
} 


li h1, li h2, li h3, li h4, li h5, li h6 { }   

dl { margin: 0; padding: 5px 10px; }
dt { clear: both; margin: 0; padding: 0 0 .5em 0; }
dd { border-bottom: 1px dotted #F0F3D6; margin: 0 0 .5em 0; padding: 0 0 .5em 0; }
dd p { padding: 5px 0;}
dd img { float: left; }


blockquote, q {
    margin: 1em 2em;
    padding-left: 1em;
    border-left: 1px solid #F0F3D6;
}  

/*------------------------------------------------------------------------*/
/*----------------------   Navigations Styles  ---------------------------*/
/*------------------------------------------------------------------------*/


#navpadding {
	background-color:#000000;
	height:0px;
}

#nav, #nav ul {
	background-color:#333333;
	/*background-image: url(../images/nav_button_up_bg.jpg);
	background-repeat:repeat-x;*/
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 0;
	margin: 0;	
	line-height: 1;
	list-style: none;
	text-align:center;
}

#nav a {
	display: block;
	width: auto;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	padding: 7px 0px 7px 0px;
	border-bottom: 0px;
	border-bottom-color: #FF0000;
}
/*
#nav a.drop {
	background-color:#FF0000;
	display: block;
	width: 200px;
	color: lime;
	text-decoration:none;
	text-indent: 5px;
	padding: 3px 0px 3px 0px;
}
*/
#nav a.tier1 {
	width: auto;
	background-image:none;
	text-align: left;
	height: 20px;
	padding: -6px 0px 0px 0px;
}

#nav a.tier1-arrow {
	display: block;
	width: 200px;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 5px;
	padding: 3px 0px 3px 0px;
	background: url(../images/arrow.gif) center right no-repeat;
}

#nav li { /* all list items -- width of main nav buttons*/
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	padding-right: 9px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #666666;
	width: 50px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
/* Rollover background states of dropdowns from main navigation*/
#nav li li {
	background-color: #bf0329;
	background-image: none;
	padding-right: 0;
	width: 175px;
}

/* horizontal spacing placement of list tiers from left edge of parent button */
#nav li ul ul { 
	margin: -26px 0 0 175px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

/* button holder dimension--causes buttons to tile left to right based on their size in comparison to the width entered -- lists nested under hovered list items */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
	left: auto;
	width: 150px;

}
/*over state colors*/
#nav li:hover, #nav li.sfhover {
background-color:#0ab285;
/*	background-image:url(../images/nav_button_over_bg.jpg);
	background-repeat:repeat-x;*/
}


/*------------------------------------------------------------------------*/
/*------------------------   Home Page Styles  ---------------------------*/
/*------------------------------------------------------------------------*/


body#homeimage {
	position:absolute;
	left:0;
	top:20px;
	width:800px;
	visibility: hidden;
}

#homecontent {
	position:absolute;
	top:271px;
	padding-top: 25px;
/*	margin-bottom:500px;*/
	width:800px;
	background-color: #FFFFFF;
	height: auto;
	visibility: visible;

}

body#internalimage {
	position:absolute;
	left:0;
	top:20px;
	width:800px;
	visibility: hidden;
}


#internalcontent {
	position:absolute;
	top:146px;
	padding-top: 25px;
/*	margin-bottom:50px;*/
	width:800px;
	background-color: #FFFFFF;
	height: auto;
	visibility: visible;

}


/*#content {
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	font-size:0.875em;
	line-height:1.25em;
	position:absolute;
	left:100px;
	top:296px;
	width:800px;
	height:auto;
}
*/





  


/* -----------------------------------------------------
    Global Structural Elements
----------------------------------------------------- */
#logo {
    text-align: center;
}

#wrapper {

	width: 800px;
	background-color:#FFFFFF;
	min-height: 100%;
	text-align: left;
/*	margin-bottom: 100px;*/
	margin: 0 auto;
	position: relative;
} 
/*#footer {
	position:absolute;
	bottom: -1px;
	width: 800px;
	height: 80px;
	margin-top: 1em;
	color: #fff;
	background-image:url(../images/background_repeater.jpg);
	background-repeat:repeat-x;
	height: 100px;
} */

#footerwrapper {
	width: 800px;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}

#footer {
	color:#FFFFFF;
	width: 800px;
	position:absolute;
	bottom: -66px;
	background-image:url(../images/background_repeat.jpg);
	background-repeat:repeat-x;
	height: 70px;
	visibility: visible;
/*	left: -23px;*/
}
#footernav {
	width:800px;
	text-align: center;
	font-family:verdana, arial, sans-serif;
	font-size: 11px;
	font-weight:100;
	padding-bottom:20px;
	color: #000000;
	line-height: 1em;
	position:absolute;
	bottom: -120px;
	margin-top: 1em;
	left: -3px;
	visibility: visible;
}

#footernav a {
	color: #000000;
	text-decoration:none;
}

#footer p {    
    padding: 5px 10px;

} 
/*#footer p.valid {
    float: right;
    border: none;
}*/

div#footerright{
    float: right;
    border: none;
	text-align:right;
	vertical-align:top;
	
}

div#footerright a{
	color:#FFFFFF;	
}

div#footerright a:hover{
    color: #00a87a;
}

div#footerleft {
    float: left;
    border: none;
	text-align:left;
	vertical-align:top;
}



#header {
    position: relative;
    height: 20px;
	background-color:none;
}    
#header h1 { display: none; }

#mainColumn { 
    float: right;
    width: 760px;
	margin-bottom: 130px; 
}         
#subColumn {
    float: left;
    width: 100px; 
} 
body#home #subColumn { background: transparent url(images/bg_column_fade.gif) 0 50% repeat-x; }  

body#home #mainColumn { float: left; }
body#home #subColumn { float: right; }


#columnWrapper {
	background-image:url(../images/footer_image_phone.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
/*	margin-bottom: 90px;*/
	height: auto;
	}
  
#mainColumn #mainContent {
    float: left;
    width: 440px;
	padding-right:10px;
} 


div.noteframe {
 width: 375px;
 height:auto;
 padding-bottom:25px;
}

div.note{
float:right;
width: 300px;
text-align:left;
} 


div.notered{
color:red;
float:left;
font-size:12px;
padding-right:10px;
padding-left:25px;
} 


.contentPictures {
	float:left;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}




#mainColumn #subContent {
    float: right;
    width: 300px;

    border-left: 1px solid #fff;
    background: transparent url(images/bg_column_fade.gif) 0 0 repeat-x;
}
#mainColumn #mainContent ul li {
	margin-left:40px;
	line-height:1.4em;
	list-style-type:disc;
	list-style-position:outside;
	margin-bottom: 1em;
}


body#home #mainColumn #subContent { background-position: 0 50%; }

#contentHeader,
div.caseStudy {
padding-bottom: 35px;
    height: auto;
}    
#contentBody {
    background: transparent url(images/bg_content_body.gif) 0 0 repeat-x;
    min-height: 200px;
    height: auto;
}  
p.openingText {
    font-size: 1.5em;   
    line-height: 1.8em;
    min-height: 130px; 
    height: auto;
    background: #fff url(images/bg_watermark.gif) 0 0 no-repeat;
}   
#subContent address {
    padding: 5px 10px;
    line-height: 1.6em;
    background: #e0e0e0 url(images/bg_h1.gif) 0 0 repeat-x;
    border-bottom: 1px solid #fff;
}  



/* -----------------------------------------------------
    Case Study widget/module/callout on right
----------------------------------------------------- */ 


#subContent div.imagePosition {
    float:left;
	width:75px;
	height:75px;
	border:#999999 medium;

}

#subContent imagePosition {

	padding: 5px 10px;
    line-height: 1.6em;
    border-bottom: 1px solid #fff;
}  



#subContent div.caseStudy {
    position: relative;
}   
#subContent div.caseStudy ul {
    margin: 0;
    padding: 0; 
    list-style: none;
}   
#subContent div.caseStudy li {
    float: right;
    width: 100px; 
    padding: 0;
    text-align: center; 
    background-color: #fff;
} 
#subContent div.caseStudy li.orange a:hover {
    color: #f68c2c;
} 
#subContent div.caseStudy li.purple a:hover {
    color: #8b3281
}   
#subContent div.caseStudy li:first-child {
    margin: 0 1px 0 0;
}                             
#subContent div.caseStudy li a { 
    display: block; 
    text-decoration: none;
    font-weight: bold;
    padding: 0;
    background: transparent url(images/arrow_grey_on_white.gif) 0 50% no-repeat;
}
#subContent div.caseStudy li.orange a:hover {
    background-image: url(images/arrow_orange_on_white.gif);
} 
#subContent div.caseStudy li.purple a:hover {
    background-image: url(images/arrow_purple_on_white.gif);
}  
#subContent div.caseStudy li a span {
    display: block;
    position: absolute;
	float:right;
    bottom: 2.5em;
    left: -999em;
    width: 100px;
    margin: 0;
    font-size: 1.2em; 
    line-height: 1.4em;
    font-weight: normal;
    padding: 10px; 
    background: transparent url(images/bg_case_study.png) 0 0 repeat;
}  
#subContent div.caseStudy li a:hover span {    
    left: 0;    
}



/* -----------------------------------------------------
    Call Outs

ul.callOuts {
    padding: 0;
}
ul.callOuts li {
    min-height: 80px;
    height: auto;
    float: left;
}      
ul.callOuts dl {
    margin: 10px; 
}  
ul.callOuts dt {
    font-size: 1.3em;
    margin-bottom: 5px; 
}  
ul.callOuts dt a,
ul.callOuts dd a {
    text-decoration: none; 
}
ul.callOuts dt a:hover {
    text-decoration: underline;
} 
ul.callOuts li img {
    float: right;
    border: 2px solid #e1e1e1;
    margin: 10px 10px 50px 10px;
}
----------------------------------------------------- */ 


/* -----------------------------------------------------
    Extra
----------------------------------------------------- */ 
.col-2 li {
    width: 50%;
} 
.col-3 li {
    width: 33%;
} 
.col-4 li {
    width: 25%;
} 



/* ----------------------------------------------------- 
    CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
----------------------------------------------------- */ 
#wrapper:after,
#mainNav:after,
#topNav:after,
#columnWrapper:after,
#mainColumn:after,
#subColumn:after,
#mainContent:after,
#subContent:after,
ul.promotes:after,
#breadCrumbs:after,
div.noteframe:after,
#subContent div.caseStudy ul:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
} 
#wrapper,
#mainNav,
#topNav,
#columnWrapper,
#mainColumn,
#subColumn,
#mainContent,
#subContent,
ul.promotes,
#breadCrumbs,
#subContent div.caseStudy ul { 
	display: inline-block; 
}
/* Hides from IE-mac \*/
#wrapper,
#mainNav,
#topNav,
#columnWrapper,
#mainColumn,
#subColumn,
#mainContent,
#subContent,
ul.promotes,
#breadCrumbs,
#subContent div.caseStudy ul { display: block; }
/* ----------------------------------------------------- 
    END CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
----------------------------------------------------- */ 
    
    
    

/* ----------------------------------------------------- 
    DEBUG
----------------------------------------------------- */  
/*
#wrapper,
#mainNav,
#footer,
#footernav {
    border: 1px solid #333;
}
*/