@charset "UTF-8";
/* MOBIUS NEW MEDIA */
/* CLEAR DEFAULTS */
p, h1, h2, h3, h4, h5, h6, dd, dt, dl, ul, ol, li, hr, td, tr, img, a, form, fieldset, label, input, legend, table, thead, tbody, tfoot, span {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
/* LAYOUT */
body {
	font: 62.5%/1.4em Helvetica, Arial, sans-serif;/* 62.5% sets the default font size to 10px, 1.4em is a 14px line height. use em's for variable font sizes like this: 14px = 1.4em */
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(../images/body_bg.jpg) repeat-x top center #e1eec3;
}
#container { /* main container to hold all divs */
	margin: 0 auto;
	padding: 0;
	width: 900px;
	background: none;
	text-align: left;
}
#header { /* header should include logo and navigation */
	margin: 0;
	padding: 0;
	width: 900px;
	height: 220px;
	background: url(../images/headerBg.png) no-repeat;
	position: relative;
}
#header p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #3a6f8f;
}
#headerTextLeft, #headerTextRight {
	position: absolute;
	bottom: 20px;
	width: 200px;
}
#headerTextLeft {
	left: 0px;
	text-align: left;
}
#headerTextRight {
	right: 0px;
	text-align: right;
}
#logo {
	display: block;
	width: 432px;
	height: 127px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/logo.gif) no-repeat;
	position: absolute;
	top: 60px;
	left: 50%;
	margin: 0 0 0 -216px;
	padding: 0;
}
#logo a {
	display: block;
	width: 100%;
	height: 100%;
}
/* NAVIGATION UL */
#nav {
	margin: 0;
	padding: 0;
}
#mainContent {
	margin: 0;
	padding: 15px 0 0 0;
}
#leftSide {
	margin: 0 0 15px 0;
	padding: 0;
	float: left;
	width: 590px;
	height: 367px;
	background: url(../images/homepage_cycleBg.png) no-repeat;
	position: relative;
}
#imgSlider {
	height: 342px;
	width: 590px;
	position: absolute;
	top: 15px;
	left: 0;
	list-style: none;
	overflow: hidden;
}
#imgSlider li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#rightSide {
	float: right;
	margin: 0 0 15px 0;
	padding: 0;
	width: 280px;
}
.contentBox {
	width: 280px;
	margin: 0;
	padding: 0;
	background: url(../images/contentBox_bg.gif) no-repeat 0 40px;
	position: relative;
}
.contentBox p {
	padding: 0 30px;
	margin: 0;
}
.contentBoxBottom {
	width: 280px;
	height: 40px;
	position: absolute;
	bottom: -40px;
	background: url(../images/box_bottom.png) no-repeat;
}
#welcome {
	height: 327px;
}
#drJenn, #symptomSurvey, #effectiveResults {
	float: left;
	margin: 0 30px 60px 0;
	height: 230px;
}	
#effectiveResults.contentBox p {
	background: url(../images/contentBox_quotes.gif) no-repeat;
	padding: 0 50px 0 54px;
}
#effectiveResults.contentBox p em {
	color: #3a6f8f;
	line-height: 1.8em;
}
#effectiveResults  {
	margin: 0;
}
#footer {
	margin: 0 0 100px 0;
	padding: 20px 30px;
	width: 840px;
	height: 55px;
	background: url(../images/footerBg.png) no-repeat;
	position: relative;
}
#footer p {
	text-align: center;
	color: #3a6f8f;
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
}
#footer p.red, #header p.red {
	color: #a35e67;
	font-size: 1.4em;
}
#footer p.small {
	font-size: 1.1em;
}
#footer_mobius {
	width: 80px;
	height: 74px;
	position: absolute;
	left: 50%;
	bottom: -84px;
	margin: 0 0 0 -40px;
	background: url(../images/footer_mobiusLogo.png) no-repeat;
}
/* FONTS */
p {
	font-size: 1.3em;
	line-height: 1.2em;
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}
h1 {
	font-size: 2.4em;
	color: #000;
	margin-bottom: 10px;
}
h2 {
	font-size: 2.1em;
	color: #000;
	margin-bottom: 10px;
}
h3 {
	font-size: 1.8em;
	color: #000;
	margin-bottom: 10px;
}
h4 {
	font-size: 1.6em;
	color: #000;
	margin-bottom: 10px;
}
h5 {
	font-size: 1.4em;
	color: #000;
	margin-bottom: 10px;
}
h6 {
	font-size: 1.2em;
	color: #000;
	margin-bottom: 10px;
}
.imageReplace {
	display: block;
	text-indent: -9999em;
	overflow: hidden;
}
#h2_welcome, #h2_effectiveResults, #h2_drJenn, #h2_symptomSurvey {
	width: 280px;
	height: 42px;
}
#h2_welcome {
	background: url(../images/h2_welcomeSCHC.png) no-repeat;
}
#h2_effectiveResults {
	background: url(../images/h2_effectiveResults.png) no-repeat;
}
#h2_drJenn {
	background: url(../images/h2_drJenn.png) no-repeat;
}
#h2_symptomSurvey {
	background: url(../images/h2_symptomSurvey.png) no-repeat;
}
#a_comingSoon {
	width:201px;
	height: 30px;
	background: url(../images/link_comingSoon.png) no-repeat;
	position: absolute;
	bottom: -29px;
	right: 1px;
}	

/* LINKS */
a:link, a:visited {
	text-decoration: none;
	color: #a35e67;
}
a:hover, a:active {
	color: #3a6f8f;
}
a:focus {
	outline: none;
}
/* LISTS */
ul.basicList {
	margin: 0;
	padding: 0;
	list-style: circle;
}
ul.basicList li {
	margin: 0;
	list-style: circle;
}
/* TABLES */
table.basicTable {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
table.basicTable td {
	margin: 0;
	padding: 0;
}
/* FORMS */

/* MISC. STYLING CLASSES */

/* ULTILITIES */
.clearfloat { /* use <br class="clearfloat" /> before close of </div> to contain all floated divs inside of it */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
}
.imgRight {
	margin: 0 0 20px 20px;
	float: right;
	border: 2px solid #E2EEC2;
}
.imgLeft {
	margin: 0 10px 10px 0;
	float: left;
	border: 2px solid #E2EEC2;
}
.floatright { 
	margin: 0;
	padding: 0;
	float: right;
}
.floatleft {
	margin: 0;
	padding: 0;
	float: left;
}