/* reset styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* end reset */

body {
   	margin:0;
   	padding:0;
   	background-color:#000;
   	text-align:center;
   	font-family:Arial, sans-serif;
}
#page {
   	margin:0 auto;
	width:1000px;
	text-align:left;
	position:relative;
}
#top, #middle, #bottom {
   	background-repeat: no-repeat;
   	background-position: 109px 0;
}
#top {
   	background-image:url('../images/top3.jpg');
   	background-position:top center;
   	height:482px;
}
#middle {
   	background-image:url('../images/middle3.jpg');
   	height:454px;
}
#bottom {
   	background-image:url('../images/bottom2.jpg');
   	height:639px;
}
#footer {
	margin:10px 90px 0 110px;
	padding:10px 0;
	color:#ffe37d;
	border-top:1px dotted #ffe37d;
	font-size:10px;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited {
	color:#ffe37d;
}
/* audio player */
#audioPlayerContainer {
	position: absolute;
	top:2px;
	left:258px;
	width:200px;
	height:50px;
	color:#fff;
}
.songTitle {
	display:none;
}
.playPause {
	display:block;
	cursor:pointer;
	background-repeat:no-repeat;
	width:33px;
	height:31px;
}
a.playPause:hover {
	background-position:0 -32px;
}
.playPause span {
	display:none;
}
.playing .play, .paused .pause {
	display:none;
}
.play {
   	background-image:url('../images/play.png');
}
.pause {
   	background-image:url('../images/pause.png');
}
/* video player */
#videoPlayerContainer {
	position:absolute;
	top:520px;
	left:412px;
	width:425px;
	height:356px;
}

#videoNav {
	position:absolute;
	top:935px;
	left:105px;
	height:100px;
}	
.video span.title {
	display:none;
}
.video {
	background-image:url('../images/no_image.png');
	background-repeat:no-repeat;
}
.video img {
	height:90px;
	width:120px;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-dbt .jcarousel-next-horizontal {
    position: absolute;
    top: 23px;
    right: 5px;
    width: 66px;
    height: 53px;
    cursor: pointer;
    background: transparent url('../images/rightarrow.png') no-repeat 0 0;
}

.jcarousel-skin-dbt .jcarousel-next-horizontal:hover {
    background-position: 0 -54px;
}

.jcarousel-skin-dbt .jcarousel-next-horizontal:active {
    background-position: 0 -54px;
}

.jcarousel-skin-dbt .jcarousel-next-disabled-horizontal,
.jcarousel-skin-dbt .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-dbt .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -107px;
}

.jcarousel-skin-dbt .jcarousel-prev-horizontal {
    position: absolute;
    top: 23px;
    left: 5px;
    width: 66px;
    height: 53px;
    cursor: pointer;
    background: transparent url('../images/leftarrow.png') no-repeat 0 0;
}

.jcarousel-skin-dbt .jcarousel-prev-horizontal:hover {
    background-position: 0 -54px;
}

.jcarousel-skin-dbt .jcarousel-prev-horizontal:active {
    background-position: 0 -54px;
}

.jcarousel-skin-dbt .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-dbt .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-dbt .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -107px;
}
.selected {
	border-color:#cf1812 !important;
}

/* steps */
.step {
	position: absolute;
	left:175px;
	color:#000;
	font-size:11px;
	width:147px;
	height:80px;
}
.step a, .step a:link, .step a:visited, .step a:active, .step a:hover {
	color:#cf1812;
}
#step1 {
	top:628px;
}
#step2 {
	top:725px;
}
#step3 {
	top:805px;
}
#vent {
	display:block;
	position:absolute;
	top:850px;
	left:172px;
	width:114px;
	height:52px;
	background-repeat:no-repeat;
   	background-image:url('../images/ventnow.png');
}
a#vent:hover {
    background-position: 0 -52px;
}
#share {
	display:block;
	position:absolute;
	top:887px;
	left:377px;
	width:95px;
	height:36px;
	background-repeat:no-repeat;
   	background-image:url('../images/share.png');
}
#shareOnFb {
	display:block;
	position:absolute;
	top:884px;
	left:477px;
	width:35px;
	height:37px;
	background-repeat:no-repeat;
   	background-image:url('../images/fb.png');
}
a#shareOnFb:hover {
    background-position: 0 -37px;
}
#shareOnTwitter {
	display:block;
	position:absolute;
	top:884px;
	left:517px;
	width:35px;
	height:37px;
	background-repeat:no-repeat;
   	background-image:url('../images/twitter.png');
}
a#shareOnTwitter:hover {
    background-position: 0 -37px;
}

/* concept */
#concept {
	position: absolute;
	left:180px;
	color:#000;
	font-size:12px;
	top:1190px;
	width:390px;
	height:300px;
}
#concept p {
	margin:8px 0;
}
#concept .strong {
	font-weight:bold;
}
#concept ul {
	margin:0 0 0 25px;
	padding:0;
	list-style-type:disc;
	list-style-position:outside;
}
#concept li {
	margin-bottom:3px;
}
#concept .noCamera {
	color:#ce1a16;
}
#concept .noCamera a, #concept .noCamera a:link, #concept .noCamera a:visited, #concept .noCamera a:active, #concept .noCamera a:hover {
	color:#0496d1;
}

.button {
	position:absolute;
	width:103px;
	height:43px;
	background-repeat:no-repeat;
	top:1480px;
}
a.button:hover {
	background-position:0 -43px;
}
#itunes {
	left:645px;
   	background-image:url('../images/itunes.png');
}
#amazon {
	left:750px;
   	background-image:url('../images/amazon.png');
}