/* CSS Document */

/* colours
background 		#101010
yellow			#f9e300
*/

body {font-family:Tahoma, Geneva, sans-serif; font-size:12px; background:#070707; color:#fff;}

a:link, a:visited {color:#f9e300;}
a:hover, a:active {color:#fff;}

h1 {font-size:36px; margin:25px 0; padding:0; color:#f3e900; font-weight:normal;}
h2 {font-size:18px; color:#f3e900; font-weight:normal;}
h3 {font-weight:normal;}

.right {float:right;}
.left {float:left;}
.yellow {color:#f3e900;}

input.blur {
color:#666;
}

#twinpackinfo {display:none; color:#000;}

.sparebox {width:150px; float:left; position:relative; padding:180px 10px 10px 10px;}
.sparebox img {position:absolute; top:0; left:0; border-left:solid 1px #070707;}
.sparebox em {color:#999; font-size:11px;}

#holder {width:960px; margin:0 auto;}

#header {height:139px; position:relative; margin-bottom:35px;}
#logo-holder {width:538px; height:298px; background:url(../img/bg-logo-holder.png) no-repeat; padding:0 0 0 90px; position:absolute; top:0; left:-74px;}

#content {width:850px; margin:0 auto 50px auto; position:relative; min-height:378px;}
#content .lifetime {position:absolute; top:0; right:0;}
#content form {margin-top:40px;}
#content table, #content td {border:0; vertical-align:top;}
#content .formmessagebox {width:99%;}
#content #emessage {background:url(../img/bg-textarea.gif) repeat-x #fff; border:none; padding:2px;}
#content .intro {width:400px;}
#guard-button-white {position:absolute; top:450px; left:0;}
#guard-button-grey {position:absolute; top:450px; left:324px;}
#guard-button-black {position:absolute; top:450px; right:0;}

#boxes {height:156px; position:relative; width:928px; margin:0 auto 30px auto;}
#boxes .video, #boxes .product, #boxes .map, #map_canvas {width:288px; height:156px; position:absolute;}
#boxes .video {top:0; left:0;}
#boxes .product {top:0; left:320px;}
#boxes .map {top:0; left:640px;}
#boxes #map_canvas {background:url(../img/ajax-loader.gif) no-repeat center center; width:288px;}
#boxes .map .form {background:#070707; z-index:98; position:absolute; top:0; left:0; padding:8px 16px;}
.map-input {vertical-align:bottom; margin-right:5px; border:0; background:url(../img/bg-inputbox.gif); padding:2px;}

.rc-tl {position:absolute; top:0; left:0; height:24px; width:24px; z-index:99; background:url(../img/sprite-rc.png) top left no-repeat;}
.rc-tr {position:absolute; top:0; right:0; height:24px; width:24px; z-index:99; background:url(../img/sprite-rc.png) top right no-repeat;}
.rc-bl {position:absolute; bottom:0; left:0; height:24px; width:24px; z-index:99; background:url(../img/sprite-rc.png) bottom left no-repeat;}
.rc-br {position:absolute; bottom:0; right:0; height:24px; width:24px; z-index:99; background:url(../img/sprite-rc.png) bottom right no-repeat;}

#email-signup {width:928px; margin:auto; text-align:right; display:none;}

#footer {width:843px; margin:auto; padding:35px 0 50px 85px; background:url(../img/bg-footer.png) no-repeat 0 10px;}

#nav {
left:0px;
	width: 500px;
	height: 138px;
	padding: 0;
	position: absolute;
	top:0;
	left:460px;
	margin:0;
}

#nav li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#nav a {display: block; text-align:center; font-weight:bold; text-decoration:none; overflow:hidden; color:#f9e300; text-indent:-9999px;}

#nav1 {left: 0px; top: 0px; width: 110px; height: 138px; background: url(../img/nav-sprite.png) -0px -0px repeat-x;}
#nav2 {left: 110px; top: 0px; width: 101px; height: 138px; background: url(../img/nav-sprite.png) -110px -0px repeat-x;}
#nav3 {left: 211px; top: 0px; width: 119px; height: 138px; background: url(../img/nav-sprite.png) -211px -0px repeat-x;}
#nav4 {left: 330px; top: 0px; width: 170px; height: 138px; background: url(../img/nav-sprite.png) -330px -0px repeat-x;}

#nav1 a, #nav2 a, #nav3 a, #nav4 a {height: 138px;}

#nav1 a:hover {background: url(../img/nav-sprite.png) -0px -138px repeat-x; color:#000;}
#nav2 a:hover {background: url(../img/nav-sprite.png) -110px -138px repeat-x; color:#000;}
#nav3 a:hover {background: url(../img/nav-sprite.png) -211px -138px repeat-x; color:#000;}
#nav4 a:hover {background: url(../img/nav-sprite.png) -330px -138px repeat-x; color:#000;}