/*BIG FAT BROWSER RESET*/

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, img, em {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
/*END OF BIG FAT BROWSER RESET*/

/*-------------------CSS RELEVANT TO ALL PAGES-------------------*/
body {
	font-size 62.5%; /*MAKES 1em = 10px*/
	font-family: Arial, Helvetica, sans-serif;
	background-color:#ecedff;
	}	

/*entire container inc all overlaps etc.*/
div#container {
	width: 920px;
	height: 560px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -280px;
	}
	
	/*sets relevant bg image for each page*/
	body#home div#container {
		background-image:url(../images/home_bg.jpg);
		background-repeat: no-repeat;
		background-position: 0px 53px;
	}
	
	body#techspec div#container {
		background-image:url(../images/techspec_bg.jpg);
		background-repeat: no-repeat;
		background-position: 0px 53px;
	}
	
	body#features div#container {
		background-image:url(../images/features_bg.jpg);
		background-repeat: no-repeat;
		background-position: 0px 53px;
	}
	
	body#contact div#container {
		background-image:url(../images/contact_bg.jpg);
		background-repeat: no-repeat;
		background-position: 0px 53px;
	}
	
	/*navigation position*/
	div#nav_bar{
		position: absolute;
		left: 0px;
		top:10px;
	}
	
	/*---------CSS FOR HOME PAGE---------------*/
	
	/* Home page copy animation*/
	div#main_title{
		position: absolute;
		left: 3px;
		top: 158px;
	}
	
	div#visilift_plus{
		position: absolute;
		left: 4px;
		top: 110px;
	}
	
	/*copy on home page*/
	h2#home_copy {
		font-size: 0.8em;
		color: #666666;
		line-height: 1.4em;
		font-weight: normal;
		width: 300px;
		position: absolute;
		bottom: 100px;
		left: 35px;
	}
	
	/*main animation on home page*/
	div#main_anim {
		position: absolute;
		right: 0px;
	}
	
	
	/*-----------CSS FOR FEATURES PAGE------------*/
	
	ul#features_main{
		font-size: 0.7em;
		color: #333333;
		list-style-type: disc;
		padding-left:20px;
		line-height: 1.6em;
		position: absolute;
		left: 365px;
		top: 90px;
	}
	
	
	div#screen_insert{
		position: absolute;
		top: 116px;
		left: 45px;
	}
	
	
	/*-----------CSS FOR TECH SPEC PAGE------------*/
	
	/* table css */
	
	/* attributes for entire table */
	table#techspec {
		border: none;
		border-collapse: collapse;
		position: absolute;
		bottom: 73px;
		left: 35px;
		font-size: 0.57em;
		color: 999999;
		}
	
	/* sets padding for table cells */
	#techspec td, #techspec th {
		border: none;
		padding: 2px 15px 2px 5px;
		}
	
	/* makes all headers bold */
	#techspec th {
		font-weight: bold;
		}
	
	/* sets headers inside the header to have dark green bg colour and dark gray text */
	#techspec thead th {
		background-color:#e5f2cc;
		color: #222222;
		text-align: left;
		}
	
	/* sets headers in the body to have lighter green background colour */
	#techspec tbody th {
		background-color:#f5faea;
		color: #222222;
		text-align: left;
		}
	
	/* sets text in the body of the table to a lighter gray */	
	#techspec tbody td {
		color: #333333;
		}
	
	/* makes rows in main body with the alt class have a purple background colour */	
	#techspec tbody tr.purp_bg{
		background-color: #ecedff; 
		}
		
	/* makes anything with the class white_bg have a white background colour */
	#techspec .white_bg{
		background-color:#ffffff; 
		}
		
	#techspec tbody em {
		font-weight: normal;
		font-style: normal;
		color: #333333;
		font-size: 1em;
		padding-left: 50px;
	}
		
	
	/* css for pop up price boxes */	
	
	#techspec tbody a {
		text-decoration:none;
		font-weight: bold;
		color: #3333CC;
		font-size: 1.2em;
		}
		
	div.price_box {
		position: absolute;
		width: 210px;
		height: 95px;
		background-color: #FFFFFF;
		border: 1px solid #666666;
		padding: 3px;
		}
		
	p.price_box_title {
		font-size: 10px;
		font-weight: bold;
		color: #3333CC;
	}
	
	#techspec ul {
		position: absolute;
		
		font-weight: normal;
		font-size: 10px;
		color: #333333;
		line-height: 1.4em;
		list-style-type: disc;
		padding-left:20px;
		padding-bottom:5px;
	}
		
	#techspec a:hover {
		position: relative;
		}
		
	#techspec a span {
		display: none;
		}
		
	#techspec a:hover span {
		display: block;
		position: absolute;
		top: 10px;
		left: 15px;
		z-index: 100;
		}
	
		

		
		
	/*left column*/
	
	p#title{
		font-size: 0.75em;
		color: #333333;
		font-weight: bold;
		letter-spacing: 100%;
		white-space: nowrap;
		position: absolute;
		width: 735px;
		left: 35px;
		top: 145px;
		color: #5F69D6;
		}
	
	p#column_left{
		font-size: 0.7em;
		color: #333333;
		width: 335px;
		line-height: 1.1em;
		position: absolute;
		left: 35px;
		top: 180px;
	}
	
	p em{
		font-style: normal;
		font-weight: bold;
		}
		
	p#column_right{
		font-size: 0.7em;
		color: #333333;
		width: 345px;
		line-height: 1.1em;
		position: absolute;
		left: 405px;
		top: 180px;
	}
	
	p#right_contact a{
		text-decoration: none;
		font-size: 1em;
		font-weight: bold;
		color: #8390FF;
		position: absolute;
		left: 35px;
		top: 300px;
	}
	
	
	/*-----------CSS FOR CONTACT PAGE------------*/
	
	h1#contact_header{
		font-size: 0.95em;
		font-weight: bold;
		color: #5F69D6;
		position: absolute;
		top: 150px;
		left: 35px;
	}
	
	p#contact_name {
		font-size: 0.8em;
		font-weight: bold;
		color: #666666;
		line-height: 1.4em;
		position: absolute;
		left: 35px;
		top: 270px;
	}
	
	p#phone{
		font-size: 1.3em;
		color: #5f69d6;
		font-weight: bold;
		position: absolute;
		top: 290px;
		left: 35px;
	}
	
	img#envelope{
		position: absolute;
		left: 257px;
		top:290px;
	}
	
	p#email a{
		text-decoration: none;
		font-size: 1.3em;
		color: #5f69d6;
		font-weight: bold;
		position: absolute;
		top: 290px;
		left: 300px;
	}
	
	p#address{
		font-size: 0.8em;
		color: #666666;
		line-height: 1.3em;
		position: absolute;
		top: 370px;
		left: 35px;
	}
	
	p#columnA{
		font-size: 0.8em;
		color: #666666;
		line-height: 1.3em;
		position: absolute;
		top: 370px;
		left:262px;
	}
	
	p#columnB{
		font-size: 0.8em;
		color: #666666;
		line-height: 1.3em;
		position: absolute;
		top: 370px;
		left:300px;
	}
	
	/*---------FOOTER CSS------------------*/
	/*gif animation in footer bar*/
	div#logo_spin{
		position: absolute;
		bottom: 4px;
		left: 35px;
	}	
	
	/*copyright information*/
	p#copyright{
		font-size:0.6em;
		color:#999999;
		position: absolute;
		bottom: -30px;
		left: 0px;
	}
	
	/*bottletop credit*/
	p#siteby{
		font-size:0.6em;
		color:#999999;
		position: absolute;
		bottom: -45px;
		left: 0px;
	}
	
	/*bottletop credit link*/
	p#siteby a:link, a:visited, a:active, a:hover {
		text-decoration: none;
		color: #666666;
	}
	
	div#future_logo {
		position: absolute;
		right: 147px;
		bottom: -50px;
		z-index: 40;
	}