/* ------------------------------ HTML ------------------------------ */

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

header, footer, nav, section, article, aside, hgroup { display: block }

img { 
	border: none; 
}

#grey { 
	background: #eeeeee; 
}
.body { 
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Helvetica, sans-serif; 
}
.wide { 
	width: 960px; margin: .5em auto; 
}
.slim { 
	width:  750px; margin: .5em auto; 
}

.white { 
	background-color: #ffffff; 
}


/* ------------------------ COUNTDOWN TIMER1 ------------------------ */

.countdown-bg {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	float: right;
	margin-top: -23px;
}


ul.countdown {
	margin-top: 15px;
	margin-left: 0;
}

ul.countdown li {
	display: inline-block;
	width: 104px;
	margin-bottom: 1em;
	margin-right: 30px;
	padding-top: 10px;
	position: relative;	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #f6bc57;
	background: -moz-linear-gradient(top,  rgba(246,188,87,1) 53%, rgba(244,164,24,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(53%,rgba(246,188,87,1)), color-stop(100%,rgba(244,164,24,1)));
	background: -webkit-linear-gradient(top,  rgba(246,188,87,1) 53%,rgba(244,164,24,1) 100%);
	background: -o-linear-gradient(top,  rgba(246,188,87,1) 53%,rgba(244,164,24,1) 100%);
	background: -ms-linear-gradient(top,  rgba(246,188,87,1) 53%,rgba(244,164,24,1) 100%);
	background: linear-gradient(to bottom,  rgba(246,188,87,1) 53%,rgba(244,164,24,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6bc57', endColorstr='#f4a418',GradientType=0 );
	box-shadow: inset 0 1px 0 rgba(248, 223, 121, 0.68), inset 0 -5px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(248, 223, 121, 0.68), inset 0 -5px 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow: inset 0 1px 0 rgba(248, 223, 121, 0.68), inset 0 -5px 0 rgba(0, 0, 0, 0.4);
	text-align: center;
}


ul.countdown li span {
	font-weight: bold;
	color: #000;
	font-family: Oswald, 'Open Sans', sans-serif;
	font-size: 34px;
	line-height: 30px;
	position: relative;
}


ul.countdown li span::before {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	top: 5px;
}


ul.countdown li p.timeRefDays,
ul.countdown li p.timeRefHours,
ul.countdown li p.timeRefMinutes,
ul.countdown li p.timeRefSeconds {
	font-family: Oswald, 'Open Sans', sans-serif;
	color: #FFF;
	font-size: 18px;
	text-transform: uppercase;
	text-shadow: 0 1px 2px #000000;
	margin-top: 4px;
} 


/* ------------------------ COUNTDOWN TIMER2 ------------------------ */






/* ------------------------ SLIDERS ------------------------ */

#slider_1 {
	position: relative;
	margin: 0 auto;
	width: 650px;
	height: 230px;
	margin-bottom: 60px;
}

#slider_2 {
	position: relative;
	margin: 0 auto;
	width: 650px;
	height: 230px;
	margin-bottom: 60px;
}

#hack_1 {
	position: relative;
	margin: 0 auto;
	width: 650px;
	height: 230px;
	margin-bottom: 60px;
}

#hack_2 {
	position: relative;
	margin: 0 auto;
	width: 650px;
	height: 230px;
	margin-bottom: 60px;
}

#slider_beef {
	position: relative;
	margin: 0 auto;
	width: 650px;
	height: 230px;
	margin-bottom: 60px;
}


/* ------------------------------ DIV#LETTER------------------------------ */

div#letter { 
	border: 5px solid #fff; border-radius: 5px;
}
div#letter article { 
	margin: 1em 2.5em .5em 2.5em; 
}
div#letter img { 
	padding: .25em; 
}
div#letter img.no-style { 
	padding: 0em; background: none; border: none; 
}


/* ------------------------------ BOXES ------------------------------ */

div#options { 
	overflow: hidden; border: 
	1px solid rgb(192,194,198); 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	margin: 1em 0em; 
}

div#options div.float { 
	background: rgb(255,255,255);
	width: 50%; 
	float: left;
	}

div#options div.float aside.action { 
	width: auto; 
	padding: 0em 0em; 
	margin: .5em .5em; 
}

div#letter div#options img { 
	border: none; 
	background: none; 
}

aside.action p { 
	margin: 0em 0em; 
}
aside.action blockquote { 
	margin: 1em .5em; 
}

aside.action { 
	width: 375px; 
	clear:both; 
	background: /*rgb(223,228,238)*/rgb(255,255,255); 
	border: 2px solid rgb(240,240,240);  
	-moz-border-radius:0 0 120px 120px / 0 0 6px 6px; 
	border-radius:0 0 120px 120px / 0 0 6px 6px; 
	margin: .5em auto; padding: 0em 0em 1em 0em;  
}

.drop-shadow { 
	position:relative; 
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; }
	
.peace { 
	overflow: hidden; 
}

aside#ready1 { 
	margin-top: 0em; 
	background: #202020 url(/images/back.jpg) no-repeat 0em 0em; 
	max-width: 675px; 
	min-height: 215px; 
}
aside#ready1 div.padding { 
	padding: 1em 1em; 
}
aside#ready1 aside.action { 
	float: right; width: 375px; 
}

aside#ready2 { 
	margin-top: 0em; 
	background: #ebebeb url(/images/search-back.jpg) no-repeat 0em 0em; 
	max-width: 675px; 
	min-height: 215px; 
	border: 3px solid #eee;
}
aside#ready2 div.padding { 
		padding: 1em 1em; 
}
aside#ready2 aside.action { 
	float: right; width: 375px; 
}

aside#ready3 { 
	margin-top: 0em; 
	background: #202020 url(/images/print-version.jpg) no-repeat 0em 0em; 
	max-width: 675px; 
	min-height: 215px; 
	border: 3px solid #eee;
}
aside#ready3 div.padding { 
		padding: 1em 1em; 
}
aside#ready3 aside.action { 
		float: right; width: 375px; 
}

.float-a { 
	float: left; width: 50%; 
}
.float-b { 
	float: left; width: 50%; 
}

ul.greentick1 li { 
	list-style: none; 
	padding: 0px 0px 20px 45px; 
	background: url(/images/accept.png) no-repeat 0em -.15em; 
	min-height: 0px; 
	margin: 0em 0em;
	width: 500px; 
	}
	
ul.greentick2 li { 
	list-style: none; 
	padding: 0px 0px 20px 45px; 
	background: url(/images/css-checkgreen.png) no-repeat 0em -.15em; 
	min-height: 0px; 
	margin: 0em 0em;
	width: 310px; 
	}

ul.face li { 
	list-style: none; 
	padding: 8px 0px 20px 45px; 
	background: url(/images/bullet-face.jpg) no-repeat 0em -.15em; 
	min-height: 0px; 
	margin: 0em 0em;
}

ul.yum li { 
	list-style: none; 
	padding: 0px 0px 0px 55px; 
	background: url(/images/beef/yum.jpg) no-repeat 0em -.15em; 
	min-height: 0px; 
	margin: 0em 0em;
}


table.b {
	border: 1px solid #d8d8d8;
	width: 670px;
	background-color: #f6f6f6;
	margin-bottom: 5px;
	margin-left:auto; 
	margin-right:auto;
	padding: 20px;
}

/* ------------------------------ TYPOGRAPHY ------------------------------ */

p { 
	margin: 1.25em 0em; 
}

h1 { 
	font-family: Oswald, Helvetica, Arial,sans-serif; font-weight: 800; font-size: 34px; text-transform: uppercase; text-align: center; margin-bottom: 0em; line-height: 40px; 
}
.or { 
	color: #e87005; 
}

h2 { 
	font-family: Lato, Helvetica, Arial,sans-serif; 
	font-size: 1.25em; 
	line-height: 1.25em; 
	margin-bottom: .5em; 
}

h3 { 
	font-family: Lato, Oswald, Helvetica, Arial,sans-serif; 
	font-size: 1.75em; 
	line-height: 1.25em; 
	text-align: center; 
}

h3.left { 
	font-family: Lato, Oswald, Helvetica, Arial,sans-serif; 
	font-size: 1.75em; 
	line-height: 1.25em; 
	text-align: left; 
}

h4 { 
	font-family: Arial,sans-serif; 
	font-size: 18px; 
	margin-bottom: 0em;
	line-height: 22px; 
}

.centre { 
	text-align:center; 
}


/* ------------------------------ IN.SETTINGS ------------------------------ */

.absolute { 
	position:absolute;
	margin: -30px 0px 0px -60px;
}

.video { 
	position:relative;
	margin: -10px 0px 0px 0px;
}

.clearing { 
	clear: both;  
}

.divider { 
	background: url(/images/divider1.png) no-repeat bottom center;
	padding-bottom: .5em; height: 28px; 
}

.star { 
	color:#e08524; 
}

dl.photo { 
	float: right; 
	display: inline; 
	padding: .25em;
	margin: .5em 1em .5em .5em;
}

dl.photo img { 
	padding: .25em; 
}

.float-right { 
	float: right; 
	margin-left: 1em; 
}

.float-left { 
	float: left; margin-right: 1em; 
}

.clickbank { 
	margin-top:20px;
	font-size: 9px;
}

/* -------------------------- FOOTER ------------------------------ */

footer { 
	font-family: Arial,sans-serif; 
	font-size: 12px;
	text-align: right; 
	clear: both; 
}
footer a {  
	color: #000;
	color:#FFF;
}