`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;}

table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
form legend {display: none;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
ol, ul {list-style: none;}
hr {display: none; visibility: hidden;}

:focus {outline: 0;}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

body { background-color: #f6f6f6; }
#pagewrap { margin: 0 auto; width: 962px; }
#wrapper { 
	border-left: 1px solid black;
	border-right: 1px solid black; 
	border-top: 1px solid black; 
}

#header { 
	background: -webkit-gradient(linear, left bottom, left top, from(#333), to(#000));
	background: -moz-linear-gradient(left, #333, #000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#000');
	height: 70px; 
	}
	
#content {  background-image: url('images/content.png'); height: 100%; }
	.leftwrap {
		float: left; 
		width: 300px; 
		height: 400px; 
		}
	.leftbar { width: 250px; margin: 0 auto; }
		.leftbar p { color: #111; }
		#face { float: left; margin: 0 10px 0 0;
				border: 1px solid #333; }
	.rightbar { float: left; width: 660px; }
		.rightcontent { padding: 0 30px; }
			.rightcontent p { color: #333; font-size: 14px; }
		.title { font-size: 24px; font-weight: bold; }
		#bookwrap { margin: 0 auto; height: 300px; width: 550px; }
		.book { float: left; padding: 0px 20px 20px 20px; margin-left: 20px;
		-moz-border-radius-topleft:  10px;
		-moz-border-radius-topright: 10px; 
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;  }
		.book:hover { background-color: #f9f9f9; }

.thanks { width: 300px; }
.centerpage { margin: 0 auto; overflow: hidden; }
	.centerpage p { color: #111; }

#form { width: 300px; }
	.formtitle { font-size: 14px; }
	.dropdown { width: 150px; }
	.submit { padding: 5px; width: 120px; margin-top: -10px; background-color: #ffff00; color: #111; }
	.submit:hover { background-color: #000; color: #fff; }
		
	.rotation { height: 400px; }

#bars-t { background-image: url('images/bar-top.png'); height: 30px; }
#bars-b { background-image: url('images/bar-bottom.png'); height: 30px; }

.navigation {
	background: -webkit-gradient(linear, left bottom, left top, from(#000), to(#333333));
	background: -moz-linear-gradient(left, #000, #333333);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#333333');
	height: 70px; 
	position: relative; 
	float: left;
	width: 960px;
	}
	.navigation ul { margin-left: -25px; }
	.navigation ul li { 
		list-type: block; 
		float: left;
		}
		.navigation ul li a:link, .navigation ul li a:visited,
		.navigation ul li a:active, .navigation ul li a:hover,
		.win a,.win a:link, .win a:visited, .win a:active {
		text-decoration: none; 
		padding: 10px;
		-moz-border-radius-topleft:  10px;
		-moz-border-radius-topright: 10px; 
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px; 
		}
		.red, .promo p { color: #c1272d; }
		.promo { height: 30px; margin: 5px auto; width: 560px; background: #FFF200; }
			.promo p { color: #111; padding: 8px 0 0 0; font-family: helvetica, arial, sans-serif; font-weight: bold; font-size: 16px; align: center;  }
		.navigation ul li a:link, .navigation ul li a:visited {
			color: #f9f9f9; }
		.navigation ul li a:hover, a:active { 
			color: #FFFF00; text-decoration: none; }
	
		.win { float: right; margin: 0 40px; }
		.win a,.win a:link, .win a:visited, .win a:active {
			color: #ffff00;
			text-decoration: none; 
			padding: 10px;
			-moz-border-radius-topleft:  10px;
			-moz-border-radius-topright: 10px; 
			-moz-border-radius-bottomleft: 10px;
			-moz-border-radius-bottomright: 10px;
			-webkit-border-top-left-radius: 10px;
			-webkit-border-top-right-radius: 10px;
			-webkit-border-bottom-left-radius: 10px;
			-webkit-border-bottom-right-radius: 10px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px; 
			}
		.win a:active, .win a:hover { background-color: #ffff00; color: #c1272d; }

#spanner { 
	height: 250px; 
	overflow: hidden; 
	background: -webkit-gradient(linear, left bottom, left top, from(#000), to(#323132));
	background: -moz-linear-gradient(left, #000,  #323132);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#323132');
		}
	.box { 
		float: left;
		width: 275px; 
		margin: 10px 20px;
		}
		.box p { 
			color: white; 
			width: 250px; 
			margin: 20px auto; 
			}
			
#footer { 
	background-color: black;
	height: 30px;
	padding: 10px; 
	}
	#footer p { color: #e6e6e6; }

/* Slider */
#s3slider { 
   position: relative; /* important */
   margin-top: 0px;
   overflow: hidden; /* important */ 
   height: 400px; /* important to be same as image height */   
   width: 660px; /* important to be same as image width */ 
   z-index: 32;
}
	#s3slider ul, #s3slider li { list-style-type: none; padding: 0; }

#s3sliderContent {
   width: 660px; /* important to be same as image width or wider */
   position: relative; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   z-index: 1;
}

.s3sliderImage {
   display: none; /* important */	
   margin-top: -16px;
   float: left; /* important */
   position: absolute; /* important */
}

.s3sliderImage span { display: none; }

/* form */
.formwrap { width: 400px; margin: 0 auto; }
.formpush { padding-top: 50px; }
.form-l { float: left; }
.form-r { float: left; margin-left: 20px; }

/* Typography */
#footer p, .box p, p, h1, h2, h3, .title, .formtitle { 
	font-family: Arial, Helvetica, sans-serif; 
	}
.rightcontent p { line-height: 20px; }	

h1 { font-size: 24px; margin-bottom: 0; }
h2 { font-size: 22px; }
h3 { font-size: 16px; }
.navigation ul, .win { 
	font-family: Impact, Arial Black, Arial; 
	font-size: 20px; 
	letter-spacing: 1px; 
	text-transform: uppercase; 
	}
#footer p, .box p, p { 
	color: #e6e6e6;
	font-size: 10px; 
	line-height: 14px; 
}
.leftbar h2 { margin-bottom: -5px; }
.box h3 { color: #f9f9f9; margin: 15px 0px -10px 0px; border-bottom: 1px solid #333; }