/*LitSwitch version 3.0 CSS*/
/*Copyright sam warburton (Nytoy Ltd) 2007*/
body {
	border:0;
	margin:0;
	padding:0;
	font-size:76%;
	font-family:Geneva, Arial, Tahoma, sans-serif;
	background:#fff url(images/body-bg.jpg) top left repeat-x;
	text-align:center;
	}
	
img {border:none;}
p {margin-top:0;}
	
#wrapper {
	position:relative;
	margin:20px auto 0 auto;
	width:750px;
	text-align:left;
	}

#headerf {position:relative; height:100px; background:transparent url(images/header-bg1.jpg) top left no-repeat;}
#headera {position:relative; height:100px; background:transparent url(images/header-bg2.jpg) top left no-repeat;}
#headero {position:relative; height:100px; background:transparent url(images/header-bg3.jpg) top left no-repeat;}
#headerv {position:relative; height:100px; background:transparent url(images/header-bg4.jpg) top left no-repeat;}
/***********menus***************/
#menus {
	position:absolute;
	right:0;
	top:10px;
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
#menus li {
	float:left;
	}
	
#menus li a {
	float:left;
	display:block;
	color:#fff;
	width:100px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	}
	
#menus li a.seperate {
	border-left:1px solid #fff;
	}
	
#menus li a:hover {
	text-decoration:underline;
	}
/********************************/
#content {
	position:relative;
	padding:20px 10px;
	text-align:justify;
	background:transparent url(images/content-bg.gif) top left repeat-y;
	}

.left {
	position:relative;
	float:left;
	width:360px;
	}
	
.right {
	position:relative;
	float:right;
	width:360px;
	}
	
.highlight {
	position:relative;
	background:#C2D3EF url(images/highlight-blue2.jpg) bottom right no-repeat;
	}
	
.highlight .text {
	padding:10px;
	background:transparent url(images/highlight-blue.jpg) top left no-repeat;
	margin:10px 0;
	}
	
.clear {clear:both;}
/***********support links***********/
a.support {
	position:relative;
	display:block;
	color:#000;
	text-decoration:none;
	}

a.support:hover .highlight {
	background:#6993D8 url(images/highlight-blue2-dark.jpg) bottom right no-repeat;
	}
	
a.support:hover .highlight .text {
	background:transparent url(images/highlight-blue-dark.jpg) top left no-repeat;
	}
/*********order choices**************/
#methods {
	margin:10px 0;
	}
	
.centered {
	text-align:center;
	}
/********* Faq stuff*********** */
.faqpad {padding: 0 5px 10px 5px;}
.blueborder {border: 1px solid #a0c0ff;}
.whiteborder {border: 1px solid #ffffff;}
.blue {background: #c1dfff;}
.white {background: #ffffff; }
.toplink {position: relative; float: right; padding-top: 5px;}
/***********switches table**********/
#switches {
	width:730px;
	}
	
#switches tr {
	background:#fff;
	}
	
#switches td, th {
	padding:10px 0;
	}
	
#switches tr.odd {
	background:#c1dfff;
	}
	
#switches tr.type {
	background:#c9fbc6;
	}
/************bulbs table************/
#bulbs {
	margin:15px 0;
	}

#bulbs tr.header {
	background:#c9fbc6;
	}
	
#bulbs th {
	padding:10px 0;
	text-align:center;
	}
	
#bulbs td {
	padding:10px 0;
	text-align:center;
	}
	
#bulbs tr.even {
	background:#c1dfff;
	}
/***********gallery****************/
#gallery {
	position:relative;
	width:730px;
	}
	
#gallery #mask {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	}
	
#gallery #room {
	position:relative;
	float:left;
	width:360px;
	height:250px;
	}
	
#gallery #switch {
	position:relative;
	float:right;
	width:360px;
	height:250px;
	}
	
#gallery #controls{
	clear:both;
	}
	
#gallery #controls #rooms {
	height:80px;
	}
	
#gallery #controls #roomcolours {	
	position:relative;
	float:left;
	height:50px;
	width:49%;
	}
	
#gallery #controls #switchcolours {
	position:relative;
	float:right;
	height:50px;
	width:49%;
	}
	
#gallery .roombox {
	display:block;
	width:50px;
	height:25px;
	text-decoration:none;
	float:left;
	margin:5px;
	border:1px solid #666;
	}
	
.box {
	display:block;
	width:15px;
	height:15px;
	text-decoration:none;
	float:left;
	margin:5px;
	border:1px solid #666;
	}
/********************************/
/*--------------------------------------*/
#fade {
	position: relative;
	top:10px;
	margin: 0;
	padding: 0;
	}

#backfade {
	width: 320px;
	height: 268px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	}

#backimage{
	width: 320px;
	height: 268px;
	}

#fadingimage {
	position: absolute;
	left: 0px; 
	top: 0px; 
	width: 320px; 
	height:268px;
	}

#links {
	position:absolute;
	z-index:10;
	top:100px;
	left:310px;
	text-align:center;
	background:#ccc;
	border:3px solid #6375F1;
	}
	
#links .box {float:none !important;}
/*-----------------------------------*/
#footer {
	height:100px;
	text-align:center;
	font-size:90%;
	background:transparent url(images/footer-bg.gif) top left no-repeat;
	}