/* Style and Rules for the Anthro Index Page - These can be replaced by the global styles  */
/*NOTE TO ANTHRO DEVELOPERS: the body tag below has no bearing on the overall design. It was placed there so we could get the header and footer sections to mimic the actual website. It can be removed prior to production.*/

body { background: #fff; padding: 0; margin: 0; }

/* Page Sections and Typography */

#footer { background: url(../images/healthcare/footer_bg.gif) top left repeat-x; }

#wrapper p, h1, h2, h3, h4, h5, ul, li { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-style: normal; }

#wrapper p { margin: 0; padding: 7px; line-height: 14px; font-size: 11px; padding-left: 0px; }

#wrapper ul { list-style: none; margin: 0px; padding-left: 5px; padding-right: 7px; }

#wrapper ul li{ line-height: 18px; font-size: 12px; padding-left: 8px; padding-bottom: 6px; }

.right { float: right; }

.left { float: left; }

.clr { clear: both; }

.clrsolo { clear: both; font-size: 1px; line-height: 1px; margin: 0px; padding: 0px; height: 0px; visibility: hidden; }

a img { border: none; text-decoration: none; }

.imgRight {
 	margin-bottom: 10px; 
 	margin-left: 10px;
 	float: right;
}
.imgLeft {
 	margin-bottom: 10px; 
 	margin-right: 10px;
 	float: left;
}

/* Elevate */

.col2 { background-color: #efedec; padding: 0 0 25px 15px; border: solid 1px #efedec;}

#wrapper .col2 p {
	float: left;
	padding: 0 7px;
	margin: 10px 20px 15px 0;
	text-align: center;
}

.col2 p a {color:#336699; text-decoration: none;}

.col2 p a:hover { color:#336699; text-decoration: underline; }

.col2 p img { margin: 0; padding: 0; }

.prodrowtop { margin: 10px 0 0 0; padding: 0; }

.prodrowtop p { float: left; margin: 0; padding: 0; }

.prodrow { margin: 10px 0 0 0; padding: 0 0 10px 0; }

.prodrow p { width: 132px; height: 175px; } 

#elevate { background-color: #fff; min-width: 980px;  }
#elevate_topcol {
	width: auto;
	background:#746e9c;
	padding: 20px 20px;
	color: #FFFFFF;
}
#elevate h2 {
	font-size : 18px;
	color : #fff; 
	font-weight: normal;
	padding: 12px 20px;
	background: #746e9c;
	margin: 0px;
	
}
#elevate_topcol h1 {
	font-size: 36px;
	color : #fff;
	font-weight: normal;
	line-height: 40px;
	margin: 0px;
	padding: 0px;
}
#elevate_topcol p {
	font-size: 12px;
	line-height: 18px;
}
#elevate_topcol a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
}
#elevate_topcol a{
	color:#FFFFFF;
	text-decoration:underline;
}
#elevate .img_left {
	padding-top: 20px;
	padding-left: 20px;
	float:left;
	width:385px;
}
#elevate_rightcol {
	margin-left: 405px;
	padding-left: 20px;
	padding-top: 20px;
	width: auto;
	background:#c9c8db;
}
#elevate_rightcol_in {
	width: 450px;
	font-size: 11px;
}
#elevate_rightcol_in h3 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #a13229;
}
#elevate_rightcol_in p {
	margin: 0px;
	padding: 0px;
	padding-bottom: 12px;
}
.elevate_col1 div, .elevate_col2 div{
	padding-left:30px;
}
.elevate_col1 {
	width: 220px;
	float:left;
}
.elevate_col2 {
	width: 220px;
	float:right;
}
.c1 {
	background:url(../images/ELTcirc1.gif) no-repeat left top;
}
.c2 {
	background:url(../images/ELTcirc2.gif) no-repeat left top;
}
.c3 {
	background:url(../images/ELTcirc3.gif) no-repeat left top;
}
.c4 {
	background:url(../images/ELTcirc4.gif) no-repeat left top;
}
.c5 {
	background:url(../images/ELTcirc5.gif) no-repeat left top;
}
.c6 {
	background:url(../images/ELTcirc6.gif) no-repeat left top;
}
.c7 {
	background:url(../images/ELTcirc7.gif) no-repeat left top;
}
.c8 {
	background:url(../images/ELTcirc8.gif) no-repeat left top;
}

.familyintro-superscript{ font-size:11px; line-height:30px; vertical-align:super;}

div.video { border: 1px solid #ccc; position: relative; z-index: 5; padding: 20px; }

div.video object { width: 640px; height: 390px; }
.elevate_video_icon {float:right; margin-left:20px;}