@charset "UTF-8";

/* ********** IE PNG FIX ********** */

img, div { behavior: url(iepngfix.htc) }

/* ********** GENERAL TAGS ********** */

html {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}

body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background: #9b9b9b url(../images/back-shadow.png);
	background-position:center;
	background-repeat:repeat-y;

	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	line-height:22px;
}

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

a:hover {
	text-decoration:none;
}

p {
	margin-top:0px;	
}

h1 {
	font-size:40px;
	color:#008ABA;
	font-weight:bold;
	margin:0px 0px 20px 0px;
}

h2 {
	font-size:20px;
	color:#008ABA;
	font-weight:normal;
	margin:0px 0px 20px 0px;
}

h3 {
	
}

img {
	border:0px;	
}

ul {
	padding:0px 0px 0px 20px;	
}

/* ********** STRUCTURE ********** */

#wrapper {
	width:900px;
	margin:0px auto;
	padding:0px;
	background: white;
}

/* ********** HEADER ********** */

#mainHeaderFull {
	width:100%;
	height:375px;;
	background-color:#00ADF9;
}

#_10 #header, #_20 #header, #winter #header {
	width: 900px;
	height: 434px;
	display: block;
}
#_10 #header {
	background-image: url(../images/LandingHeader10.jpg);
}
#_20 #header {
	background-image: url(../images/LandingHeader20.jpg);
}
#winter #header {
	background-image: url(../images/landingheader.plain.jpg);
}
#_ #header {
	background-image: url(../images/LandingHeader.jpg);
	width: 900px;
	height: 348px;
	display: block;
}
#header a {
	width: 100%; height: 100%;
	display: block;
}
#header h1, #header h2 {
	text-indent: -9999px;
}

#headerInnerBottom {
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
}

#headerInnerTop {
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
}
                    

/* ********** MAIN BODY ********** */



#content {
background: white url(../images/body_background_repeat.png);
	background-position:top;
	background-repeat:repeat-x;
	padding:30px 20px;
	text-align: center;
}

.freckle #content {
	padding-bottom: 10px;
}

#youtube {
	float: left;
	margin-bottom: 40px;
	width: 400px;
}

.freckle #youtube {
	margin: 0px;
}

#offer {
	float: right;
	width: 434px;
	border: 3px solid black;
	background: white;
	margin-left: 20px;
}
#offer ol {
	padding: 0 10px 0 40px;
	font-weight: bold;
	text-align: left;
}
#offer span { font-weight: normal; }

#offer ol li {
	margin-bottom: 10px; 
}
#offer .title {
	width: 100%;
	height: 100%;
	display: block;
	color: white;
	background: #ee2c37;
	text-align: center;
	font-size: 200%;
	line-height: 1.5em;
	font-weight: bold; 
}
#_ #offer .title {
	font-size: 235%;
}
#_20.family #offer .title {
	font-size: 190%;
}
#offer .sub-title {
	text-align: center;
	display: block;
	line-height: 1.5em;
	font-size: 150%;
	color: #ee2c37;
}
.body-copy {
	margin-top: 30px;
}
#offer table {
	margin: 15px 0;
	vertical-align: top;
}
#offer table td {
	vertical-align: top;
}
a.action {
	text-decoration: none;
	padding:4px 8px;
	color: white;
	background: #EE2C37;
}
a.action:hover {
	color: #fef26c;
}
td.price {
	width:33%;
	font-size: 125%;
	font-weight: bold;
	color: #ee2c37;
}

.price span, .grey {
	font-size: 60%;
	color: #666;
}
td.description {
	text-align: left;
	font-size: 125%;
	line-height: 125%;
}
td.description p {
	font-size: 70%;
	line-height: 110%;
}

#fullBodyAreaBottom {
	background:url(../images/body_bottom_background.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;	
	background-color:#ffffff;

}

#fullBodyInner {
	width:940px;
	margin:0px auto;
}


/* ********** FOOTER ********** */

#footer {
	width:100%;
	//background:url(../images/footer_bg_repeat.jpg) repeat-x top;
	background-color:#ee2c37;
		text-align: center;
	padding-bottom:30px;
}
#footer h2 a {
	color: #fef26c;
	margin: 30px;
	font-size: 200%;
}
#footer img {
	margin: 30px 0;	
}
.family #footer h2 {
	line-height: 1.5em;
	padding-top: 30px;
	margin-bottom: 20px;
}
    
#footerInner {
	margin:0px auto;
	width:940px;
	font-size:12px;
	color:#ffffff;
	line-height:20px;
	text-align:center;
}

/* ********** GENERAL CLASSES ********** */

.clear {
	clear:both;	
}

.p_title {
	font-size:12px;
	text-align:center;
	line-height:18px;
}