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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary{
	display:block;
}
meter,progress,mark, time{
	display:inline;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
html, body {
	height:100%;
}
html {
	min-width:980px;
}
body {
    background-color: white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1em;
	color:#000;
}

img {
	border:0;
	vertical-align:top;
	text-align:left;
}
object {
	vertical-align:top;
	outline:none;
}
ul, ol {
	list-style:n one;
}
table, table td {
	padding:0;
	border:none;
	border-collapse:collapse;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.clear {
	clear:both;
}
.col-1, .col-2, .col-3 {
	float:left;
}
.alignright {
	text-align:right;
}
.aligncenter {
	text-align:center;
}
.wrapper {
	width:100%;
	overflow:hidden;
}
.container {
	width:100%;
}
a.und, .und a {
	text-decoration:none;
}
a.und:hover, .und a:hover {
	text-decoration:none;
}
.nocolor, .nocolor a{
	color:inherit;
}
/*==== GLOBAL =====*/
.pages{
	width:1000%;
	position:relative;
}

.page{
	width:10%;
	float:left;
    background-color: white;   
}

.inner{
	margin:0 auto;
	background:url(../images/content-bg.png) center 0px no-repeat;
	/*	position:relative;<img src="../images/header_slim_bg.jpg" width="1920" height="188" alt="" border="0"><img src="../images/header_slim_bg.jpg" width="1920" height="188" alt="" border="0">*/
}

.header{
	width:100%;
    margin-top:90px;
	height:42px;
   	min-width:980px;
	position:absolute;
	background-color: black;
	z-index:2; 
}

.header .social {
     margin-right: 5%;
	 margin-left: 80%;
	 height: 30px;
}
.header .social li  {
    float: right;
	list-style-type:none;
	display: inline;
	margin: 6px 0 0 0;
	padding: 2px;
  } 

#content{
	margin-top:138px;
	height: 980px;
	font:14px/18px Arial, Helvetica, sans-serif;
	color:#fff; 
	overflow:hidden;
	position:relative;
    background-color: #fff; 
 }
 
#content>.inner {
	background-color: #C4C4C4;  
    width: 100%;
	height: 100%;
	overflow:hidden;
}
 
.panel {
	width: 358px;
	height: 358px;
	margin: 20px;
	position: absolute;
	font-size: 1em;
	-webkit-perspective: 1000;
   	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
	
	-webkit-backface-visibility: hidden; 
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
    cursor: pointer;
 }

 .panel .rotImage {
    width: 20px;
    height: 20px;
    margin-left: 175px;
}
     
#sm {
	width: 320px;
	height: 215px; 
  }

.b2 {
    margin-top: 220px;
}

.b3 {
    margin-top: 375px;
} 

#mini {
	width: 358px;
	height: 125px; 
}  

#mini .panel-style  {
    margin-top: -15px;
	width: 260px;
	font-weight: bold;
	font-size: 1.2em;
    line-height:200%;
    text-align:center;
}

#sm .rotImage {
    margin-top: -15px;
    margin-left: 175px;
} 
  

.panel .front {
		float: none;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 900;
     	width: inherit;
		height: inherit; 
		background: white; 
        color: #8f0a02; 
		text-align: left;
        padding: 6px 0 0 6px;
		box-shadow: 0 1px 5px rgba(0,0,0,0.9);
        border-radius:15px;
		-webkit-transform: rotateX(0deg) rotateY(0deg);
		-moz-transform: rotateX(0deg) rotateY(0deg);
		-ms-transform: rotateX(0deg) rotateY(0deg);
		transform: rotateX(0deg) rotateY(0deg);

		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d; 
        
		-webkit-backface-visibility: inherit; 
		-moz-backface-visibility: inherit;
		-ms-backface-visibility: inherit;
		backface-visibility: inherit;

		/* -- transition is the magic sauce for animation -- */
		-webkit-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
}
 
.panel.flip .front {
        position: absolute;
		z-index: 900; 
		border-color: #eee;
  		box-shadow: 0 15px 50px rgba(0,0,0,0.2);

		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		transform: rotateY(180deg); 
}


.panel .back {
       	position: absolute;
		float: none; 
    /*	top: -39%;
		left: -38%; */
		top: 0;
		left: 0;
        z-index: 800; 
    /*  width: 179%;
        height: 179%; */
		width: inherit;
		height: inherit;
	
        background: #000;  
		border-radius:15px;
             
        border: 1px solid #ccc;
     	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
     		
        -webkit-transform: rotateY(-179.9deg);
		-moz-transform: rotateY(-179.9deg); /* setting to 180 causes an unnatural-looking half-flip */
		-ms-transform: rotateY(-179.9deg);
	    transform: rotateY(-179.9deg); 
        
	      
    	-webkit-transform-style: flat;
		-moz-transform-style: flat;
		-ms-transform-style: flat;
		transform-style: flat;
        
	    -webkit-backface-visibility: inherit;
		-moz-backface-visibility: inherit;
		-ms-backface-visibility: inherit;
		backface-visibility: inherit; 
        
		/* -- transition is the magic sauce for animation -- */
		-webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
        
 }
 
.panel.flip .back {           
	box-shadow: 0 15px 50px rgba(0,0,0,0.2);
	z-index: 1000; 
        
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
	-ms-transform: rotateX(0deg) rotateY(0deg);
	transform: rotateX(0deg) rotateY(0deg);
  
}
/*-- X axis rotation for click panel -- */
/*	.click .front {
		cursor: pointer;
		-webkit-transform: rotateX(0deg);
			 -moz-transform: rotateX(0deg);
						transform: rotateX(0deg);
	}
	.click.flip .front {
		-webkit-transform: rotateX(180deg);
			 -moz-transform: rotateX(180deg);
						transform: rotateX(180deg);
	}
	.click .back {
		cursor: pointer;
		-webkit-transform: rotateX(-180deg);
			 -moz-transform: rotateX(-180deg);
						transform: rotateX(-180deg);
	}
	.click.flip .back {
		-webkit-transform: rotateX(0deg);
			 -moz-transform: rotateX(0deg);
						transform: rotateX(0deg);
	}
*/
/* -- cosmetics -- */
.panel .pad {padding: 0 15px; }
.panel.flip .action {display: none; }
.block ol li {text-align: left; margin: 0 0 0 28px; }
.block .action {display: block; padding: 3px; background: #333; text-align: right; font-size: .8em; opacity: 0; position: absolute; cursor: pointer; -webkit-transition: opacity .2s linear; }
.block:hover .action {opacity: .7; }
.circle div {border-radius: 100px; }
.circle div h2 {padding-top: 3em; text-align: center; }


.panel .back #panelTxt {
	position: absolute;
	margin-top: 90px;
	margin-left: 90px;
	color: #fff;
	font-weight: bold;
	font-size: 2em;
	text-shadow:2px 2px 3px #8f0a02;  
}


.panel-style  {
    margin-top: 25px;
	margin-left: 50px;
    width: 215px; 
	font-weight: bold;
	font-size: 1.2em;
    line-height:200%;
    text-align:center;
}


.panel .front #bg{
    margin-top: 65px;
    margin-left:75px;
}


.panel .front h3 {
	margin-top: 20px;
	color: #8f0a02; 
}

#footer {
   	text-align:center;
	height:42px;
	background-color: black;
	position:absolute;
	width:100%;
	min-width:980px;
}

#pressfooter {
	height:100%;
	min-height:863px;
	position:relative;
	margin-bottom:-42px;
	overflow:hidden;
}

/*----- forms parameters -----*/

input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	margin:0;
}

textarea{
	overflow:auto;
}
/*----- other -----*/

a.button{
	font:12px/29px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background:url(../images/button-bg.png);
	display:inline-block;
	padding:0 12px;
	-moz-border-radius:6px;
	border-radius:6px;
}

a.button:hover{
	color:#fffd2b;
}

.list a{
	padding-left:14px;
	line-height:22px;
}
.list.t2 {
	list-style:outside;
	text-decoration:none;
}

.list.t2 a{
	font-weight:bold;
	line-height:24px;
	text-decoration:none;
}

.list.t2 a:hover{
	color:#FFFF00;
}

.extra-wrap {
	overflow:hidden;
}
p {
	margin-bottom:18px;
}
.p1 {
	margin-bottom:9px;
}
.p2 {
	margin-bottom:18px;
	/*margin-left: 20px; */
}
.p3 {
	margin-bottom:27px;
}
/*----- txt, links, lines, titles -----*/
a {
/*	color:#fff;
	outline:none;
	text-decoration:none; */
}
a:hover {
	text-decoration:none;
	color:#FFFF00;
}
/*==================boxes====================*/

dl.address dd {
    position: relative;
    color: #8f0a02;
	text-align:right;
	clear:both;
	width:250px;
	font-size: 1.5em;
	margin-left: 108px;
	padding-bottom: 10px;
}
dl.address dd span {
	float:left; 
	margin-left: -38%;
	padding-bottom: 10px;
}

dl.img-box dd {
    text-align: center;
	overflow: hidden;
	height: 70px;
	padding-top: 4px;	
}

#centred {
	overflow: hidden; 
	text-align: left; 
	width: auto;
	margin-left: 10%;
	height: 600px;
 } 
 
 #innerEnv {
  position: absolute;
  overflow: hidden; 
  width: 80%;
  height: 600px;
}
/* styles for mobile browsers smaller than 480px; (iPhone) */
/* @media only screen and (max-device-width:480px) {
 #centred { 

  }
}  

/* styles for desktop browsers - landscape layout */
/* @media only screen and (min-device-width: 481px) {
 #centred {

 } 
} */ 

#page1 .logo {
    position: relative;
	left:0px;
	margin-top: 30px;
    width: 100%;
	height: 40%;
	background: url(../images/wc_keys_crop.jpg) center no-repeat; 
	z-index: 0;
}

.inner .logo_btm {
	position:absolute;
	left:0px;
    width: 100%;
	margin-top: 200px;
}

.header .headerTxt a{
	position:absolute;
	left:80px;
	top:-50px;
    font-size: 60px;
    font:bold Arial, Helvetica, sans-serif; 
    color:#fff; 
    text-shadow:4px 4px 3px #8f0a02;  
	text-decoration:none;
}

.header .header_bg {
   width: 1000%;
   background-color: black;
   height: 95px;
   margin-top: -100px;
   margin-left: -600px;
}


.header .nav{
	position:absolute;
	top:12px;
	left:84px;
    width: 360px;
}

.header .nav li{
    float:left;
  	margin-right:30px;
}

.header .nav li a{
	color:#b9b9b9;
	font:400 1.1em Arial, Helvetica, sans-serif;
	text-decoration:none;
    font-weight:bold;
	text-transform:uppercase;
}

.header .nav li a:hover,.header .nav li.active a{
	color:#fff;
	color:#fff;
}
/*===== content =====*/

#content h2{
	font:40px/1.3em Arial, Helvetica, sans-serif;
	color:#fff; 
	margin-bottom:60px;
}

#page1 .inner dd { 
   margin-top: 450px;
   text-align:center;
   margin-left: 2%;
   width: 30%;
   font-size: 2.25em;
   color: black; 
   font-weight: bold;
   z-index: 9000;
   height: 70px;
   float: left;
   display: inline; 
 }

/* styles for mobile browsers smaller than 480px; (iPhone) */
@media only screen and (max-device-width:480px) {
 #page1 .inner dd { 

  }
}  

/* styles for desktop browsers - landscape layout */
@media only screen and (min-device-width: 481px) {
 #page1 .inner dd { 

  } 
}

 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */
  }




#page2 .inner h3{
    color: #8f0a02; 
 }

#page4 .inner h3 { 
   color: #8f0a02; 
}

#page4 #centred  h3 { 
   font-size: 2.5em; 
   margin-left: 12px;
   margin-top: -40px;
}
 
.inner h1 { 
    color: #8f0a02; 
}

#content h3{
	font:22px/1.5em Arial, Helvetica, sans-serif;
    color:#fff; 
	margin-bottom:22px; 
}

#content .border-right{
	background: url(../images/v_border.png) right repeat-y;
	padding-right:30px;
	margin-right:30px;
}

#content .border-bottom{
	background:url(../images/g-border.png) bottom repeat-x;
	padding-bottom:18px;
}

 
/*===== footer =====*/
#footer .privacy{
    padding-top: 12px;
	font:0.7em Arial, Helvetica, sans-serif;
	color:#fff;
}

#footer .privacy a{
	text-transform:none;
}


/*----- forms -----*/

#form1 input,#form1 textarea{
	background: #fff; /*#D8D8DB; /* #C2C2C5;*/
	border:solid #8f0a02 2px;
	width:353px;
	float:left;
	padding:5px 0 5px 6px;
	margin:0 0 16px 0;
	font:700 16px Arial, Helvetica, sans-serif;
	color: black; /*#515151;*/
	}

#form1 textarea{
	height:195px;
}

#form1 .btns{
	position: absolute;
    margin-top: 300px;
    margin-left: -150px;
}

#form1 .btns a{
	float:left;
	margin-top:14px;
    margin-left: 10px;
	font-size: 16px;
}

#login{
	position:absolute;
	left:320px;
	top:160px;
}

#login label{
	float:left;
	margin-right:20px;
}

#login input{
	width:113px;
	display:inline-block;
	background:#fff;
	border:none;
	padding:4px 0 4px 6px;
	margin-top:2px;
	margin-left:10px;
}

#login .button{
	float:left;
}
#GoogleAdSense{
  	position:absolute;
    margin-top: -150px;
    margin-left: 300px; 
    width: auto;
}

#sponsor_img {
   margin-top: 4px;
   margin-left: 40%;
} 

.bannerBox {
    position: absolute;
	margin-top: 70px;
	height: 100px; 
	width:  100%; 
/*	background-color: #303030;  
	opacity: 0.6; 
	z-index: 1; */
} 

.title {
   position: absolute;
   margin-top: -95px;
   margin-left: 85px;
   margin-right: 20px;
   word-wrap: break-word;
   font-size: 4.5em;
   color: #fff; /* #8f0a02; /*black; /*#fff; */
   z-index; 9000;
  /*  text-shadow:4px 4px 3px #fff;   */
}

#subhead {
   margin-left: 200px;
}

/*==========================================*/