/* CSS Document */

/*=========================================*/
/*    Author: Chris Johnson                */
/*    Company: Corporate 3 Design          */
/*    Client: Sexual Wellness Microsite    */
/*    Date: August 12, 2008                */
/*=========================================*/

/*==================================*/
/*---------- PAGE/GENERAL ----------*/
/*==================================*/
* {
	margin: 0;
	padding: 0;
}


html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	background: url(../images/main/body_bg.gif) repeat top left;
}

.clear {
	clear:both;
}

a:link, a:visited, a:active {color: #850314; text-decoration: none;}
a:hover {color: #3774c0;}

img {
	border: 0;
}

.bold {
	font-weight: bold;
}

#shadow_wrapper {
	width: 100%;
	background:url(../images/main/pageshadow_bg.png) repeat-y 50% 50%;
}

#wrapper {
	width: 911px;
	background-color: #fff;
	margin: 0 auto;
	border: 1px solid #c1b6b0;
	border-width: 0 1px 1px 1px;
}

/*==================================*/
/*------------ HEADER --------------*/
/*==================================*/

ul#header {
	width: 911px;
	height: 243px;
	background: url(../images/main/header.jpg) top left no-repeat;
	list-style:none;
	text-indent: -9999em;
	overflow:hidden;
}

ul#header li {
	width: 460px;
	height: 116px;
	float: left;
}

ul#header li a {
	display:block;
	width: 460px;
	height: 116px;
}

/*==================================*/
/*---------- NAVIGATION ------------*/
/*==================================*/

ul#navigation {
 	width: 905px;
 	height: 43px;
	background: url(../images/main/tabbedmenu_bg.gif) top left no-repeat;
	list-style:none; 
 	position: relative;
	margin: 0 0 23px 6px;
}

ul#navigation li {margin: 0; padding: 0; list-style: none; float: left;}

ul#navigation a {display: block; text-align: center;}

#home {left: 0px; top: 0px; width: 129px; height: 43px;}
#news {left: -129px; top: 0px; width: 129px; height: 43px;}
#services {left: -258px; top: 0px; width: 129px; height: 43px;}
#aboutus {left: -387px; top: 0px; width: 129px; height: 43px;}
#contactdirections {left: -516px; top: 0px; width: 129px; height: 43px;}
#resources {left: -645px; top: 0px; width: 129px; height: 43px;}
#whattoexpect {left: -774px; top: 0px; width: 131px; height: 43px;}

#home a {height: 43px;}
#news a {height: 43px;}
#services a {height: 43px;}
#aboutus a {height: 43px;}
#contactdirections a {height: 43px;}
#resources a {height: 43px;}
#whattoexpect a {height: 43px;}

#home a:hover {background: url(../images/main/tabbedmenu_bg.gif) 0px -43px no-repeat; color: #2d93cf;}
#news a:hover {background: url(../images/main/tabbedmenu_bg.gif) -129px -43px no-repeat; color: #2d93cf;}
#services a:hover {background: url(../images/main/tabbedmenu_bg.gif) -258px -43px no-repeat; color: #2d93cf;}
#aboutus a:hover {background: url(../images/main/tabbedmenu_bg.gif) -387px -43px no-repeat; color: #2d93cf;}
#contactdirections a:hover {background: url(../images/main/tabbedmenu_bg.gif) -516px -43px no-repeat; color: #2d93cf;}
#resources a:hover {background: url(../images/main/tabbedmenu_bg.gif) -645px -43px no-repeat; color: #2d93cf;}
#whattoexpect a:hover {background: url(../images/main/tabbedmenu_bg.gif) -774px -43px no-repeat; color: #2d93cf;}

/* highlight tab based on page */
#homepage #home a {background: url(../images/main/tabbedmenu_bg.gif) 0px -43px no-repeat; color: #2d93cf;}
#newspage #news a {background: url(../images/main/tabbedmenu_bg.gif) -129px -43px no-repeat; color: #2d93cf;}
#servicespage #services a {background: url(../images/main/tabbedmenu_bg.gif) -258px -43px no-repeat; color: #2d93cf;}
#aboutuspage #aboutus a {background: url(../images/main/tabbedmenu_bg.gif) -387px -43px no-repeat; color: #2d93cf;}
#contactdirectionspage #contactdirections a {background: url(../images/main/tabbedmenu_bg.gif) -516px -43px no-repeat; color: #2d93cf;}
#resourcespage #resources a {background: url(../images/main/tabbedmenu_bg.gif) -645px -43px no-repeat; color: #2d93cf;}
#whattoexpectpage #whattoexpect a {background: url(../images/main/tabbedmenu_bg.gif) -774px -43px no-repeat; color: #2d93cf;}

/*==================================*/
/*----------- CONTENT --------------*/
/*==================================*/

/*----------- LEFT COLUMN -----------*/
#content_left_column{
	width: 584px;
	float: left;
	padding: 0 23px 18px 23px;
	font-size: .8em;
}

#content_left_column ul{
	list-style: none;
	margin: 0 0 23px 0;
}

#content_left_column ul li {
	background: url(../images/main/bullet.gif) no-repeat 0% 50%;
	padding: 0 0 0 12px;
}

#content_left_column a, #content_left_column a:visited, #content_left_column a:active {
	text-decoration: underline;
}

#content_left_column img{
	margin: 0 20px 0 0;
	float: left;
}

#content_left_column h1 {
	width: 584px;
	color: #850314;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 13px 0;
	line-height: 140%;
}

#content_left_column h2 {
	width: 584px;
	color: #848484;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0 0 5px 0;
	line-height: 130%;
}

#content_left_column h3 {
	width: 584px;
	color: #3774c0;
	font-size: 1em;
	font-weight: normal;
}

#content_left_column p {
	margin: 0 0 23px 0;
	line-height: 140%;
}

/*----------- RIGHT COLUMN -----------*/
#content_right_column{
	width: 257px;
	float: left;
	background-color: #3774c0;
	margin: 0 0 18px 0;
	padding: 0 0 18px 0;
}

#content_right_column h3{
	color: #d1c427;
	font-size: 1.2em;
	font-weight: normal;
	margin: 20px 18px 10px 18px;
}

#content_right_column p{
	font-size: .8em;
	padding: 0 18px 0 18px;
	color: #fff;
}

#content_right_column p.address {
	padding: 15px 18px 15px 18px;
}

#content_right_column p.newsdetail:after {
	content: url(../images/main/circles.gif);
}

#content_right_column p a{
	color: #d1c427;
	font-size: 1.2em;
	text-decoration: underline;
	line-height: 150%;
	
}

#content_right_column p a:hover {
	color: #efe358;
}

#content_right_column ul {
	list-style: none;
	width: 247px;
	padding: 5px;
}

#content_right_column ul li a{
	width: 227px;
	display: block;
	color: #d1c427;
	text-transform:uppercase;
	font-size: .7em;
	line-height: 150%;
	padding: 3px 10px 3px 10px;
	border: 1px solid #3774c0;
	border-width: 0 0 1px 0;
}

#content_right_column ul li.active a {
	width: 227px;
	display: block;
	color: #3774c0;
	text-transform:uppercase;
	font-size: .7em;
	line-height: 150%;
	padding: 3px 10px 3px 10px;
	background-color:#f3cd63; 
	border: 1px solid #3774c0;
	border-width: 0 0 1px 0;
}

#content_right_column ul li a:hover{
	color: #3774c0;
	background-color:#f3cd63; 
}

/* Change the header based on the body ID */
#content_right_column h2 {background: url(../images/home/news_header.jpg) top left no-repeat; text-indent: -5000em; overflow:hidden; width: 257px; height: 75px;}
#newspage #content_right_column h2 {background: url(../images/home/news_header.jpg) top left no-repeat; text-indent: -5000em; overflow:hidden; width: 257px; height: 75px;}
#servicespage #content_right_column h2 {background: url(../images/main/services_head.jpg) top left no-repeat; text-indent: -5000em; overflow:hidden; width: 257px; height: 75px;}
#aboutuspage #content_right_column h2 {background: url(../images/home/news_header.jpg) top left no-repeat; text-indent: -5000em; overflow:hidden; width: 257px; height: 75px;}
#contactdirectionspage #content_right_column h2 {background: url(../images/main/contactdirections_head.jpg) top left no-repeat; text-indent: -5000em; overflow:hidden; width: 257px; height: 75px;}
#resourcespage #content_right_column h2 {background: url(../images/main/resources_head.jpg) top left no-repeat; text-indent: -5000em; overflow:hidden; width: 257px; height: 75px;}
#whattoexpectpage #content_right_column h2 {background: url(../images/main/whattoexpect_head.jpg) top left no-repeat; text-indent: -5000em; overflow:hidden; width: 257px; height: 75px;}


/*----------- FEATURE BOXES----------- */

#feature1 {
	width: 296px;
	float: left;
	padding: 0 6px 7px 5px;
}

#feature2 {
	width: 296px;
	float: left;
	padding: 0 0 7px 0;
}

#feature3 {
	width: 296px;
	float: left;
	padding: 0 5px 7px 6px;
}

/*==================================*/
/*------ GENERAL FORM ELEMENTS -----*/
/*==================================*/

#content_left_column select{
	width: 415px;
}

#content_left_column label {
	color: #850314;
	font-weight: bold;
}

#content_left_column input {
	border: 1px solid #848484;
	padding: 4px 0 4px 0;
	background-color: #fff;
	vertical-align: middle;
	width: 415px;
}

#content_left_column input:focus {
	background-color: #ebebeb;
}

#content_left_column textarea {
	border: 1px solid #848484;
	padding: 4px 0 4px 0;
	background-color: #fff;
	width: 415px;
}

#content_left_column textarea:focus {
	background-color: #ebebeb;
}

#content_left_column form {
	margin: 0 0 18px 0;
}

#content_left_column form ul {
	list-style: none;
}

#content_left_column form ul li {
	padding: 0 0 10px 0;
	background-image: none;
}

#content_left_column button{
	background-color: #3774c0;
	width: 120px;
	height: 32px;
	cursor: pointer;
	border: none;
	color: #fff;
	padding: 5px;
	text-transform: uppercase;
	border: 1px solid #2b60a3;
	font-size: 1.1em;
	text-align: center;
}

#content_left_column button:hover{
	background-color:#f3cd63;
	color:#3774c0;
	border: 1px solid #dab54d;
}



/*==================================*/
/*----------- Newsletter Signup ---------------*/
/*==================================*/

#newsletterWrap {
	position:absolute;
	width:270px;
	min-height:200px;
	top:40%;
	left:-270px;
	padding:20px 0;
	background:#860315;
	z-index:3;
	
	-moz-box-shadow: 2px 0 10px #333; /* For shadow effect to work in supported versions of Mozilla */
	-webkit-box-shadow: 2px 0 10px #333; /* For shadow effect to work in supported versions of Safari */
	box-shadow: 2px 0 10px #333;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:0;

}
#newsletterWrap.open {
	left:0;
}
#newsletterTrigger,
#newsletterTrigShadow {
	display:block;
	width:80px;
	height:40px;
	position:absolute;
	right:-90px;
	top:0;
	background:#FFD86F;
	border:1px solid A65D38#;
	padding:10px 5px 5px;
	color:#860315;
	text-align:left;
	z-index:2;
	cursor:pointer;
	


	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:0;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:0;

}
#newsletterTrigShadow {
	width:75px;
	z-index:0;
	
	-moz-box-shadow: 0 0 10px #333; /* For shadow effect to work in supported versions of Mozilla */
	-webkit-box-shadow: 0 0 10px #333; /* For shadow effect to work in supported versions of Safari */
	box-shadow: 0 0 10px #333;
}
#newsletterWrap p {
	font-size:.9em;
	color:#fff;
	padding:5px 20px 5px 30px;
}

#newsletterWrap label.error {
	display:block;
	color:#FC6;
}

/*==================================*/
/*----------- FOOTER ---------------*/
/*==================================*/

#footer {
	background: url(../images/main/footertexture.jpg) repeat;
	margin: 0 7px 7px 7px;
	width: 897px;
	text-align:center;
	font-size: .8em;
	padding: 22px 0 22px 0;
	clear: both;
}

#footer ul{
	width: 897px;
	list-style:none;
}

#footer ul li {
	display: inline;
}

#footer ul li a, #footer ul li a:visited, #footer ul li a:active {
	color: #850314;
	font-weight: bold;
	border: 1px solid #000;
	border-width: 0 1px 0 0;
	padding: 0 5px 0 3px;
	font-size: 1.05em;
}

#footer ul li.lastitem a, #footer ul li.lastitem a:visited, #footer ul li.lastitem a:active {
	color: #850314;
	font-weight: bold;
	border: none;
	padding: 0 5px 0 3px;
	font-size: 1.05em;
}

#footer ul li a:hover, #footer ul li.lastitem a:hover {
	text-decoration: underline;
	color: #3774c0;
}

#footer p{
	padding: 12px 0 0 0;
}

#footer img {
	padding: 18px 0 0 0;
	margin: 0 auto;
}

#bottomshadow {
	width:100%;
	height: 100px;
	background: url(../images/main/bottomshadow.png) 50% 50% no-repeat;
}

#copyright {
	color: #2f80ad;
	font-size: .7em;
	padding: 24px 0 0 0;
}