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

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}
@font-face {
	font-family: 'CalibriRegular';
	src: url('calibri-webfont.eot');
	src: local('☺'), url('calibri-webfont.woff') format('woff'), url('calibri-webfont.ttf') format('truetype'), url('calibri-webfont.svg#webfontGZWMpjU4') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaMedium';
	src: url('futuram-webfont.eot');
	src: local('☺'), url('futuram-webfont.woff') format('woff'), url('futuram-webfont.ttf') format('truetype'), url('futuram-webfont.svg#webfontwITybapS') format('svg');
	font-weight: normal;
	font-style: normal;
}
html {
	background: #CA321D;
}

a:link { color: #bf313a; font-weight: bold; text-decoration: none; }
a:visited { color: #bf313a; font-weight: bold; }
a:hover { text-decoration: underline; }
a:active { text-decoration: underline; }

body {
	background: #FAF6F1;
	color: #000;
	font-size: 62.5%;
	font-family: 'CalibriRegular', Arial, Helvetica, sans-serif;
}

.wrapper {
	margin: 0 auto;
	width: 960px;
}

#header {
	height: 105px;
	padding: 50px 0 20px 0;
	width: 960px;
	margin: 0 auto;
}
	#header .logo {
		padding: 0 30px 0 0; 
		float: left;
		border-right: 2px solid #fcc130;
	}
	#tagline { 
		float: left; 
		margin: 12px 0 0 30px;
		width: 280px;
		height: 80px;
		background: url(../../images/tagline.png);
	}
	#optix { 
		width: 218px;
		height: 92px;
		float: right;
		background: url(../../images/logo_small-phone.png);
		margin: 0px 0 0 0;
	}
	
#nav {
	width: 100%;
	background: #f4ebdf;
	height: 50px;
	clear: both;
	font-family: Century Gothic, 'FuturaMedium', Arial, Helvetica, sans-serif;
}

	#nav ul { width: 960px; margin: 0 auto; background: #eee1d0; }
	#nav ul li {
		float: left;
		border-right: 2px solid #f3e8db;
	}
	#nav ul li.last {border-right: none; }
	
	#nav ul li a {
		width: 135px;
		display: block;
		height: 50px;
		line-height: 50px;
		text-decoration: none;
		color: #b91800;
		text-align: center;
		font-size: 1.6em;
		background: #eee1d0;
	}
	
	#nav ul li a:hover, #nav ul li.active a {
		background: #bf311a;
		color: #f3e8db;
	}
	
#featured {
	width: 929px;
	height: 209px;
	padding: 35px 0 0 40px;
	margin: 0 auto;
	margin-top: 17px;
	margin-bottom: 17px;
	background: url(images/featured_bg.png) no-repeat;
	font-size: 1.4em;
	position: relative;
}
	#featured a { text-decoration: none; }
		#featured a:hover { text-decoration: underline; }
	#featured h1 { float: left; font-family: Century Gothic, 'FuturaMedium', Arial, Helvetica, sans-serif; color: #ee2f1e; font-size: 2.2em; font-weight: bold; width: 560px; }
	.featuredp { float: left; clear: left; width: 560px; text-align: justify; font-size: 1.1em; padding-top: 4px; }
	.featuredQuiz { position: absolute; bottom: 65px; left: 40px; font-weight: 800; }
	#featuredPic { float: right; clear: none; margin: -60px 12px 0 0; }

#main {
	background: #eddfcc;
	font-size: 1.4em;
	text-align: justify;
}

	#main p {
		margin-bottom: 15px; 
	}
	
	#main h1 {
		font-size: 2em;
		font-weight: bold;
		line-height: 100%;
		margin-bottom: 10px;
		color: #EE2F1E;
	}
	
	#main h2 {
		font-size: 1.8em;
		font-weight: bold;
		line-height: 100%;
		margin-bottom: 7px;
	}

	#main h3 {
		font-size: 1.6em;
		font-weight: bold;
		line-height: 100%;
		margin-bottom: 5px;
	}

	#main h4 {
		font-size: 1.4em;
		font-weight: bold;
		line-height: 100%;
		margin-bottom: 5px;
	}

	#main h5 {
		font-size: 1.3em;
		font-weight: bold;
		line-height: 100%;
		margin-bottom: 5px;
	}

	#main h6 {
		font-size: 1.2em;
		font-weight: bold;
		line-height: 100%;
		margin-bottom: 5px;
	}
	
	#main ul li {
		margin-left: 2em;
		display: list-item;
		list-style-type: disc;
		line-height: 125%;
	}
	
		#main ul li ul li {
			margin-left: 1.5em;
			list-style-type: circle;
			display: list-item;
		}
	
	#main ol li {
		margin-left: 2em;
		display: list-item;
		list-style-type: decimal;
		line-height: 125%;
	}
	
	#main ul, #main ol {
		margin-bottom: 10px;
	}

#main blockquote {
	color: #333;
	font-style: italic;
	padding: 0em 0em 0em 1.5em;
	margin-left: 2.5em;
	border-left: 3px solid #000;
}

/* ONE COLUMN TEMPLATE */
#content {
	width: 960px;
	padding: 25px 0px;
}

/* TWO COLUMN TEMPLATE */
#content2 {
	width: 600px;
	margin: 25px 0px 25px 25px;
	padding: 0 50px 0 0;
	float: left;
	border-right: 1px solid #fcc130;
}
	
#sidebar {
	width: 235px;
	padding: 25px 15px;
	float: right;
}

	#sidebar p { margin-bottom: 10px; }

	#search { margin: 15px; }
	
#footer {
	height: 51px;
	line-height: 51px;
	width: 100%;
	clear: both;
	background: url(images/footer_bg.png) repeat-x;
	font-size: 1.4em;
}
	#footer a { color: #fff; }
	#footer .legal { text-align: left; width: 960px; margin: 0 auto; color: #fff; }
	
em { font-style: italic; }
strong { font-weight: bold; }

.clear { clear: both; }
.right { float: right; }
.left { float: left; }
.center { margin: 0 auto; text-align: center; }
.inline { display: inline; }
.block { display: block; }

.small { font-size: .8em; }
.large { font-size: 1.2em; }

.imageLeft { float: left; margin-right: 5px; }
.imageRight { float: right; margin-left: 5px; }

.redline { border-bottom: 1px solid #EE3524; padding-bottom: 10px; clear: both; }
.red { color: #bf313a;  font-weight: bold; }

/* HOME PAGE */
#id1 #content { background: url(../../images/home_background.jpg) 0px 60px no-repeat; height: 320px; }
#id1 #content p { float: left; margin-left: 310px; }
#id1 #content ul { float: left; width: 290px; }
	.shorter { margin-left: 380px; }
	
/* FAQ PAGE */
#id3 #content2 { width: 450px; }
#id3 #sidebar { width: 400px; text-align: left; font-size: 90%; }
#id3 #sidebar ul li { margin-left: .8em; }
#id3 #sidebar .left { width: 220px; }
#id3 #sidebar .right { width: 180px; }
#id3 #featured a { text-decoration: none; }
	#id3 #featured a:hover { text-decoration: underline; }
	
/* CONTACT PAGE */
#id7 #content2 { width: 700px; border-right: none; padding-right: 0px; }
#id7 #sidebar { width: 205px; padding: inherit 0px; }

/* SYMPTOMS CHECKLIST PAGE */
#id16 #nav { margin-bottom: 2px; }
#id16 #featured { display: none; }

/* FORMS PAGE */
#id19 #featured { display: none; }
#id19 #main { background: #eadac4 url(images/main_bg2.png) repeat-x; }
#id19 #main #content { width: 635px; padding-left: 140px; }