@charset "UTF-8";

body {
	margin: 0;
	padding: 0;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font: 14px/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	background-color:#333;
	background-image:url(../images/main-bg.jpg);
	background-repeat:repeat-x;
	text-align: center;
	color: #000;
	}
	
/* sliding things */

.title1 {
	margin:125px 0 20px -1000px;
	padding:4px;
	width:376px; height:103px;
	background-color: transparent;
	opacity:0;
	background-image:url(../images/30seconds.png);
	background-repeat: no-repeat;	
	}

#thirty {
	width: 120px;
	font-size: 65px;
	text-align: center;
	color: #fff;
	padding: 20px 0 10px 0;
	
	}	
	
#seconds {
	width: 120px;
	font-size: 22px;
	text-align: center;
	color: #000;
	padding-top: 10px;
	}		
	
#for-etc {
	width: 250px;
	height: auto;
	line-height: 28px;
	font-size: 24px;
	text-align: center;
	color: #fff;
	margin: 0 0 0 0px;
	padding-top: 12px;
	}	
	
	
	
.title2{
	margin:0 0 7px -1000px;
	padding:4px;
	width:400px; height:88px;
	background-color: transparent;
	opacity:0;
	}
	
.title2 img {
	padding-right: 4px;
	}
	
.title3 img {
	padding-right: 4px;
	}
	
.title4 img {
	padding-right: 4px;
	}
	
.title2, .title3, .title4 p {
	color: #fff;}			
	
.title3 {
	margin:0 0 7px -1000px;
	padding:4px;
	width:400px; height:88px;
	background-color: transparent;
	opacity:0;
	}
	
.title4 {
	margin:0 0 7px -1000px;
	padding:4px;
	width:400px; height:88px;
	background-color: transparent;
	opacity:0;
	}		
	
.steps-titles {
	color: #ff0000;
	font-weight: bold;
	letter-spacing: 1px;
	}
	
		
/* main nav */

#main-nav {
  position:relative;
  top:95px;
  left:-5px;
  float:left;
  width:100%;
  font-size:100%;
  line-height:normal;
  }
#main-nav ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#main-nav li {
  float:left;
  background:url("../images/right.png") no-repeat right top;
  margin:0 2px 0 0;
  padding:0 10px 0 0;
  height: 30px;
  }
#main-nav a {
  float:left;
  display:block;
  background:url("../images/left.png") no-repeat left top;
  padding:5px 7px 4px 17px;
  text-decoration:none;
  font-weight:bold;
  color:#000;
  height: 30px;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#main-nav a {float:none;}
/* End IE5-Mac hack */
#main-nav a:hover {
  color:#fff;
  }
#main-nav #current {
  background-image:url("../images/right_on.png");
  }
#main-nav #current a {
  background-image:url("../images/left_on.png");
  color:#333;
  padding-bottom:5px;
  }	
	
/**/	

.colours {
	color: #fff;
	}	
	
h1 {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #ff0000;
	text-transform:capitalize;
	margin-bottom: -10px;
	}	
	
	
#clear {
	clear:both;}

#content {
	margin: 0 auto;
	width:964px;
	background-color:#fff;
	/*background-image:url(../images/content-bg.jpg);*/
	background-repeat:no-repeat;
	background-position:top;
	text-align:left;
	padding: 10px;
	}

#main {
	margin: 0 auto;
	background: #fff; 
	padding: 0px;
	width: 984px;
	height:787px;
	text-align:center;
	}
	
#footer {
	margin: 0 auto;
	width:984px;
	background:#fff;
	text-align:center;
	}
	
.footerlinks {font-size: 10px;color:#000000;text-decoration:none;}
.footerlinks:link {font-size: 10px;color:#000000;text-decoration:none;}
.footerlinks:visited {font-size: 10px;color:#000000;text-decoration:none;}
.footerlinks:hover {font-size: 10px;color:#000000;text-decoration:underline;}


#footer p {
	margin: 0;
	padding: 10px 0;
	}
	
.small {
	font-size: 10px;
	color: #000;
	padding-left:420px;
	margin-top: -17px; 
}

fieldset {
	border: 2px solid #ff7100;
	padding:10px;
	color: #000;
	font-size: 14px;
	font-weight:bold;
	text-align: center;
	}

legend {
	font-size: 28px;
	color: #ff7100;
}

/* video */

#video {
	position:relative;
	left:1px;
	top:1px;
	width:275px;
	height:209px;
	z-index:2;
}

.gecko #video{
	position:relative;
	left:374px;
	top:100px;
	width:275px;
	height:209px;
	z-index:2;
}

.webkit #video{
	position:relative;
	left:374px;
	top:-138px;
	width:275px;
	height:209px;
	z-index:2;
}

.chrome #video{
	position:relative;
	left:374px;
	top:-138px;
	width:275px;
	height:209px;
	z-index:2;
}

#order-form {
	position:relative;
	left:45px;
	top:50px;
	width:300px;
	height:209px;
	z-index:0;
}


	
/* price */

#price {
	position:relative;
	left:592px;
	top:-20px;
	width:100px;
	height:100px;
	color: #ff0000;
	font-size: 21px;
	font-weight: bold;
	text-align:center;
	z-index:2;
	letter-spacing: -1px;

}

#sh {
	position:relative;
	left:592px;
	top:-100px;
	width:100px;
	height:100px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	z-index:2;
}

.before-after {
	position:relative;
	left:0px;
	top:-10px;
	width:100%;
	height:20px;
	color: #ff0000;
	font-size: 13px;
	text-align:center;
	z-index:99;
	float: left;
}