@charset "UTF-8";

/* Main ////////////////////////////////////////////////////////// */

/* Sets all Defaults to 0 */

* {
	padding: 0px;
	margin: 0px;
}

html, body  {
	font-family: Calibri, sans-serif;
	font-size: 14px;
	line-height: 22px;
	background: url(../img/images/background.jpg) repeat-x top #F0D89E;
	color: #595959;
}

#container {
	width: 874px;
	margin: 0px auto;
	position: relative;
	background: transparent url(../img/images/container.png) bottom;
	padding: 0px 32px 64px 32px;
}

.clearboth {
	clear: both;
	height: 0px;
}

img {
	border: 0px;
}

/* Typography ////////////////////////////////////////////////////////// */

@font-face {
	font-family: Archer;
	src: url("../font/archer.eot") /* EOT file for IE */
}

@font-face {
	font-family: Archer;
	src: url("../font/archer.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
	font-family: Calibri;
	src: url("../font/calibri.eot") /* EOT file for IE */
}

@font-face {
	font-family: Calibri;
	src: url("../font/calibri.ttf") /* TTF file for CSS3 browsers */
}

a:link, a:active, a:visited { 
	text-decoration: underline; 
	color: #595959;
	font-weight: bold;
}

a:hover, a:focus { 
	text-decoration: underline; 
	color: #595959; 
}

a:active {
	outline: none;
}

:focus
{
	-moz-outline-style: none;
}

h2 {
	color: #FD6B00;
	font-family: Archer;
	font-size: 32px;
	margin-bottom: 15px;
}

h3 {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 15px;
}

h5 {
	font-family: Archer;
	font-size: 15px;
	color: #595959;
}

p {
	padding-bottom: 15px;
}

ul, ol {
	padding: 0px;
	margin-bottom: 15px;
	list-style: none;
}

ul.orange {
	margin-bottom: 15px;
}

ul.orange li {
	list-style-image: url(../img/images/li.jpg);
	margin-left: 13px;
}

/* Header ////////////////////////////////////////////////////////// */

#logo {
	display: inline;
	float: left;
	width: 547px;
	height: 105px;
}

#logo h1 a {
	display: block;
	width: 315px;
	height: 105px;
	background: url(../img/images/ofw_logo.jpg);
	text-indent: -9999px;
}

#top_right {
	float: right;
	width: 327px;
	height: 105px;
}

#top_right h3 a {
	display: block;
	width: 327px;
	height: 105px;
	background: url(../img/images/sign_up.jpg);
	text-indent: -9999px;
}

/* Home Callout //////////////////////////////////////////////////////////////// */

#home_callout {
	width: 874px;
	height: 325px;
	background: url(../img/images/home_callout.jpg);
	position: relative;
	margin-bottom: 28px;
}

#callout_nav {
	width: 161px;
	height: 307px;
	display: inline;
	float: left;
	padding-top: 18px;
}

#callout_nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	top: 0px;
	left: 0px;
	width:  161px;
	height: 325px;
	float: left;
}

#callout_nav ul li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
}

#callout_nav li a {
	border: 0;
	display: block;
	height: 59px;
	background: url(../img/images/callout_nav1.jpg) no-repeat;
}

#callout_nav li a:hover {
	border: 0;
	display: block;
	background-image: url(../img/images/callout_nav2.jpg);
}

#callout_nav li a.current {
	background-image: url(../img/images/callout_nav2.jpg);
}

#callout_nav li a:hover.current {
	background-color: transparent;
	color: white;
}

#callout_nav li#whoweare a {
	width: 161px;
}
 
#callout_nav li#whoweare a:link,
#callout_nav li#whoweare a:visited,
#callout_nav li#whoweare a:hover {
	background-position: 0px 0px;
}

#callout_nav li#whatwedo a {
	width: 161px;
}

#callout_nav li#whatwedo a:link,
#callout_nav li#whatwedo a:visited,
#callout_nav li#whatwedo a:hover {
	background-position: 0px -59px;
}

#callout_nav li#whyjoin a {
	width: 161px;
}

#callout_nav li#whyjoin a:link,
#callout_nav li#whyjoin a:visited,
#callout_nav li#whyjoin a:hover {
	background-position: 0px -118px;
}

#callout_nav li#testimonials a {
	width: 161px;
}

#callout_nav li#testimonials a:link,
#callout_nav li#testimonials a:visited,
#callout_nav li#testimonials a:hover {
	background-position: 0px -177px;
}

#callout_nav li#howtojoin a {
	width: 161px;
}

#callout_nav li#howtojoin a:link,
#callout_nav li#howtojoin a:visited,
#callout_nav li#howtojoin a:hover {
	background-position: 0px -236px;
}

#callout_dynamic {
	float: left;
	width: 420px;
	height: 325px;
	position: relative;
	z-index:1000;
}
	.slate-single {
		position: absolute;
		left:15px;
		top:53px;
		width:375px;
		height:215px;
		background:url(../img/images/single-back.jpg) 0 0 no-repeat;
		z-index:1000;
	}
	
	.slate-gallery {
		position: absolute;
		left:15px;
		top:18px;
		width:375px;
		height:295px;
		background:url(../img/images/gallery-back.jpg) 0 0 no-repeat;
		z-index:1000;
	}
	
		.slate-image {
			position: absolute;
			left:6px;
			top:5px;
			width:360px;
			height:203px;
			display: block;
			z-index:1;
		}
			.slate-image img {
				position: absolute;
				top:0px;
				left:0px;
				width:360px;
				height:203px;
				display: block;
				z-index:1;
			}
			.slate-image a {
				display: block;
				position: absolute;
				top:0px;
				left:0px;
				width:360px;
				height:203px;
				z-index:1000;
				cursor:pointer;
				background:url(../img/images/play_arrow.png) 0 0 no-repeat;
			}
				.slate-image a:hover {
					background:url(../img/images/play_arrow.png) 0 0 no-repeat;
				}
			
			.slate-gallery .prev-btn, .slate-gallery .next-btn {
				position: absolute;
				display: block;
				width:9px;
				height:23px;
				top:245px;
				text-indent: -9999px;
			}
				.slate-gallery .prev-btn {
					left:10px;
					background: url(../img/images/prev-btn.gif) 0 0 no-repeat;
				}
				.slate-gallery .next-btn {
					right:10px;
					background: url(../img/images/next-btn.gif) 0 0 no-repeat;
				}
			.gallery-slider {
				position: absolute;
				width:300px;
				height:50px;
				overflow: hidden;
				top:231px;
				left:42px;
			}
				.gallery-slider ul{
					width:1000000px;
					position: absolute;
					left:0px;
					top:0px;					
				}
				.gallery-slider li {
					float:left;
					margin-right:11px;
					display: block;
					width:89px;
					height:50px;
					overflow:hidden;
				}

#callout_free {
	width: 293px;
	height: 325px;
	text-indent: -9999px;
	float:left;
}

#callout_button a {
	position: absolute;
	width: 325px;
	height: 54px;
	top: 271px;
	right: 0px;
	display: block;
	text-indent: -9999px;
}

/* Home ////////////////////////////////////////////////////////// */

#home {
	background: url(../img/images/sidebar.jpg) right repeat-y;
	width: 868px;
	margin: 0px auto;
}

#home_left {
	display: inline;
	float: left;
	width: 490px;
}

.icon {
	background: url(../img/images/icon.jpg) top left no-repeat;
	padding: 0px 0px 0px 38px;
	font-size: 15px;
	margin-bottom: 10px;
}

#home_indent {
	padding-left: 15px;
}

#home_right {
	float: right;
	width: 328px;
	padding-right: 14px;
}

#save_green {
	width: 328px;
	height: 178px;
	background: url(../img/images/save_green.jpg);
	text-indent: -9999px;
}

#wide_silver a {
	display: block;
	width: 328px;
	height: 178px;
	background: url(../img/images/wide_silver.jpg);
	text-indent: -9999px;
}

#wide_gold a {
	display: block;
	width: 328px;
	height: 239px;
	background: url(../img/images/wide_gold.jpg);
	text-indent: -9999px;
	margin-bottom: 10px;
}

/* Join Chart ////////////////////////////////////////////////////////// */

#join_chart_home {
	width: 868px;
	height: 637px;
	background: url(../img/images/home_chart.jpg);
	position: relative;
}

#join_chart_inside {
	width: 868px;
	height: 584px;
	background: url(../img/images/inside_chart.jpg);
	position: relative;
}

#join_chart_title {
	position: absolute;
	text-indent: -9999px;
}

#join_chart_silver {
	position: absolute;
	width: 164px;
	height: 558px;
	top: 0px;
	left: 526px;
}

#join_chart_silver a {
	display: block;
	width: 164px;
	height: 558px;
	text-indent: -9999px;
}

#join_chart_gold {
	position: absolute;
	width: 164px;
	height: 558px;
	top: 0px;
	left: 690px;
}

#join_chart_gold a {
	display: block;
	width: 164px;
	height: 558px;
	text-indent: -9999px;
}

#join_chart_audio h4 {
	text-indent: -9999px;
	height: 0px;
}

#join_chart_audio {
	position: absolute;
	width: 370px;
	height: 40px;
	line-height: 18px;
	top: 156px;
	left: 113px;
}

#join_chart_webinars h4 {
	text-indent: -9999px;
	height: 0px;
}

#join_chart_webinars {
	position: absolute;
	width: 370px;
	height: 40px;
	line-height: 18px;
	top: 258px;
	left: 113px;
}

#join_chart_members h4 {
	text-indent: -9999px;
	height: 0px;
}

#join_chart_members {
	position: absolute;
	width: 340px;
	height: 40px;
	line-height: 18px;
	top: 359px;
	left: 113px;
}

#join_chart_ezine h4 {
	text-indent: -9999px;
	height: 0px;
}

#join_chart_ezine {
	position: absolute;
	width: 340px;
	height: 40px;
	line-height: 18px;
	top: 457px;
	left: 113px;
}

/* Teaser ////////////////////////////////////////////////////////// */

#teaser {
	background: url(../img/images/teaser_bg.jpg) no-repeat top right;
	height: 471px;
}

#teaser p {
	width: 525px;
}

#teaser h3 {
	font-family: Archer;
	font-size: 20px;
}

#teaser blockquote {
	font-family: Archer;
	font-size: 20px;
	font-style: italic;
	padding-left: 25px;
	margin-bottom: 15px;
	width: 450px;
}

#teaser_tips {
	padding: 0 25px;
}

.dvd_tip {
	background: url(../img/images/teaser_li_bg.jpg) no-repeat center left;
	text-indent: 25px;
	padding: 5px;
}

/* Inside Pages ////////////////////////////////////////////////////////// */

#inside_indent {
	margin: 50px 0px 30px 20px;
}

/* Big Form ////////////////////////////////////////////////////////// */

.form-error {
	color: red !important;
}

.error-message {
	color: red !important;
}

select.form-error {
	border: solid 1px red;
}

#big_form_dvd {
	width: 460px;
	height: 535px;
	margin: 0px auto 30px;
	padding: 18px 25px;
	background: url(../img/images/big_form_dvd.jpg);
	color: #A7A7A9;
	position: relative;
}

#big_form_left_dvd {
	display: inline;
	float: left;
	width: 375px;
	padding-right: 32px;
}

#big_form_disclaim_dvd {
	padding-top: 0;
	font-size: 13px;
	width: 460px;
}

#big_form_email_dvd {
	margin-bottom: 15px;
}

#big_form_state_dvd {
	height: 20px;
	margin-bottom: 15px;
}

#submit_dvd {
	text-align: center;
	margin-top: 15px;
	width: 460px;
}

.submit_dvd {
	width: 266px;
	height: 61px;
}

#big_form {
	width: 818px;
	height: 620px;
	margin: 0px auto 30px;
	padding: 18px 25px;
	background: url(../img/images/big_form.jpg);
	color: #A7A7A9;
	position: relative;
}

#big_form_left {
	display: inline;
	float: left;
	width: 375px;
	padding-right: 32px;
	border-right: 1px solid #D4CDBD;
}

#big_form_right {
	float: left;
	width: 375px;
	padding-left: 34px;
}

input {
	height: 20px;
	margin-bottom: 10px;
}

.form_small {
	width: 50px;
	color: #A7A7A9;
}

.form_half {
	width: 210px;
	color: #A7A7A9;
}

.form_full {
	width: 350px;
	color: #A7A7A9;
}

#big_form_name {
	height: 20px;
	margin-bottom: 35px;
}

.form_first {
	color: #A7A7A9;
	display: inline;
	float: left;
	width: 170px;
	margin-right: 10px;
}

.form_last {
	color: #A7A7A9;
	float: left;
	width: 170px;
}

#big_form_state {
	height: 20px;
	margin-bottom: 35px;
}

#form_state {
	display: inline;
	float: left;
	margin-right: 16px;
}

.form_zip {
	color: #A7A7A9;
	float: left;
	width: 90px;
}

#big_form_email {
	margin-bottom: 35px;
}

#big_form_disclaim {
	padding-top: 90px;
}

#big_form_package {
	margin-bottom: 35px;
}

.option-silver {
	background: url(../img/images/form_silver.jpg) no-repeat 20px 0;
	clear: both;
	display: block;
	height: 32px;
	margin-top: 10px;
	padding: 8px 0 0 0;
}

.option-silver span {
	margin-left: 185px;
	margin-bottom: -5px;
}

.option-gold {
	background: url(../img/images/form_gold.jpg) no-repeat 20px 0;
	clear: both;
	display: block;
	height: 32px;
	padding: 8px 0 0 0;
}

.option-gold span {
	margin-left: 185px;
	margin-bottom: -5px;
}

.cc_left {
	display: inline;
	float: left;
	width: 95px;
}

.cc_right {
	float: left;
	width: 280px;
}

.cc_type_left {
	display: inline;
	float: left;
	width: 95px;
	height: 40px;
	padding-top: 10px;
}

.cc_type_right {
	float: left;
	width: 280px;
	height: 50px;
}

.form_image {
	padding: 0px 10px;
	position: relative;
	top: 7px;
}

.form_image_small {
	padding: 0px 10px 0px 4px;
	position: relative;
	top: 7px;
}

.form_package_soon {
	padding: 0px 10px 0px 25px;
	position: relative;
	top: 7px;
	font-size: 12px;
}

#submit {
	position: absolute;
	top: 580px;
	right: 40px;
}

.submit {
	width: 129px;
	height: 34px;
}

/* Thanks ////////////////////////////////////////////////////////// */

#thanks {
	width: 768px;
	height: 570px;
	background: url(../img/images/thanks.jpg);
	margin-top: 50px;
	padding: 50px 0px 0px 100px;
	position: relative;
}

#thanks h2 {
	font-size: 40px;
	margin-bottom: 40px;
}

#thanks p {
	width: 460px;
}

#thanks_list {
	position: absolute;
	top: 400px;
	left: 125px;
}

#thanks_btn {
	position: absolute;
	top: 500px;
	left: 210px;
}

#thanks_btn a {
	width: 243px;
	height: 62px;
	background: url(../img/images/back.jpg);
	display: block;
	text-indent: -9999px;
}

/* Footer ////////////////////////////////////////////////////////// */

#info {
	width: 938px;
	margin: 0px auto 40px;
	text-align: center;
	color: #968752;
}

#info a {
	color: #968752;
	text-decoration: underline;
	font-weight: bold;
}

#info a:hover {
	color: #968752;
	text-decoration: underline;
	font-weight: bold;
}

#flashMessage {
	font-size: 18px;
	padding: 0 15px;
	margin-bottom: 15px;
}