/*----GLOBAL STYLES----*/

body {
	background:#e75d2c;
	font-family:"Franklin Gothic Medium", Arial, sans-serif;
	height:100%;
	position:relative;
}

p {
	color:#383b63;
	font-size:1.4em;
	margin:0 0 1em;
}

p a:link,
p a:visited,
li a:link,
li a:visited {
	color:#ee5436;
	text-decoration:none;
}

p a:hover,
li a:hover,
.topNav li a:hover { text-decoration:underline; }

h3 a {
	color:#ee5436;
	text-decoration:underline;
}

ol {
	list-style:decimal;
}

.bg {
	background:#fff;
	height:100%;
	margin:0 auto;
	position:relative;
	width:970px;
}

.container {
	background:url(../images/bg.jpg) no-repeat center 250px #fff;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding:0 20px;
	position:relative;
	width:930px;
}

.header {
	margin:0 auto;
	padding:5px 0 15px;
	position:relative;
}

.logo a {
	background:url(../images/logo.png) no-repeat left top transparent;
	display:block;
	float:left;
	height:58px;
	margin:15px 0 0;
	position:relative;
	width:167px;
}

.logo a span {
	margin-left:-999px;
}

.header h2.tagline {
	color:#ee5436;
	font-size:2.8em;
	font-weight:400;
	margin:24px 0 0 200px;
	position:absolute;
}

.topNav {
	float:right;
	list-style:none;
	margin:0 0 15px;
}

.topNav li {
	border-left:1px solid #383b63;
	float:left;
	font-size:1.3em;
	padding:0 7px;
}

.topNav li:last-child { padding-right:0; }

.topNav li a {
	color:#383b63;
	text-decoration:none;
}

.topNav li:first-child,
.navFooter li:first-child { border-left:none; }

.repHeader {
	clear:right;
	float:right;
}

.repHeader img {
	float:right;
	margin-left:5px;
	}

.repHeader p {
	font-size:1.4em;
	line-height:1.3em;
	margin:0;
	text-align:right;
	width:400px;
}

.repHeader p a { color:#383b63; }

.repHeader p.repName,
.repHeader p.Company { font-weight:700; }

.nav {
	background:url(../images/navBg.jpg) no-repeat center transparent;
	height:43px;
	margin-bottom:10px;
	overflow:visible;
	position:relative;
	text-align:center;
}

.nav > ul {
	list-style:none;
	margin:0 auto;
	padding:0;
	width:930px;
}

.nav > ul > li {
	display:block;
	float:left;
	font-size:1.5em;
	height:30px;
	line-height:30px;
	padding:0 20px;
	position:relative;
}

.nav li a,.nav li span {
	color:#ee5436;
	text-decoration:none;
	text-shadow:1px 1px 0 #fff;
}

.nav ul > li img {
	margin:0 0 0 5px;
	position:relative;
	top:3px;
}

ul.subnav {
	-moz-box-shadow:0 10px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.5);
	background-color:#f2f2f2;
	box-shadow:0 10px 10px rgba(0,0,0,0.5);
	display:none;
	left:0;
	padding:5px;
	position:absolute;
	top:28px;
	width: 100px;
	z-index:1001;
}

ul.subnav li {
	display:block;
	font-size:.9em;
	line-height:.9em;
	margin-bottom: 12px;
}

.hasNav > a { cursor:default; }

.content {
	margin:0 auto 45px;
	position:relative;
}

.footer {
	padding-bottom:45px;
	position:relative;
	text-align:center;
}

.footer p,.footer a {
	color:#383B63;
	font-size:1.4em;
}

.navFooter {
	float:right;
	margin-top:0;
	padding:0;
	text-align:right;
	width:500px;
}

.navFooter li {
	border-left:1px solid #383B63;
	display:inline;
	list-style:none;
	padding:1px 5px;
}

.navFooter li a { color:#383B63;}

.footerLogo { margin:45px 0 0; }

.footerLogo a {
	background:url(../images/footerLogo.png) no-repeat left top transparent;
	clear:both;
	display:block;
	height:54px;
	margin:0 auto;
	width:167px;
}

.footerLogo span {
	margin-left:-9999px;
	position:absolute;
}

/*----HOME PAGE LAYOUT----*/

.overviewVideo {
	margin:0 auto;
	overflow:hidden;
	width:770px;
}

.mainVideo {
	background:url(../images/homeVideoContainer.png) no-repeat left top;
	float:right;
	height:418px;
	width:574px;
}

.mainVideoLG {
	background:url(../images/homeVideoContainerLG.png) no-repeat left top;
	float:right;
	height:474px;
	width:574px;
}

.video {
	height:310px;
	margin:11px 0 0 13px;
	width:550px;
}
.videoLG {
	height:366px;
	margin:11px 0 0 13px;
	width:550px;
}

.videoDesc {
	background:#383b63;
	margin:0 12px 0 13px;
	padding:3px 6px;
}

.videoDesc p,
.videoDesc p a {
	color:#fff;
	line-height:1.2em;
	margin:0;
}

.videoDesc p { font-size:1.3em; }

.videoDesc p span { font-size:.8em; }

.videoSide {
	background:url(../images/homeVideoPanel.png) no-repeat right 165px;
	float:right;
	height:400px;
	position:relative;
	width:191px;
}

#homeLower {
	margin:-20px 82px 40px;
	overflow:hidden;
	width:765px;
}

.homeCol {
	float:left;
	margin-left:30px;
	width:235px;
}

.homeColFirst { margin-left:0; }

.homestar {
	background:url(../images/homeStar.jpg) no-repeat center top transparent;
	height:142px;
	margin-top:10px;
	position:absolute;
	width:191px;
}

.videoPanels {
	position:relative;
	top:165px;
}

.videoPanels li {
	background:url(../images/homeVideoPanelBorder.gif) repeat-x top transparent;
	padding:10px;
	position:relative;
}

.videoPanels li:first-child { background:none; }

.videoPanels li p,
.videoPanels li p a,
.videoPanels li span,
.videoPanels li span a {
	color:#fff;
	margin:0;
	padding:0;
}

.videoPanels li p {
	font-size: 1.6em;
	margin-bottom:5px;
	text-shadow:-1px -1px 1px rgba(0,0,0,0.8);
}

.videoPanels li span.playVid { margin-right:15px; }

.videoPanels li span a {
	color:#efeefe;
	font-size:1.4em;
}

.selectedVideo {
	background:url(../images/videoSelector.png) no-repeat left top transparent;
	height:22px;
	position:absolute;
	right:-1px;
	top:20px;
	width:13px;
}

.overviewContent {
	margin:-15px 0 0 280px;
	width:560px;
}

.overviewContent h2,
.homeCol h2 {
	color:#ee5436;
	font-size:2.2em;
	margin-bottom:.5em;
	text-align:center;
	text-shadow:1px 1px 0 #fff;
}

.overviewContent h3,
.contentMain h3 {
	color:#ee5436;
	font-size:2em;
	margin-bottom:.5em;
	text-shadow:1px 1px 0 #fff;
}

.contentMain h4 {
	color:#ee5436;
	font-size:2em;
	margin-bottom:.5em;
}

.overviewContent p.overviewTagline {
	font-size:1.8em;
	text-align:center;
}

.overviewContent ul,
.contentMain ul {
margin:0 0 1em 1em;
}

.overviewContent ul li,
.contentMain ul li {
color:#383b63;
font-size:1.4em;
list-style-type:disc;
margin-left:1em;
}

.overviewContent ol li,
.contentMain ol li {
color:#ee5436;
font-size:1.4em;
margin-bottom:10px;
}

/* ----CONTENT PAGE LAYOUT---- */

.contentLayout {
	min-height:500px;
	overflow:hidden;
}

.contentLayout h1 {
	color:#ee5436;
	font-size:3em;
	margin-bottom:.5em;
	text-shadow:1px 1px 0 #fff;
}

.contentLayout h2 {
	color:#ee5436;
	font-size:1.8em;
	margin-bottom:.5em;
	text-shadow:1px 1px 0 #fff;
}

.contentLayout h2 span {
	font-size:.8em;
	margin-bottom:.5em;
	text-shadow:1px 1px 0 #fff;
}
.contentLayout h3 {
	color:#ee5436;
	font-size:1.8em;
	margin-bottom:.5em;
	text-shadow:1px 1px 0 #fff;
}
.contentLayout h3.alt {
	color:#383b63;
	font-size:2em;
}

.contentLayout1Col .contentMain {
	background:url(../images/contentBg.jpg) repeat-x top #fefdfd;
	border:1px solid #dddddc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin:0 auto 25px;
	overflow:hidden;
	padding:15px;
	width:890px;
}

.contentLayout2Col .contentMain {
	background:url(../images/contentBg.jpg) repeat-x top #fefdfd;
	border:1px solid #dddddc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	float:left;
	margin:0 0 25px;
	overflow:hidden;
	padding:15px;
	width:540px;
}

.contentLayout .contentLogin { width:45%; }

.contentLayout .contentMain {
	background:url(../images/contentBg.jpg) repeat-x top #fefdfd;
	border:1px solid #dddddc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin:0 0 25px;
	overflow:hidden;
	padding:15px;
}

.contentMain img {
	float: left;
	margin: 0 10px 10px 0;
}

.contentLayout .custLogin { float:right;}

.contentVideo {
	float:right;
	text-align:left;
	width:315px;
}

.contentVideo h3 {
	color:#ee5436;
	font-size:2em;
	margin-bottom:.25em;
}

.videoWidget {
	background:url(../images/videoSmallCont.png) no-repeat left top transparent;
	height:209px;
	margin-bottom:25px;
	position:relative;
	width:301px;
}

.videoWidgetMed {
	background:url(../images/videoMedCont.png) no-repeat left top transparent;
	height:239px;
	margin-bottom:25px;
	padding:11px;
	position:relative;
	width:290px;
}

.videoWidget a,
.videoWidget iframe {
	display:block;
	left:11px;
	position:relative;
	top:11px;
}

.contentImgFloatRight {
	float:right;
	margin-left:15px;
}

.contentImgFloatLeft {
	float:left;
	margin-right:15px;
}

.sideBtns {
	margin: 40px 0 60px;
}

/* ----FORMS---- */

.contentMain input[type=text],
.contentMain input[type=password] {
	border:2px solid #999;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#666;
	display:block;
	font-size:1em;
	height:25px;
	line-height:30px;
	margin:15px;
	padding:2px 5px;
	width:75%;
}

.contentMain textarea {
	border:2px solid #999;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#666;
	display:block;
	font-size:1em;
	line-height:30px;
	margin:15px;
	padding:2px 5px;
	width:75%;
}



.contactForm input[type=text],
.contactForm textarea { width:25%; }

.contentMain input[type=submit],
input.submit {
	background:transparent;
	cursor:pointer;
	display:block;
	margin:10px auto;
}

.contentMain input[type=submit]:active,
input.submit:active { border:2px 1px 1px 2px inset #fff; }

.formButtons { width: 75%;}

/* ----BUTTONS---- */

a.btnBeWaker,
a.btnSupport,
a.btnFree,
a.btnNow,
a.btnFreeNow,
a.btnStandNow {
	display:block;
	height:27px;
	margin:0 0 15px;
	position: relative;
	text-indent:-9999px;
	width:176px;
}

a.btnBeWaker { background:url(../images/btnsSprite.png) no-repeat left top transparent; }

a.btnSupport { background:url(../images/btnsSprite.png) no-repeat left -27px transparent; }

a.btnFree { background:url(../images/btnsSprite.png) no-repeat left -54px transparent; }

a.btnNow { background:url(../images/btnsSprite.png) no-repeat left -81px transparent; }

a.btnFreeNow { background:url(../images/btnsSprite.png) no-repeat left -108px transparent; }

a.btnStandNow { background:url(../images/btnsSprite.png) no-repeat left bottom transparent; }

a.btnBeWaker.centered,
a.btnSupport.centered,
a.btnFree.centered,
a.btnNow.centered,
a.btnFreeNow.centered,
a.btnStandNow.centered { margin:0 auto 15px;}

.btnJoinFree a {
	display:block;
	height:35px;
	left:0;
	position:relative;
	top:0;
	width:178px;
}

.btnJoinFree {
	background:url(../images/btnJoinFree.png) no-repeat left top transparent;
	float:right;
	height:81px;
	position:relative;
	right:10px;
	top:-30px;
	width:178px;
}

.btnJoinFreeSolo {
	background:url(../images/btnJoinFreeSolo.png) no-repeat left top transparent;
	float:right;
	height:36px;
	position:relative;
	right:355px;
	top:0;
	width:178px;
}

.btnJoinFreeSolo a {
	display:block;
	height:36px;
	left:0;
	position:relative;
	top:0;
	width:178px;
}

.btnJoinFree a span,
.btnJoinFreeSolo a span {
	margin-left:-9999px;
	position:absolute;
}

.btnJoin {
	background:url(../images/btnJoin.png) left top;
	height:30px;
	margin:0 auto;
	text-indent:-9999px;
	width:127px;
}

.btnJoin:hover { background:url(../images/btnJoin.png) left bottom;}

.btnContentTop {float: right; position:relative; right:355px;}

/* ----GENERAL CLASSES---- */

.list li {
	color:#383b63;
	font-size:1.4em;
	list-style:disc outside;
	margin:0 0 5px 20px;
}

.bigNo { font-size:1.4em; }

sup { font-size:.6em; }

.disclaimer { font-size:1.2em; }

.copyright,
.contentLayout 
.affLogin { float:left; }

.play {
	background: url(../images/btnPlay.png) no-repeat left top;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 45px;
}

.halfCol {
	float:left;
	width: 50%;
}

.clear { clear: both;}

.centered { display:block; margin: 0 auto; text-align: center;}

img.centered { display:block; float:none; margin: 0 auto 20px; text-align: center;}

.right {float: right;}

.left { float: left;}

#lowerMenu {
margin-top:150px;
position:relative;
width:100%;
z-index:10;
}

#lowerMenu div.jqDockWrap {
margin:0 auto;
}

#lowerMenu img {
padding:0 10px;
}










