body {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 16px;
	background: url("../images/bg.jpg") repeat left top #000;
	color: #FFF;
}

/*** Type ***/
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
p {
	line-height: 1.5;
	margin: 0 0 1em;
}
h2 {
	font-family: 'BebasNeueRegular';
	font-size: 48px;
	font-weight: normal;
	color: #D26604;
	line-height: 1;
	margin: 0 0 .8em;
}
h3 {
	font-family: 'BebasNeueRegular';
	font-size: 36px;
	font-weight: normal;
	line-height: 1.2;
	margin: 0 0 .5em;
}
a {
	color: #D26604;
	text-decoration: none;
}
a:hover {
	border-bottom: 1px solid #D26604;
}

/*** Common ***/
.screen-reader {
	position: absolute;
	display: block;
	left: -9999px;
}
.ir {
	text-indent: -9999px;
	position: relative;
	display: inline-block;
	width: 100%
	height: 100%;
}
.left {
	float: left;
}
.right {
	float: right;
}
.accent-color {
	color: #D26604;
}
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/*** Tables ***/
td {
	padding: 5px 10px;
}
tr.even {
	background-color: #4A4A4A;
}

/*** Buttons ***/
.button:hover {
	border: none;
}
.buy-now-btn {
	background: url('../images/btn-buynow.png') no-repeat left top;
	width: 100px;
	height: 33px;
}

/*** Layout ***/
.page-wrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
section {
	min-height: 1040px;
	padding-top: 200px;
}
article {
	margin-bottom: 3em;
}

/*** Nav ***/
header {
	width: 100%;
	height: 220px;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	background: url('../images/bg-nav-fade.png') repeat-x left top;
}
header .page-wrap {
	background: url('../images/bg-nav.png') no-repeat center 15px;
	height: 220px;
}
nav {
	font-family: 'BebasNeueRegular';
	font-size: 24px;
	position: relative;
}
nav ul {
	position: absolute;
	top: 50px;
	margin: 0;
	padding: 0;
}
nav .left { left: 142px; }
nav .right { left: 600px; }
nav li {
	display: block;
	float: left;
	margin-right: 20px;
}
nav a {
	color: #FFF;
	text-decoration: none;
	border-bottom: none;
}
nav a:hover,
nav .current a {
	color: #602B01;
}


/*** Home ***/
#home {
	background: url('../images/bg-home.jpg') repeat-x center top;
}
#home h2 {
	color: #FFF;
	line-height: .8em;
}
#home h2 span {
	font-size: 1.3em;
	position: relative;
	top: 10px;
}
#home h2 .accent-color {
	top: 0;
}
#home article {
	width: 460px;
}
#home .main-image {
	position: absolute;
	right: 15px;
	top: -75px;
}
#home .badge {
	position: absolute;
	right: 100px;
	bottom: 10px;
	font-family: "BebasNeueRegular";
	font-size: 2em;
	line-height: 1.1em;
}
#home .badge sup {
	font-size: 0.6em;
}
#home .badge .accent-color {
	font-size: 1.4em;
}

/*** Features ***/
#features {
	background: url('../images/bg-features.jpg') repeat center top;
}
#features .col-1 {
	float: left;
	width: 460px;
}
#features .col-2 {
	float: right;
	width: 460px;
}
#features table {
	width: 100%;
}
#features table .label {
	width: 40%;
}

/*** Gallery ***/
#gallery {
	background: url('../images/bg-gallery.jpg') repeat center top;
}
/*#gallery .pics {
	width: 510px;
	float: left;
}*/
#gallery ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#gallery li {
	float: left;
	width: 150px;
	height: 100px;
	margin: 0 42px 42px 0;
	background-color: #FFF;
}
#gallery li a:hover {
	border: none;
}
#gallery .video {
	width: 420px;
	float: right;
}

/*** About ***/
#about {
	background: url('../images/bg-about.jpg') repeat center top;
}
#about .left {
	width: 300px;
}
#about .right {
	width: 640px;
}

/*** Buy Now ***/
#buy-now {
	background: url('../images/bg-buy-now.jpg') repeat center top;
}
#buy-now ul {
	margin: 2em 0 6em;
	padding: 0;
	list-style: none;
}
#buy-now li {
	margin: 0 20px 40px 0;
	float: left;
}
#buy-now li img {
	display: block;
	width: 140px;
	height: 140px;
	background-color: #FFF;
	margin-bottom: .8em;
}
#buy-now li h3 {
	font-size: 1.8em;
}
#buy-now .contact {
	padding-top: 40px;
	text-align: center;
	clear: both;
	font-size: 1.8em;
	font-family: "BebasNeueRegular";
}