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

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

body {
	background: url(/frontpage/images/html_bg.png) top left repeat-x;
	background-color: #f1f0eb;
}

#main {padding-bottom: 200px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -200px; /* negative value of footer height */
	height: 200px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#wrap {
	width: 825px;
	border: 6px solid #eeebd7;
	background: url(/frontpage/images/body_bg.png) top left repeat-y;
}

#footer {
	width: 825px;
	background: url(/frontpage/images/footer_bg.png) left bottom repeat-x;
}
#footer p {
	text-align:center;
	color: #fff;
	width: 625px;
	padding-top: 5px;
	padding-left: 100px;
	margin-bottom: 40px;
	display: block;
}

#header {
	height:110px;
	width:825px;
	margin:0;
	padding:0;
	border-bottom: 4px solid #eeebd7;
	background-color: #fcb415;
	background:url(/frontpage/images/header_bg.gif) top left no-repeat;
	cursor:pointer;
}

#searchbar {
	color: #fff;
	font-weight: 600;
	height: 51px;
	width: 825px;
	margin: 0;
	padding: 0;
	border-bottom: 4px solid #eeebd7;
	background-color: #fcb415;
}
#sidebar {
	float: left;
	position: relative;
	width: 171px;
	margin: 0 4px 0 0;
	padding: 65px 0 0 0;
	background: url(/frontpage/images/sidebar_bg_header.png) top center no-repeat;
}
#sidebar ul {
	padding: 5px;
	width: 161px;
	list-style:none;
	margin:0;
}
#sidebar ul a {
	text-decoration: none;
	color: #fff;
	font-weight:700;
	display: block;
}
#sidebar ul li {
	display: block;
	padding: 2px 5px 2px 5px;
	margin: 0;
}
#sidebar ul li:hover {
	background-color: #999999 !important;
}
#serviceslink {
	display: block;
	height: 144px;
	width: 152px;
	background:url(/frontpage/images/sidebar_services_link.png) center no-repeat;
	text-indent: -2000px;
	padding: 5px 0 5px 20px;
	overflow: hidden;
}

#alcohollink {
	display: block;
	height: 144px;
	width: 152px;
	background:url(/frontpage/images/sidebar_alcohol_link.png) center no-repeat;
	text-indent: -2000px;
	padding: 5px 0 5px 20px;
	overflow: hidden;
}

#smokinglink {
	display: block;
	height: 144px;
	width: 152px;
	background:url(/frontpage/images/sidebar_smoking_link.png) center no-repeat;
	text-indent: -2000px;
	padding: 5px 0 5px 20px;
	overflow: hidden;
}

#maincontent {
	float: left;
	position: relative;
	width: 620px;
	padding: 15px;
}

#intro {
	height: 178px;
	width: 620px;
	color: #fff;
	font-size: 1.4em;
	margin: 10px 0px;
}

#introleft {
	height: 158px;
	width: 340px;
	padding: 10px 15px 10px 15px;
	color: #fff;
	font-size: 15px;
	text-align:justify;
	float: left;
	font-family: Rockwell, Arial, Helvetica, sans-serif;
	background: url(/frontpage/images/greenhomebg.jpg) center no-repeat;	
}

#introright {
	height: 178px;
	width: 239px;
	float: right;
}

#introvid {
	height: 350px;
	width: 620px;
	color: #fff;
	font-size: 1.4em;
	background: url(/frontpage/images/bluewide.jpg) center no-repeat;
}

#introleftvid {
	height: 336px;
	width: 294px;
	/*padding: 10px 15px 10px 15px;*/
	padding: 15px 15px 0px 15px;
	color: #fff;
	font-size: 13px;
	float: left;
	font-family: Rockwell, Arial, Helvetica, sans-serif;
	text-align:justify;
}

#introrightvid, #introrightbgvid {
	height: 178px;
	width: 284px;
	float: right;
}

#introrightbgvid{
	/*background: url(/frontpage/images/pinkhomecontact.jpg) center no-repeat;*/
	/*height:350px;*/
	padding: 50px 10px 0px 0px;
	text-align:justify;
	Rockwell,Arial,Helvetica,sans-serif;
}

#introleftvid table, #introleftvid table ul{
	margin-bottom: 2px;
}

#featured_site {
	position:relative;
	margin-top: 00px;
	height: 220px;
	width: 590px;
	padding: 0px 15px 15px 15px;
	color: #000;
	background: url(/frontpage/images/featuredsite_orange_bg.jpg) center no-repeat;
	cursor: pointer;
	font-size:12px;
	text-align:justify;
}

#featured_week_site {
	position:relative;
	margin: 10px 0px;
	height: 220px;
	width: 590px;
	padding: 15px 15px 0px 15px;
	color: #fff;
	background: url(/frontpage/images/featuredsite_christmas_bg.jpg) center no-repeat;	
	text-align:justify;
}

#screenshot {
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	text-decoration: none;
	height: 130px;
	margin-top:20px;
	width: 180px;
	background: url(/frontpage/images/featuredsite_screenshot.jpg) center no-repeat;
}

#featured_site h2 {
	padding: 15px 0 0 0;
	margin: 0;
}

#alcotracker {
	position:relative;
	float:left;
	margin-top: 10px;
	height: 140px;
	width: 620px;
	background: url(/frontpage/images/alco_tracker.jpg) center no-repeat;
	cursor: pointer;
}

.small_yellow_box {
	width:330px;
	height:195px;
	background: url(/frontpage/images/small_yellow_bg.jpg) center no-repeat;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 15px;
}
.small_yellow_box2 {
	width:330px;
	height:195px;
	background: url(/frontpage/images/small_yellow_bg.jpg) center no-repeat;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 15px;
}
.small_yellow_box .screenshot {
	width: 150px;
	height: 195px;
	background: url(/frontpage/images/small_site_update.jpg) center no-repeat;
}

.small_yellow_box2 .screenshot {
	width: 150px;
	height: 195px;
	background: url(/frontpage/images/small_site_update2.jpg) center no-repeat;
}

.small_yellow_box h2 {
	padding: 10px 0 5px 0;
	margin: 0;
}
.small_yellow_box2 h2 {
	padding: 10px 0 5px 0;
	margin: 0;
}

.tall_blue_box {
	color: #fff;
	width:220px;
	height:245px;
	margin-top: 10px;
	padding: 15px;
	background: url(/frontpage/images/short_poll_box.jpg) center no-repeat;
}



#featurebox {
	margin-top:0px;
	width: 590px;
	height: 290px;
	padding: 15px;
	background: url(/frontpage/images/featuerbox_BG.gif) center no-repeat;
}
#featurebox ul {
	display: inline;
	list-style: none;
}

#featurebox li {
	display: inline-block;
	margin:14px 11px 0px 13px;
	height: 80px;
	width: 90px;
	background: url(/frontpage/images/featurebox_icon_bg.gif) center no-repeat;
	cursor: pointer;
}

#featurecontent {
	width: 570px;
	height: 155px;
	margin: 20px 15px 0px 10px;
}

#featurecontenttext {
	width: 335px; 
	height: 155px;
	float: left;
	cursor:pointer;
}

#featurecontenttext h2 {
	padding: 0;
	margin: 0;
	font-size: 1.4em;
}

#featurecontentimage {
	width: 200px; 
	height: 155px; 
	float: right;
	cursor:pointer;
}

.left {
	float: left;
}
.right {
	float: right;
}

.pds-pd-link{
	display:none !important;
}

.footerlinks a{
	color:#fff;
}

#test_kit{
	width: 620px;
	height: 135px;
	background: url(/frontpage/images/chlamydia_kit_bg.jpg) center no-repeat;
	margin-bottom:10px;
	cursor:pointer;
}