/*****************   Container Elements   ****************************************************************************/
body {
	margin: 0px;
	/*background: url(../images/body-bg.jpg) repeat-x;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	padding:0px;
	height:100%;
	width:100%;
	position:relative;
}
#container {
	width: 1000px;
	margin: 0px auto 0px auto;
	background: url(../images/container-bg.jpg) repeat-y;
	position:relative;
	z-index:5;
}


/*****************   Top Elements   ****************************************************************************/
#top {
	height: 317px;
	width: 1000px;
	background: url(../images/top-bg.jpg) no-repeat;
	z-index:5;
}
#top a.logo {
	display: block;
	height: 88px;
	width: 430px;
}
#top a.logo img {visibility:hidden;}
#top a.logo:hover img {visibility:visible;}
#top a.cta {
	height: 60px;
	width: 170px;
	display: block;
	position: absolute;
	left: 98px;
	top: 215px;
	padding-top: 30px;
	padding-left: 20px;
	font-size: 16px;
	color: #a2dcff;
	text-decoration: none;
	line-height: 20px;
	overflow: hidden;
}
#top a.cta:hover {background:url(../images/cta.jpg) no-repeat;text-decoration: underline;}


/*****************   Left Elements   ****************************************************************************/
#left {
	position: absolute;
	background: url(../images/left-bg.jpg) no-repeat;
	margin: 0px;
	padding: 70px 25px 0px 26px;
	width: 186px;
	z-index:3;
	top:317px;
	bottom:0px;
	left:0px;
	font-size: 11px;
	color: #707070;
	text-align:center;
}
#left.blog {
	background: url(../images/left-blog-bg.jpg) no-repeat;
}
#left a img {padding:2px; margin-bottom:80px;}
#left a:hover img {padding:1px; border:1px solid #32B9E9;}
#left form {
	margin: 0px;
	padding:0px;
}
#left select {
	font-size: 10px;
	color: #666666;
	height: 16px;
	width: 170px;
	margin: 9px auto 5px;
	padding:0px;
}
#left select#state,#left input {
	font-size: 10px;
	color: #666666;
	float: left;
	height: 16px;
	width: 75px;
	padding:0px;
	margin: 9px 7px 5px 8px;
}
#abi {
	position:absolute;
	top:810px;
	left:9px;
	display:block;
	background:url(../images/abi-skin-care.jpg) no-repeat;
	width:227px;
	height:160px;
	z-index:15;
}
#abi img {display:none; visibility:hidden;}
#abi:hover img {display:block; visibility:visible;}

/*****************   Content Elements   ****************************************************************************/
#content {
	padding: 85px 20px 5px;
	text-align: justify;
	width: 733px;
	background: url(../images/content-bg.jpg) no-repeat left 35px;
	position: relative;
	margin-left: 227px;
	color: #666666;
	min-height:655px;
	z-index:5;
}
p {padding: 9px 0px 9px 0px; margin: 0px;}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	font-weight: normal;
	font-size: 24px;
	font-style: normal;
	margin: 0px;
	background: #FFFFFF;
	display: inherit;
	position: absolute;
	padding: 0px 10px;
	left: 20px;
	top: 33px;
}
h1 span {
	position: absolute;
	display: block;
	left: 0px;
	top: 30px;
	color: #666;
	font-size: 15px;
	width: 710px;
	padding-left: 12px;
	border-bottom: 1px solid #CCC;
}


h2 {
	color: #0438A6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 9px 0px 5px;
	margin:0px;
	line-height: 20px;
	display:table;
}

#content p,#content li {line-height:20px;}
ul, ol {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 9px;
	padding-bottom: 9px;
}
#content ul li {
	list-style-type: none;
	background: url(../images/bullet.jpg) no-repeat left 7px;
	padding-left: 9px;
}
.faqs li  { margin: 10px 0px; }
.faqs ul li  { margin: 0px; }

a:link, a:visited, .faqs span {color: #409BF6; text-decoration: underline; font-weight: normal; font-variant: normal;}
a:hover, .faqs span:hover {color: #E51C0A; text-decoration: none; font-weight: normal; font-variant: normal;}

img {border: none;}

.rightimg {float: right; margin: 10px 0px 10px 10px; position:relative; display:block;}
.leftimg {float: left; margin: 10px 10px 10px 0px; position:relative; display:block;}

.leftimg span, .rightimg span {visibility:hidden;display:none;}
.leftimg:hover span, .rightimg:hover span {visibility:visible;display:block; position:absolute; top:0px; left:0px;}

.clear {clear:both;}

.sm {font-size: 9px;font-style: italic;}

/*****************   Footer Elements   ****************************************************************************/
#footer {
	background: url(../images/footer-bg.jpg) repeat-y;
	padding: 5px 15px;
	margin: 0px auto;
	width: 970px;
	text-align: center;
	position:relative;
	z-index:5;
	color: #F5FDCC;
	height: 197px;
}
#footer a:link, #footer a:visited {color: #FFFFFF;}
#footer a:hover {color: #CCC;}
#footer ul {
	list-style-type: none;
	text-align: left;
	padding-top: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	width: 870px;
	padding-left: 150px;
}
#footer  ul li {
	display: inline-block;
	float: left;
	width: 50%;
}



/*****************   BG Elements   ****************************************************************************/
#fl, #fr, #tr  {
	width:50%;
	background-color: #3399FE;
	position:absolute;
	right:0px;
	bottom:0px;
	height:100px;
	z-index:1;
	padding: 5px 15px;
}
#fl {
	background-color: #0057AE;
	left:0px;
}
#tr {
	top:120px;
	height:197px;
	bottom:none;
	padding:0px;
}


/*****************   Homepage Elements   ****************************************************************************/
#index {
	padding:0px;
	width: 764px;
	height:211px;
	background: url(../images/index-bg.jpg) no-repeat;
	position: relative;
	margin-left: 236px;
	color: #666666;
	z-index:3;
	margin-bottom:-20px;
}
#index #news {
	height: 130px;
	width: 385px;
	position: absolute;
	top: 60px;
	left: 28px;
	overflow:hidden;
}
#index #news span {
	width: 385px;
	display: inline-block;
	float: left;
	height: 45px;
	padding: 15px 0px 0px 0px;
	color:#000;
	font-size:11px;
	overflow:hidden;
	text-align:justify;
}
#index #news span strong {
	width: 70px;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#990000;
}
#index #news span a {
	color:#0057af;
	width: 315px;
	float:left;
	font-size:12px;
	font-weight:normal;
}
#index  #vid {
	height: 160px;
	width: 227px;
	position: absolute;
	top: 29px;
	left: 505px;
	line-height: 22px;
	color: #000000;
	text-align:justify;
	margin: 0px;
	padding: 0px;
	
}
.rightcta {
	background: url(../images/marketing-cta.jpg);
	margin: 10px 0px 10px 10px;
	float: right;
	height: 346px;
	width: 289px;
	position: relative;
}
.rightcta a { display:block; height:152px; width:289px; }
.rightcta a img { display:none; }
.rightcta a:hover img { display:block; }