@charset "utf-8";
/* YAHOO RESET */

body,div,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* CSS STYLES */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background: #d7d7d7 url(images/page-bg.gif) top repeat-x;
}
#wrap {
	width:860px;
	margin:0 auto;
}

#header {
	position:relative;
	height:149px;
}
#header a.logo {
	display:block;
	float:left;
	height:108px;
	width:299px;
	text-indent:-9000px;
	background:url(images/logo.gif) no-repeat;
	margin:18px 0 0 2px;
	z-index:50;
	position:relative;
}
#header h2 {
	margin:0;
	padding:0;
}

.log-bg {
	background-color:#b90101;
	margin-left:3px;
	height:30px;
	display:block;
	padding:2px 6px 0;
	color:#FFF;
	z-index:100;
	width:	400px;
	float:right;
}
.log-bg .btn-login {
	margin-left:3px;
	background-image:url(images/btn-login.gif);
	width:37px;
	height:20px;
	border:none;
	cursor:pointer;
}
.log-bg .txtfield {
	background:#e50000;
	border:none;
	border-bottom:solid 1px #fa3b3b;
	color:#fff;
	font-size:11px;
	padding:3px;
}
.log-bg .dim{
	font-style:	italic;
	color:		#cacaca;
}
.log-bg .focus{
	font-style:	normal;
	color:		#ffffff;
}
#errmsg{
	position:	absolute;
	width:		404px;
	background-color:#B90101;
	padding:4px;
	left:		0px;
	bottom:		-20px;
	z-index:		100;
}
.freecall {
	font-size:20px;
	color:#FFF;
	text-align:right;
	padding-top: 18px;
}
.freecall a {
	color:#FFF;
}
	


/* NAV */


#nav {
	height: 52px;
	padding-top: 8px;
	float: left;
	width: 100%;
	position:relative;
	z-index:100;
}
	
#nav ul {
	font: normal 15px/34px Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 0;
	padding: 0;
	display:block;
	height:50px;
	text-transform: uppercase;
}
#nav li {
	display: inline;
	line-height: 52px;
	position:		relative;
}
#nav li a, .phoneno {
	text-decoration: none;
	padding: 0px 16px;
	display: block;
	float:left;
	color: #FFF;
	list-style: none;
	background: url(images/nav-spacer.gif) left no-repeat;
}	
.phoneno {
	font-size:20px;
}
#nav li a:hover {
	color:#FFF;
	background-color: #b90101;
}

	
#content {
	background: #d7d7d7;
	padding: 10px;
	position:	relative;
}
.mainimg{
	margin: 0 0 10px 250px;
	background-color: #FFF;
	position: relative;
	height: 228px;
}
.mainimg2{
	margin: 0 0 10px 250px;
	background-color: #FFF;
	position: relative;
}
#sidebar {
	float: left;
	width: 240px;
}
#sidebar #sidenav {
	background: #464646 url(images/nav-bg.gif) top right no-repeat;
	padding: 20px;
	color:#FFF;
	margin-bottom:10px;
}
#sidebar .side {
	color:#444;
	margin-bottom:10px;
	font-size:11px;
}
#sidebar #coffee {
	background: #fff url(images/side-coffee.jpg) right bottom no-repeat;
	padding: 20px 125px 20px 20px;
}
#sidebar #coffee h3 {
	color:#4d2504;
	border:none;
	font-size:14px;
	text-transform:uppercase;
}
#sidebar #install {
	background: #fff;
	padding: 20px;
}
#sidebar #install h3 {
	color:#444;
	border:none;
	font-size:14px;
	text-transform:uppercase;
}
#sidebar #eco {
	background: #fff url(images/side-eco.jpg) right bottom no-repeat;
	padding: 20px;
	color:#006;
}
#sidebar #eco h3 {
	color:#fff;
	border:none;
	font-size:14px;
	text-transform:uppercase;
}
#sidebar #opp {
	background: #8b9638 url(images/side-lifestyle.jpg) left bottom no-repeat;
	padding: 20px 125px 20px 20px;
	color:#030;
}
#sidebar #opp h3 {
	color:#030;
	border:none;
	font-size:14px;
	text-transform:uppercase;
}
#sidebar #enquiry {
	background: #bebebe;
	padding: 20px;
	color:#444;
	margin-bottom:10px;
	font-size:11px;
}
#sidebar #enquiry h3 {
	color:#444;
	border:none;
	font-size:14px;
	text-transform:uppercase;
}
#sidebar #enquiry .submit {
	background:url(images/btn-enquiry.gif) no-repeat;
	width:71px;
	height:20px;
	border:none;
}
#sidebar p {
	margin-bottom:6px;
}
#sidebar ul {
	padding:0px;
	margin:0px;
}
#sidebar ul li {
	list-style:none;
	padding:0px;
	margin:0px;
	line-height:24px;
	border-bottom:solid 1px #666666;
}
#sidebar ul li a {
	color:#FFF;
	text-decoration:none;
}
#sidebar h3 {
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	border-bottom:1px solid #666;
	padding-bottom:1px;
	visibility: visible;
}


#maincontent {
	padding:20px;
	background-color: #FFF;
	float: right;
	margin-left: 10px;
	width: 550px;
} 
#maincontent ul {
	list-style-type:disc;
} 
#maincontent ul li {
	line-height:1.3ems;
} 
#maincontent h1 {
	position:relative;
	z-index:60;
}
#maincontent .boxleft {
	width:268px;
	padding-right:20px;
	float:left;
	border-right:solid 1px #dddddd;
	margin-top:20px;
}
#maincontent .boxright {
	width:268px;
	padding-left:20px;
	float:left;
	margin-top:20px;
}
		
	
	
	
/* Footer */

#footer {
	clear: both;
	padding: 18px 0;
	font-size: 11px;
	color: #FFF;
	background: #9c9c9c url(images/footer-bg.gif) top repeat-x;
}
#footer .content {
	margin:0 auto;
	width:860px;
	background: url(images/footer-logo.gif) right top no-repeat;
}
#footer p {
	margin:0 0 2px;
}
#footer a {
	text-decoration: underline;
	color: #fff;
}
#footer a:hover {
	text-decoration: none;
}

	
	
	
	
	
	
	
.spacer {
	background-color:#ddd;
	font-size:1px;
	height:1px;
	margin:15px 0;
}
	
	
.clearfloat { /* class to fully contain float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#sidebar #form table {
	width: 100%;
}
#sidebar #form p {
	margin: 0;
	font-weight: bold;
}
#sidebar #form .input, .input {
	color: #666;
	padding: 2px;
	border: solid 1px #ccc;
	width: 196px;
}
.input {
	color: #666;
	padding: 2px;
	border: solid 1px #ccc;
	width: 196px;
}
#maincontent #form table td {
	padding: 2px 9px 2px 0;
}
#sidebar #form table td {
	padding: 2px 0;
	text-align: left;
}
.imgborder {
	margin:0 0 12px 12px;
	cursor:pointer;
	padding:1px;
	border:solid 1px #ddd;
}
/* Global */
p {
	line-height:1.4em;
	margin-bottom:7px;
}
a {
	color:#069;
}


h1, h2, h3, h4, h5 {
	margin-bottom:6px;
}

h1 {
	font-size:22px;
	font-weight:normal;
	color:#e90000;
	text-transform: uppercase;
}
h2 {
	font-size:17px;
	font-weight:bold;
	color:#565656;
}
h4 {
	font-size:13px;
	color:#ff4000;
	font-weight:bold;
}
.red {
	color:#F00;
}




/* Slideshow */
#slideshow {
    position:relative;
}

#slideshow IMG {
	position:absolute;
	top:-96px;
	left:0;
	z-index:8;
	opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}

.box {
	padding:18px;
	margin-bottom:10px;
	background:#f5f5f5 url(images/box-bg.gif) top repeat-x;
}
.fltleft {
	float:left;
	display:block;
}
.imgleft {
	margin-right:10px;
	border:2px solid #eee;
}
.imgright {
	margin:0 0 4px 10px;
}
.formright {
	text-align:right;
	font-weight:bold;
	padding-right:5px;
}
.imglogo {
	padding:7px;
}
.adminnav{
	height:			30px;
	line-height:	30px;
	color:			#ffffff;
	float:			right;
}
.adminnav a{
	color:			#ffffff;
	text-decoration:none;
}
.adminnav a:hover{
	text-decoration: underline;
}
.hidden{
	display:		none;
}
.s12{
	font-size:		10px;
}
.membersarea{
	position:		absolute;
	right:			0px;
	top:			60px;
	z-index:		100;
}
.login_btn{
	width:			140px;
	height:			21px;
	background-image:url(images/clientarea.gif);
	backgroud-repeat:	no-repeat;
	float:			right;
	cursor:			pointer;
}
h3{
	visibility:		visible;
	color:			#004F99;
	font-family:	Helvetica, Arial, sans-serif;
	font-size:		16px;
	border-width:	0px 0px 1px 0px;
	border-color:	#c1c1c1;
	border-style:	solid;
}
#units h3{
	margin-top:		10px;	
}