﻿/********************************************************************/
/*Browser "quirks" overrides*/
html, body {margin:0; padding:0;} /*Removes browser default document "margins" in all browsers.*/
table {font-size:1em;}/*Fixes inheritance "bug" in all browsers*/
a img {border:none 0px;}/*Removes browser default border on linked images.*/
form {padding:0; margin:0;} /*Removes browser default "margins" on <form> elements.*/
a {text-decoration:underline;}/*Fixes "bug" in Opera.*/
/********************************************************************/

/********************************************************************/
/*"Old school" deterrents*/
b, i, u, font, center {
	font-size:3em !important;
	color:Lime !important;
	background-color:Fuchsia !important;
}
/********************************************************************/

/********************************************************************/
/*Base Content*/
body {
	font-family:Verdana, Arial, Sans-Serif;
	/*font-family:'Trebuchet MS', Arial, Verdana, Sans-Serif;*/
	/*font-family:Georgia, 'Palatino Linotype', Palatino, Serif;*/
	/*font-size:10px;*/
}

h1 {
	margin:0.67em 0;
	font-size:1.8em;
	font-weight:bold;
}

h2 {
	margin:0.75em 0;
	font-size:1.4em;
	font-weight:bold;
}

h3 {
	margin:1.12em 0;
	font-size:1.2em;
	font-weight:bold;
}

h4, 
p,
ul,
ol {
	margin:1.12em 0;
	font-size:1em;
	line-height:1.15em; /*Browser Default 1.15em*/
}

h4 {
	font-weight:bold;
	margin-bottom:-1.15em;/*Should match(-) h4 {line-height}*/
}

ol {list-style-type:decimal;}
ol ol {list-style-type:lower-alpha;}

ul {list-style-type:disc;}

ol,
ul {
	padding-left:0;
	margin-left:2.66em;
}

ol ul,
ul ol,
ul ul,
ol ol {margin-top:0; margin-bottom:0}
li {margin:0.6em 0;}

h5 {
	margin:1.5em 0;
	font-size:0.9em;
}

h6 {
	margin:1.67em 0;
	font-size:0.8em;
}

a {
	color:#90241A;
	text-decoration:underline;
}
a:hover {
	color:#b41e0d;
	text-decoration:none;
	
}

label {
	font-weight:bold;
}
label[for] {cursor:pointer;}

.InputSet {
	padding-right:1em;
	padding-bottom:0.5em;
}

fieldset {
	margin-top:0.3em;
	margin-bottom:1em;
}

.Note {font-style:italic;}
/********************************************************************/

/********************************************************************/
/*Shell*/
body {background:#35291a url('images/shell_page_background.gif') no-repeat center top;}

#Shell_Wrapper {
	width:800px;
	margin:0 auto;
	padding:0 15px 40px;
}

#Header {
	height:58px;
	background:url('images/shell_header_logo.gif') no-repeat left top;
	position:relative;
}

#Header h1 {
	margin:0;
	font-size:16px;
	line-height:3.5em;
}

#HomeLink {
	position:absolute;
	display:block;
	width:340px;
	height:60px;
	margin-left:25px;
	color:#2F2400;
	text-indent:-2900px;
}

/*********************************/
ul#HeaderNav {
	margin:0; padding:0;
	position:absolute;
	top:8px;
	right:10px;
	/*margin-left:305px;*/
	font-size:10px;
	letter-spacing:0.15em;
}

ul#HeaderNav li {
	margin:0; padding:0;
	list-style-type:none;
	float:left;
	padding:0 0.3em;
	color:#ffffff;
}
ul#HeaderNav li a {
	color:#ffffff;
	text-decoration:none;
	
}
ul#HeaderNav li a:hover {
	color:#ffffff;
	text-decoration:underline;
}
/*********************************/

/*********************************/
#GetStartedNow_Wrapper ,
#GetStartedNow_Wrapper .GetStarted {width:209px;}

#GetStartedNow_Wrapper {
	position:absolute;
	right:7px;
	bottom:0;
	height:33px;
	overflow:hidden;
}

#GetStartedNow_Wrapper .GetStarted {
	position:absolute;
	bottom:-36px;
	display:block;
	height:36px;
	background:url('images/shell_header_button_getstartednow.gif') no-repeat left top;
	text-indent:-2900px;
}
#GetStartedNow_Wrapper .GetStarted:hover {background-position:left bottom;}
/*********************************/

/*********************************/
#Media_Stage {
	width:800px;
	height:242px; padding-top:15px; /*All must total 257px*/
	background:#4b6c13 url('images/shell_mediastage_background.jpg') no-repeat left top;
}

#Media_Stage_Mask {
	width:750px; margin-left:30px; margin-right:20px; /*All must total 800px*/
	height:242px;
	overflow:hidden;
	position:relative;
	/*background-color:red;*/
}

#Segments_Wrapper {
	width:3200px; /*800px x 4 Segments = 3200px*/
	position:relative;
	/*left:-600px; /*Simulate scrolling animation*/
}

.Segment {
	float:left;
	width:750px; padding-right:50px; /*All must total 800px*/
	overflow:hidden;
	color:#fbefdb;
}

.Segment .Video_Wrapper,
.VideoControls {
	width:380px;
}

.Segment .Video_Wrapper {
	float:right;
	height:280px;
	margin-top:-45px;
	overflow:hidden;
	/*background-color:#d3c9ad;*/
	text-align:center;
	color:#ffffff;
	position:relative;
	background-color:Black;
}

.Segment .Video_Wrapper .Hidden {
	width:0;
	height:0;
}

.Segment .Video_Wrapper p {
	margin:25% 1em 0;
	text-align:center;
}
.Segment .Video_Wrapper a {color:#ffffff;}

.Segment .Video_Wrapper .Border {
	border:solid #2f2400;
	width:378px; border-width:1px; /*Must total: .VideoControls {width}*/
	border-bottom-style:none;
	height:211px; /*Must total: Video_Wrapper {height} - Video_Wrapper {margin-top} - this {bottom} + this {border-width} +  */
	position:absolute;
	bottom:23px;
	left:0;
	z-index:100;
}

/*********************************/
.VideoControls {
	position:absolute;
	bottom:0;
	left:0;
	background:#000000 url('images/shell_playercontrols_background.gif') no-repeat left top;
	height:23px;
}

.VideoControls .Left {
	/*width:23%;*/
	padding:0 5px;
}
.VideoControls .Middle {
	/*width:66%;*/
	padding:0 5px;
}
.VideoControls .Right {
	/*width:10%;*/
	padding:0 5px;
}

.Segment .VideoControls .PausePlay,
.Segment .VideoControls .Rewind,
.Segment .VideoControls .MuteUnMute {
	display:block;
	height:17px;
	background-position:50% top;
	background-repeat:no-repeat;
	/*background-color:Red;*/
	text-indent:-9000px;
	margin:0;
}

.Segment .VideoControls .PausePlay:hover,
.Segment .VideoControls .Rewind:hover,
.Segment .VideoControls .MuteUnMute:hover {
	background-position:50% -17px;
}

.Segment .VideoControls .Rewind {
	background-image:url('images/shell_playercontrols_rew.gif');
	width:25px;
	float:left;
}

.Segment .VideoControls .PausePlay {
	background-image:url('images/shell_playercontrols_pause.gif');
	width:25px;
	float:left;
}

.Segment .VideoControls .MuteUnMute {
	background-image:url('images/shell_playercontrols_unmute.gif');
	width:25px;
	float:right;
}

.Segment .VideoControls .Progress {
	height:9px;
	width:265px;
	/*padding:1px;*/
	border:solid 1px #a29773;
	background-color:#4b401c;
	position:relative;
}

.Segment .VideoControls .Progress .Wrapper {
	position:absolute;
	top:1px;
	right:1px;
	bottom:1px;
	left:1px;
}

.Segment .VideoControls .Progress .Play,
.Segment .VideoControls .Progress .Buffer {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

.Segment .VideoControls .Progress .Play {
	background-color:#8c815d;
	width:0;
	z-index:100;
}
.Segment .VideoControls .Progress .Buffer {
	background-color:#6f6440;
	width:0;
	z-index:50;
}

/*********************************/

.Segment .Copy_Wrapper {
	float:left;
	width:355px;
	height:230px;
	font-size:10px;
	letter-spacing:0.05em;
	position:relative;
	/*background-color:Red;*/
}

.Segment .Copy_Wrapper h2 {
	font-family:Georgia, 'Palatino Linotype', Palatino, Serif;
	font-size:24px;
	font-weight:normal;
	margin:1.5em 0 0.6em 0;
	line-height:1.1em;
	letter-spacing:0.05em;
	/*font-style:italic;*/
}

.Segment .Copy_Wrapper h3 {
	font-family:Georgia, 'Palatino Linotype', Palatino, Serif;
	/*font-family:Arial, Sans-Serif;*/
	font-size:18px;/*18px;*/
	font-weight:normal;
	margin:0.6em 0 0.4em 1em;
	line-height:1.1em;
	letter-spacing:0.05em;
	font-style:italic;
}

.Segment .Copy_Wrapper p,
.Segment .Copy_Wrapper ul,
.Segment .Copy_Wrapper ol {
	margin-top:1em;
	margin-bottom:1em;
	text-align:justify;
	line-height:1.33em;
}

.Segment .Copy_Wrapper ul,
.Segment .Copy_Wrapper ol {
	margin-left:2.33em;
}

.Segment a.CallToAction {
	position:absolute;
	bottom:8px;
	right:5px;
	display:block;
	/*margin:10px 0 20px 10px;*/
	/*width:95px;*/
	/*height:35px;*/
	background-repeat:no-repeat;
	background-position:left bottom;
	text-indent:-2900px;
}
.Segment a.CallToAction:hover {background-position:left -35px;}

.Segment a.NextButton {
	width:95px;
	height:35px;
	background-image:url('images/shell_mediastage_button_next.gif');
}

.Segment a.GetStartedNowButton {
	width:209px;
	height:35px;
	background-image:url('images/shell_mediastage_button_getstartednow.gif');
}

.Segment a.Flashing {background-position:left top;}
/*********************************/

/*********************************/
#Media_Nav {
	height:44px;
	background:#90241a;
}

#Media_Nav ul,
#Media_Nav li {
	margin:0; padding:0;
	list-style-type:none;
}

#Media_Nav li {float:left;}

#Media_Nav li a.Segment1 {background-image:url('images/shell_medianav_1.jpg');}
#Media_Nav li a.Segment2 {background-image:url('images/shell_medianav_2.jpg');}
#Media_Nav li a.Segment3 {background-image:url('images/shell_medianav_3.jpg');}
#Media_Nav li a.Segment4 {background-image:url('images/shell_medianav_4.jpg');}

#Media_Nav li a {
	display:block;
	width:170px; padding-left:25px; padding-right:5px; /*All must total 200px*/
	height:40px; padding-top:4px; padding-bottom:0; /*All must total 44px*/
	background-position:left top;
	background-repeat:no-repeat;
	font-size:10px;
	font-weight:bold;
	color:#f9edd9;
	text-decoration:none;
	line-height:1.6em;
	text-indent:-9000px;
}
#Media_Nav li a:hover,
#Media_Nav li a.Selected {
	background-position:left -44px;
	text-decoration:none;
	color:#ffffff;
}
#Media_Nav li a.Selected:hover {color:#f9edd9;}
/*********************************/

/*********************************/
#Content_Initial,
#Content_GetStartedNow {background:#f4f1e9 repeat-y left top;}
#Content_Initial {background-image:url('images/shell_content_background_pattern.gif');}
#Content_GetStartedNow {background-image:url('images/shell_content_background_pattern_getstartednow.gif');}

#Content_Initial .Outer_Wrapper {background:url('images/shell_content_background_top.jpg') no-repeat left top;}

#Content_Initial .Inner_Wrapper,
#Content_GetStartedNow .Inner_Wrapper {
	min-height:225px; /*Should match height in ie6_fixes.css*/
	background:no-repeat left bottom;
	overflow:hidden; /*Prevents child margins from breaking out of parent element.*/
	padding-bottom:10px;
}
#Content_Initial .Inner_Wrapper {background-image:url('images/shell_content_background_bottom.jpg');}
#Content_GetStartedNow .Inner_Wrapper {background-image:url('images/shell_content_background_bottom_getstartednow.jpg');}
/*********************************/

/*********************************/
#Content_Initial .Primary {
	float:left;
	width:459px; padding-left:35px; padding-right:20px; /*All must total 514px*/
	margin-top:10px;
	color:#375d00;
	font-size:13px;
	/*line-height:1.33em;*/
}

#Content_GetStartedNow .Primary {
	padding-left:35px; padding-right:30px;
	margin-top:10px;
	color:#2F2400;
	font-size:14px;
	line-height:1.33em;
}

#Content_Initial .Primary h3 {
	font-family:Georgia, 'Palatino Linotype', Palatino, Serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	margin:0.7em 0;
	color:#2F2400;
}

#Content_GetStartedNow .Primary h3.Headline {
	font-family:Georgia, 'Palatino Linotype', Palatino, Serif;
	font-size:2.7em;
	line-height:1.1em;
	font-weight:normal;
	font-style:italic;
	text-align:center;
	margin:0.7em 0;
	color:#7d2a08;
}
#Content_GetStartedNow .Primary h3.Headline em {font-size:1.3em;}

#Content_GetStartedNow .Primary h3 {
	font-family:Georgia, 'Palatino Linotype', Palatino, Serif;
	font-size:2em;
	line-height:1.1em;
	font-weight:normal;
	font-style:italic;
	margin:0.7em 0;
	color:#7d2a08;
}

#Content_GetStartedNow .Primary .SubHeadline {
	font-family:Georgia, 'Palatino Linotype', Palatino, Serif;
	font-size:1.66em;
	font-weight:normal;
	font-style:italic;
	text-align:center;
	color:#7d2a08;
}

#Content_Initial .Primary h4 {
	margin:0;
	padding-right:0.5em;
	display:inline;
	font-size:1.1em;
}

#Content_GetStartedNow .Primary h4 {
	font-family:Arial, Sans-Serif;
	font-size:1.6em;
	line-height:1em;
	font-weight:bold;
	color:#2F2400;
}

#Content_GetStartedNow .Primary .AffiliateBenefits {
	font-size:1.2em;
	/*line-height:1em;*/
	color:#375D00;
	margin:2.5em 5em 1.5em 0;
	list-style-type:none;
}

#Content_GetStartedNow .Primary .AffiliateBenefits li {
	background:url('images/content_check.gif') no-repeat 15px top;
	padding-left:65px;
	padding-bottom:0.2em;
}

#Content_GetStartedNow .Primary .Options {
	font-size:1.2em;
	/*line-height:1em;*/
	color:#375D00;
	margin:2.5em 5em 1.5em 3em;
	list-style-type:upper-alpha;
}

#Content_GetStartedNow .Primary .ThankYou {
	font-family:Georgia, 'Palatino Linotype', Palatino, Serif;
	font-size:1.5em;
	text-align:center;
	font-style:italic;
}

#Content_Initial .Primary p,
#Content_Initial .Primary ol,
#Content_Initial .Primary ul {
	margin-top:1em;
	margin-bottom:1em;
	line-height:1.5em;
}
/*********************************/

/*********************************/
#Content_Initial .Secondary {
	float:left;
	width:236px; padding-left:20px; padding-right:30px; /*All must total 286px*/
	margin-top:15px;
	color:#2f2400;
	font-size:11px;
	line-height:1.33em;
}

#Content_Initial .Secondary h4 {
	font-family:Georgia, 'Palatino Linotype', Palatino, Serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	margin:1em 0 0.7em;
}

#Content_Initial .Secondary ul {
	margin:1em 0;
	margin-left:15px;
	line-height:1.33em;
}
/*********************************/

#Footer {
	padding:0.4em 0;
	color:#ece8d9;
}

/*********************************/
ul#FooterNav {
	margin:0; padding:0;
	float:left;
	padding-left:75px;
	font-size:10px;
	letter-spacing:0.15em;
}

ul#FooterNav li {
	margin:0; padding:0;
	list-style-type:none;
	float:left;
	padding:0 0.3em;
}
ul#FooterNav li a {
	color:#ece8d9;
	text-decoration:none;
	
}
ul#FooterNav li a:hover {
	color:#ece8d9;
	text-decoration:underline;
}
/*********************************/

#Copyright {
	float:right;
	margin:0;
	padding-right:15px;
	font-size:10px;
}
/********************************************************************/