html,body {
	/* height:100%; */
	margin:0;
	padding:0;
}

a {
	/* color: #67b7c3; */
	color: #3388BB;
	text-decoration: none;
}

a:hover {
	/* color: #87d7e3; */
	color: #3388BB;
	text-decoration: underline;
}

a img {
  border: none;
}

body {
	background: #7d8b8e url('../images/site_bg.jpg') center top no-repeat;
	text-align:center;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #5d6e7d;
}

h1 {
  font-family: sans-serif; /* fantasy appears strange in IE8 */
  font-size: 2.25em;
  line-height: 1.5em;
  font-weight: bold;
}

h2 {
  font-family: sans-serif; /* fantasy appears strange in IE8 */
  font-size: 1.25em;
  font-weight: bold;
}

/* Appears to be unused
#vertical {
	float:left;
	height:50%;
	margin-top:-198px; /* half vertical height *//*
	width:100%;
}
*/

#main-container {
	position: relative;
	background: url(../images/site_decor_background.jpg) top no-repeat; 
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	clear:both;
}

#content-container {
	position: relative;
	margin-left:auto;
	margin-right:auto;
	/* overflow:hidden; allow content to scroll inside element */
	text-align:left;
	/* clear:both;  useless, no floats before start of page */
	padding-top: 150px;
}

#nav {
	margin-top: 103px;
	padding-left: 20px;
	height: 100px;
}

#flash {
	height: 320px;
	overflow: hidden;
	z-index: 1;
	position: absolute;
	top: 155px;
	left: 50%;
	margin-left: -475px;
	width: 970px;
}

/* Appears to be unused
#header {
	height: 420px; 
	overflow: hidden;
}
*/

#flash-spacer {
	height: 260px;	
}

#header-logo {
	position: absolute;
	top: 10px;
	left: 28px;	
}

#homepage-content-container {
	background: #ffffff url('../images/homepage_content_bg.jpg') no-repeat;
	/* height: 730px; */
}

#contactpage-content-container {
	margin-top: -13px;
	background: #ffffff url('../images/contactpage_content_long_bg.jpg') no-repeat;
	z-index: -1;
	display: block;
}

#subpage-content-container {
	margin-top: -13px;
	background: #ffffff url('../images/subpage_content_bg.jpg') no-repeat;
	z-index: -1;
	display: block;
}

#homepage-content-inner-spacer {
	padding-top: 46px;
	padding-left: 36px;
}

#homepage-callout-container {
	/* position: absolute; */
	position: relative;
	float: left;
	background: url('../images/callout_bg.gif') no-repeat;
	width: 986px;
	/* top: 830px; */
	/* top: -300px; */
	left: 7px;
	height: 220px;
	margin-bottom: -12px;
	color: #ffffff;
}

.homepage-learn-more {
	margin-top: 2px;	
	margin-bottom: 8px;
}

#homepage-callout-inner-spacer {
	padding-top: 60px;
	padding-left: 28px;	
}

#homepage-client-spotlight {
	width: 280px;
	margin-right: 35px;
	float: left;
}

#homepage-news-left {
	width: 290px;
	margin-right: 24px;
	float: left;
}
#homepage-bulleted-list .left {
     float:left; 
     display:inline; 
     width:30%;
}
#homepage-bulleted-list .middle {
    float:left;
    display:inline;
    width:30%;
    padding-left:25px;
}
#homepage-bulleted-list .right {
    float:right;
    display:inline;
    width:30%;
}
.clear {
	/* margin-top: 5px; */
	clear: both;	
}

#homepage-news-right {
	width: 300px;	
	float: left;
}

#homepage-content-left {
	float: left;
	width: 575px;
	margin-right: 50px;
	line-height: 1.4em;
}

#subpage-content-left {
	float: left;
	width: 650px;
	margin-right: 20px;
	line-height: 1.4em;
}

#clients-content-left {
	float: left;
	width: 650px;
	margin-right: 20px;
	line-height: 1.4em;

}

#services-content-left {
	float: left;
	width: 445px;
	margin-right: 50px;
	line-height: 1.4em;
	padding-left: 180px;
	height: 480px;
}

#homepage-content-right {
	float: left;
	width: 300px;
}

#subpage-content-right {
	float: left;
	width: 240px;
	padding-top: 4px;
}

#subpage-bulleted-list {
	line-height: 1.6em;
	padding-left: 10px;	
}

.subpage-bullet-item {
	margin-bottom: 10px;	
	float: left;
	clear: both;
	width: 235px;
}

.subpage-bullet-right {
	float: left;
	width: 220px;	
}

#homepage-bulleted-list {
	line-height: 1.6em;
	padding-left: 10px;	
}

.homepage-bullet {
	color: #dd1f26;	
}

.homepage-dpw-list {
  padding-left: 0;
  color: #dd1f26;
  margin-top: 0;
}

.homepage-dpw-item-span {
	color: #5d6e7d;
}

.homepage-dpw-list2 {
  padding-left: 20px;
  color: #dd1f26;
}

.homepage-dpw-item2 {
	margin-top: 10px;
}

#homepage-footer {
	text-align: center;
	margin-top: 220px;
	/* Modified from 250px
	   Needs to be modified to float after the end of the page.
	   May require bg image modification.
	*/
	height: 100px;
	width: 920px;
}

/*
#subpage-footer {
	padding-top: 20px;
	background: #fff;
	text-align: center;
	background: #fff url('../images/subpage_horizontal_divider.gif') no-repeat top center;
	height: 100px;
	width: 920px;
	margin-top: 20px;
}
*/

#homepage-footer-cap {
	/* background: url('../images/footer_cap.gif') no-repeat top left; */
	background: url('../images/footer_cap2.gif') no-repeat bottom left;
	color: #556a70;
	text-align: center;
	padding-top: 10px;
	height: 143px;
	display: block;
	z-index: 100;
}

/*
#subpage-footer-cap {
	background: url('../images/subpage_footer_cap.gif') no-repeat top left;
	color: #556a70;
	text-align: center;
	padding-top: 30px;
	display: block;
	z-index: 100;
	margin-top: -5px;
}
*/

.homepage-header {
	margin-bottom: 4px;
}

.callout-title {
	color: #67b7c3;
	font-size: 13px;
	font-weight: bold;
}

.callout-links {
	margin-top: 6px;	
}

.callout-subtitle {
	color: #67b7c3;
	font-size: 12px;
	font-style: italic;
}

.callout-copy {
	margin-top: 6px;
}

#left-column {
	float: left;
	width: 360px;
	padding: 10px;	
	margin-right: 20px;
	padding-top: 70px;
	line-height: 1.5em;
}

#right-column { 
	float: left;
	width: 390px;
	background-color: #e7eaef;
	
	padding-top: 70px;
}

#content {
	background-color: #ffffff;
	padding: 10px;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}

#top-grey-bar {
	height: 5px;
	background-color: #b785c3;
}

#footer {
	color: #cc5555;
	background: url(../images/bg_footer.gif) top repeat-x;
	height: 40px;
	font-size: 10px;
	color: #ffffff;
	text-align: center;
	padding-top: 30px;
}

#footer a {
	color: #ffffff;
}

.bullet-item {
	margin-bottom: 10px;	
	float: left;
	clear: both;
	width: 285px;
}

.bullet-left {
	
	float: left;
	color: #dd1f26;	
	font-weight: bold;
	width: 10px;	
}

.bullet-right {
	float: left;
	width: 275px;	
}

.inline-image {
	padding-right: 15px;
	padding-bottom: 5px;	
	padding-top: 5px;
}

/*
#sidenav {
	position: absolute;
	top: 190px;
	left: 7px;	
	width: 190px;
}
*/

#sidenav {
  float: left;
  width: 190px;
  margin-left: -30px;
  margin-right: 13px;
}

#sidenav a {
	float: left;
	margin-bottom: -5px;
}

.news-headline {
	font-size: 14px;
	font-weight: bold;	
}

.client-quote {
	font-size: 13px;
}

.client-source {
	font-weight: bold;
	font-size: 13px;	
}

.client-cell {
	width: 215px;
	text-align: center;	
	float: left;
}

.client-row {
	float: left;
	background: url('../images/grid_row.gif') no-repeat;	
	height: 192px;
}

/*
.client-top-border {
	margin-bottom: -14px;
}
*/

.client-grid-image {
	margin-bottom: 15px;	
}

.client-grid-link {
}
.diff-bullet-item {
	margin-bottom: 10px;	
}

.diff-bullet-left {
	float: left;
	width: 15px;	
}

.diff-bullet-right {
	float: left;
	width: 570px;
}

/* --- MENU DROPDOWN RELATED --- */
/* ----------------------------- */

/* DROPDOWN */
/* These styles create the dropdown menus. */
#navbar {
   	margin: 0;
	padding: 0;
   	height: 1em;
   	width: 1020px;
	position: absolute;
	top: 105px;
	left: 20px;
	height:91px;   
	z-index: 100;
}
#navbar li {
   list-style: none;
   float: left; }
#navbar li a {
   display: block;
   }
#navbar li ul {
   display: none; 
   /* width: 10em; Width to help Opera out */
   }
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
   	position: absolute;
   	margin: 0;
   	padding: 0; }
#navbar li:hover li, #navbar li.hover li {
   	float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	margin-top: -3px;
   	background-color: #333;
   	padding-top: 9px;
    color: #fff;
   	width: 230px;
	height: 25px;
	padding-bottom: 3px;
	padding-left:20px;
	color:white;
	float:none;
	font-family: Arial, san-serif;
	font-size:9pt;
	line-height: 10px;	
}
#navbar li li a:hover {
	background-color: #000;
  	background-image: url(../images/icon_callout_hp.gif);
	left:auto;
	background-repeat: no-repeat;
	background-position: 10px 12px;
	color: #ccc;
   
}

/* --- Contact Us Form --- */

#altContent {
	width: 1070px;
	height: 290px;	
	z-index:1;
}

.required {
	color: #CC3300;	
}

.form-item {
  margin-top: 15px;
  margin-left: 15px;
  float: left;
}

.form-label {
	/* margin-top: 15px; */	
}

.text-input-half {
	width: 300px;
}

.text-input-full {
	width: 620px;
}

/*
.text-input-phone3 {
	width: 30px;
	
}
.text-input-phone4 {
	width: 40px;	
	
}
*/

.textarea-input {
	width: 620px;
	height: 100px;	
}

/* --- ACCORDION MENU RELATED --- */

.arrowlistmenu{
width: 260px; /*width of accordion menu*/
margin-bottom: 20px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Verdana;
color: #667f87;
background: url('../images/accordion_bg_off.gif') no-repeat center left; 
margin-bottom: 4px; /*bottom spacing between header and rest of content*/
padding: 1px 0 1px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: url('../images/accordion_bg_on.gif') no-repeat center left; 
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

/* --- NEW ACCORDION --- */
.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:200px;
}

.AccordionTitle
{
  height:25px;
  overflow:hidden;
  cursor:pointer;
  font-family:Arial;
  font-size:8pt;
  font-weight:bold;
  vertical-align:middle;
  background-repeat:repeat-x;
  display:table-cell;
  background-image:url('title_repeater.jpg');
  -moz-user-select:none;
}

.AccordionContent
{
  height:0px;
  overflow:auto;
  display:none; 
}

.AccordionContainer
{
  /* border-top: solid 1px #C1C1C1;
  border-bottom: solid 1px #C1C1C1;
  border-left: solid 2px #C1C1C1;
  border-right: solid 2px #C1C1C1; */
  
}
