@charset "utf-8";

/* STANDARD STYLES */

@font-face {
	font-family: "BebasNeueRegular";
	src: url("BebasNeue-webfont.eot"),
	url("BebasNeue-webfont.eot?iefix") format("eot"),
	url("BebasNeue-webfont.woff") format("woff"),
	url("BebasNeue-webfont.ttf") format("truetype"),
	url("BebasNeue-webfont.svg#svgBebasNeueRegular") format("svg");
}

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	line-height: 22px;
	word-wrap: break-word;
	width: auto;
	height: auto;
	border: 0;
	-webkit-text-size-adjust: none;
}

img	{ max-width: 100%; }

iframe, frame	{ width: 100%; max-width: 100%; line-height: 0; overflow: hidden; }

table		{ border-collapse: collapse; padding: 0; margin: 0; }
table p		{ margin: 0; padding: 0; }
th, td		{ margin: 0; padding: 0; word-wrap: break-word; overflow: hidden; }
tr td:nth-child(even)	{ text-align: right; }


/* BODY & LAYOUT STYLING */

html, body	{ height: 100%; min-height: 100%; }

/*body		{ background: #4c8d00 url("images/bg-hd.png") top center no-repeat; margin: 0; padding: 0; overflow-x: hidden; }*/
body		{ background: #4c8d00; margin: 0; padding: 0; overflow-x: hidden; }
#outer		{ margin: 0; padding: 0; min-height: 100%; position: relative; }
#wrapper	{ max-width: 100%; margin: 0 auto; padding: 0 0 42px 0; }
#logo		{ height: auto; padding: 130px 0 45px 0; text-align: center; position: relative; }
#logo #print	{ display: none; }
#text, #map, #contactleft { padding: 25px; }


/* CSS3 SCREEN SIZE SPECIFIC STYLES */

@media (max-width: 470px) {
	#text img	{ display: inline-block; }
	#text, #map, #contactleft	{ padding: 20px; }
	#contactleft	{ float: left; }
}


/* DEFAULT STYLING */

h1, h2		{ color: #ffffff; margin-top: 0; font-weight: normal; font-family: BebasNeueRegular, Arial, Helvetica, sans-serif; text-transform: uppercase; }
h1		{ font-size: 63px; line-height: 48px; margin: 100px auto -6px auto; padding: 0 38px; width: 903px; opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity: 70); -khtml-opacity: 0.7; }
h2		{ font-size: 30px; line-height: 25px; border-bottom: 1px dotted #cccccc; padding: 3px 0; margin: 0; }
#h3		{ text-align: center; }

a		{ color: #004e79; text-decoration: underline; cursor: pointer; }
a:hover		{ color: #080808; }

ul		{ list-style: none; margin: 0; padding: 0; }
li		{ list-style: none; margin: 0; padding: 0; }
li a		{ display: block; height: 100%; min-height: 100%; }


/* CONTENT BOX */

p		{ color: #555555; }
#content	{ position: relative; height: auto; max-width: 1020px; margin: 0 auto; padding: 0 0 60px 0; }
#text		{ overflow: hidden; text-align: center; }


/* MENU */

.menu		{ width: 100%; text-align: center; background: url("images/menubg.png") repeat; position: fixed; top: 0; z-index: 100; }
.menu p		{ padding: 13px 0 10px 0; position: relative; line-height: 16px; margin: 0; }
.menu a		{ color: #767676; font-family: BebasNeueRegular, Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 20px; line-height: 26px; letter-spacing: 1px; display: inline-block; padding: 0 15px; }
.menu a:hover	{ color: #dfdfdf; }

.box		{ width: 980px; margin: 0 auto; background: url("images/box-bg.png") repeat; line-height: 0; position: relative; }
.boxfirst	{ width: 1020px; margin: 0 auto; background: none; line-height: 0; position: relative; }
.box h2		{ color: #555555; }
.column		{ width: 50%; display: inline-block; position: relative; vertical-align: top; }
.columnInner	{ margin: 40px; }


/* DEMOS SECTION */

#demo		{ text-align: center; }
#demo ul	{ list-style: none; overflow: hidden; padding: 10px 0 27px 0; margin: 0; }
#demo li	{ list-style: none; margin: 10px; padding: 0; display: inline-block; vertical-align: top; }
#demo img	{ border: none; width: 100%; height: auto; }
#demo a		{ line-height: 0; text-decoration: none; }
#demo li	{ width: 214px; border: 8px solid #ffffff; background: #444444; overflow: hidden; }
#demo span	{ display: block; width: 100%; padding: 8px 0 0 0; background: #ffffff; text-align: left; font-family: BebasNeueRegular, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 18px; }
#demo a:hover span	{ color: #990000; }


/* FEATURES SECTION */

.feat		{ display: inline-block; padding: 40px; max-width: 246px; height: 320px; vertical-align: top; border-bottom: 1px solid #ccc; }
.feat h2	{ font-size: 30px; line-height: 25px; border-bottom: 1px dotted #cccccc; }
.feat h2 span	{ display: block; color: #888888; font-size: 11px; }
.feat .con	{ overflow: hidden; }
a.more		{ text-transform: uppercase; font-size: 12px; font-weight: bold; text-decoration: none; }
a.more span	{ font-size: 15px; }


/* PRICE SECTION */

.price		{ font-size: 180px; line-height: 180px; font-family: BebasNeueRegular, Arial, Helvetica, sans-serif; }
.priceOnly	{ font-size: 40px; line-height: 40px; font-family: BebasNeueRegular, Arial, Helvetica, sans-serif; }
.terms		{ color: #ffffff; font-size: 11px; line-height: 14px; width: 80%; text-align: center; margin: 10px auto 0 auto; }
.terms a	{ font-size: 11px; color: #ffffff; }
#freebies	{ position: absolute; top: -15px; left: -40px; }

.row3		{ border-bottom: 1px solid #ccc; }
.row4		{ border-bottom: 1px solid #ccc; }

.row3 .columnInner { height: 195px; }
.row4 .columnInner { height: 215px; }

@media (max-width: 520px) {
	.column	{ width: 100%; }
}


/* CONTACT DETAILS */

#contact	{ overflow: auto; overflow: hidden; padding: 0; max-width: 1050px; margin: 0 auto; }
#contactcentred	{ text-align: center; }
#contactleft	{ text-align: left; float: left; }
#contactleft, #map, #contactcentred { padding: 12.5px; }
#qrcode		{ display: none; width: auto; height: 100px; }


/* FOOTER */

#foot		{ position: absolute; bottom: 0; width: 100%; height: 42px; }
#footer		{ color: #ffffff; font-size: 10px; text-align: center; margin: 0; padding: 10px; }
#footer a	{ font-size: 10px; text-decoration: underline; color: #ffffff; }
#footer img	{ vertical-align: middle; }


/* RESIZING */

@media (min-width: 1500px) {
	body		{ background: #4c8d00 url("images/bg-hd.png") top center no-repeat; }
}

@media (max-width: 1500px) {
	body		{ background: #4c8d00 url("images/bg-1500.png") top center no-repeat; }
}

@media (max-width: 1030px) {
	body		{ background: #4c8d00 url("images/bg-1024.png") top center no-repeat; }
	#logo		{ width: 652px; margin: 0 auto; }
	h1		{ width: 572px; margin-left: auto; margin-right: auto; }
	.box		{ width: 652px; }
	.boxfirst	{ width: 672px; }
	#demo li	{ width: 180px; }
	.terms		{ max-width: 580px; }
	.price		{ font-size: 150px; line-height: 150px; }
}

@media (max-width: 600px) {
	#logo		{ width: auto; padding: 90px 40px 45px 40px; margin: 0 auto;  }
	h1		{ width: auto; }
	.box		{ width: 100%; }
	.boxfirst	{ width: 100%; }
	#demo li	{ width: 160px; }
	.terms		{ max-width: 90%; }
	.feat		{ max-width: 100%; height: auto; }
	.menu		{ position: relative; }
	#pLeft,
	#pRight		{ width: 100%; text-align: center; }
}

@media (max-width: 550px) {
	.row4		{ width: 100%; }
	.row4 .columnInner { height: auto; }
}

@media (max-width: 450px) {
	.box		{ width: 100%; }
	.boxfirst	{ width: 100%; }
	#demo li	{ width: 214px; }
	.terms		{ max-width: 90%; }
}


/* PRINT ONLY */

@media print {
	a:link:after	{ content: " (" attr(href) ")"; }
	a[href^="mailto:"]:after { content: ""; }
	#footer		{ display: none; }
	*		{ font-size: 12px; line-height: 18px; color: #333333; background: #ffffff; }
	h1, h2		{ color: #333333; }
	h1		{ margin: 0 auto; }
	li		{ width: 31.5%; }
	#logo		{ margin: 0; padding: 0; }
	#logo div	{ display: none; }
	#content	{ box-shadow: none; }
	#text		{ padding: 0; }
	#contact	{ padding: 15px 0 0 0; }
	#contactleft, #map { padding: 0; }
	#map		{ padding-right: 15px; }
	#qrcode		{ display: inline-block; }
	#feat div	{ width: 50%; padding: 0; vertical-align: top; }
	#feat .title	{ text-align: center; padding: 0 15px; width: 110px; vertical-align: top; }
	#feat .text	{ text-align: center; padding: 0 15px; width: 250px; vertical-align: top; border: 0; }
	.pagebreak	{ page-break-after: always; }
}