/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
}

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #474d4e;
	background: url(../../images/layout/main-bg.jpg) top left repeat-x #FFFCED;
	margin: 0px;
}

a:link, a:visited, a:focus {
	color: #0000FF;
	text-decoration: underline;
	outline: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

a img {
	border: none;
}

/* H1/H2/H3 Styles
--------------------------------------------------------------- */

h1 {
	font-size: 2.2em;
	font-weight: normal;
	color: #474d4e;
}

h2 {
	font-size: 1.6em;
	font-weight: normal;
	color: #474d4e;
}

h3 {
	font-size: 1.3em;
	font-weight: normal;
	color: #666;
}

/* Container Styles
--------------------------------------------------------------- */

#outerContainer {
	width: 100%;
	float: left;
}

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
}

	#contentContainer {
		width: 960px;
		padding:436px 0px 0px 0px;
	}
	
		#mainContainer {
			float:left;
			background:url(../../images/layout/mainContainerBG.jpg) top left repeat-y;		
			}	
	
/* Main Styles
--------------------------------------------------------------- */

		#main {
			float: right;
			width: 615px;
			padding: 15px 10px 10px 15px;
		}
		
			#main p {
				margin: 10px 0px 10px 0px;
				font-size: 1.2em;
				line-height: 1.5em;
			}
			
			#main ul {
				font-size: 1.2em;
				padding: 3px 0px 3px 25px;
			}
			
				#main ul li {
					padding: 5px 30px 5px 30px;
					list-style: none;
					background: url(../../images/misc/tick.jpg) left center no-repeat;
				}
				
#main #bottom-cta {
	width:532px;
	height:137px;
	margin:0px auto;
	padding:0px;
	background:url(../../images/layout/bottom-cta-bg.jpg) top left no-repeat;
	}				
	
	#main #bottom-cta p {
		float:left;
		padding:85px 0px 0px 10px;
		margin:0px;
		font-size:4.4em;
		line-height:1.0em;
		letter-spacing:2px;
		color: #9e4600;
		}
		
.rightImages {
	float:right;
	width:180px;
	}			
	

#javaScriptOff {
	border:1px solid #eee;
	padding:10px;
	display:block;
	}	
	
	

/* Sidebar/CTA Styles
--------------------------------------------------------------- */
		
#sidebar {
	float: left;
	width: 302px;
	padding:15px 0px 0px 0px;
	background:url(../../images/layout/sidebar-bg.jpg) top left no-repeat;
}

	#sidebar #cta-domestic-air-con a,
	#sidebar #cta-air-con-hire a,
	#sidebar #cta-air-con-grants a {
		position:absolute;
		top:0px;
		left:0px;
		padding:0px;
		color: #b37555;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-decoration:underline;
		font-size:1.1em;
		}
		
		#sidebar #cta-domestic-air-con a:hover,
		#sidebar #cta-air-con-hire a:hover,
		#sidebar #cta-air-con-grants a:hover {
			text-decoration:none;
			color: #292929;
			}
		
#sidebar #cta-domestic-air-con {
	float:left;
	position:relative;
	background:url(../../images/layout/cta-domestic-air-con.jpg) top left no-repeat;
	padding:25px 0px 0px 5px;
	margin:0px;
	width:297px;
	height:137px;
	}
	
	#sidebar #cta-domestic-air-con p {
		float:left;
		width:250px;
		font-size:1.7em;
		color: #576465;
		}
		
		#sidebar #cta-domestic-air-con p span {
			display:block;
			font-size:1.3em;
			}
			
	#sidebar #cta-domestic-air-con a {
		padding:90px 120px 10px 5px;
		}		
		
#sidebar #cta-air-con-hire {
	float:left;
	position:relative;
	background:url(../../images/layout/cta-air-con-hire.jpg) top left no-repeat;
	width:297px;
	height:137px;
	padding:0px 0px 0px 5px;
	}
	
	#sidebar #cta-air-con-hire p {
		float:left;
		width:290px;
		font-size:1.8em;
		color: #576465;		
		}
		
		#sidebar #cta-air-con-hire p span {
			display:block;
			font-size:1.3em;
			color: #9e4600;			
			padding:0px 0px 0px 15px;
			}
			
			#sidebar #cta-air-con-hire a {
				padding:68px 5px 10px 120px;
				color: #292929;
				}
				
#sidebar #cta-air-con-grants {
	float:left;
	position:relative;
	background:url(../../images/layout/cta-air-con-grants.jpg) top left no-repeat;
	width:297px;
	height:138px;
	padding:0px 0px 0px 5px;
	}
	
	#sidebar #cta-air-con-grants p {
		float:left;
		width:290px;
		padding:0px;
		font-size:1.2em;
		color: #586567;
		}			
		
		#sidebar #cta-air-con-grants p span {
			display:block;
			font-size:1.8em;
			padding:0px 0px 0px 15px;
			color: #357458;
			}	
			
			#sidebar #cta-air-con-grants a {
				padding:58px 0px 0px 130px;
				color: #333;
				}
				
#domestic-air-conditioning #sidebar #cta-domestic-air-con,
#portable-air-conditioning #sidebar #cta-air-con-hire,
#air-conditioning-grants #sidebar #cta-air-con-grants {
	display:none;
	}			
	
#sidebar #sidebarNav {
	float:left;
	padding:0px;
	margin:0px;
	display:none;
	}	

#air-conditioning #sidebar #sidebarNav,
#domestic-air-conditioning #sidebar #sidebarNav,
#commercial-air-conditioning #sidebar #sidebarNav,
#air-conditioning-installation #sidebar #sidebarNav,
#air-conditioning-maintenance #sidebar #sidebarNav,
#air-conditioning-repairs #sidebar #sidebarNav,
#portable-air-conditioning #sidebar #sidebarNav,
#server-room-air-conditioning #sidebar #sidebarNav {display:block;}
	
	#sidebar #sidebarNav ul {
		float:left;
		width:270px;
		padding:0px 0px 20px 0px;
		margin:0px;
		}
		
		#sidebar #sidebarNav ul li {
			float:left;
			padding:0px 0px 0px 10px;
			margin:0px;
			list-style:none;
			}
			
			#sidebar #sidebarNav ul li.navigate {
				font-size:1.6em;
				}
			
			#sidebar #sidebarNav ul li a {
				float:left;
				width:240px;
				padding:7px 0px 7px 20px;
				margin:0px;
				font-size:1.0em;
				color: #556364;
				text-decoration:none;
				}
				
				#sidebar #sidebarNav ul li a:hover {
					color: #BF8F16;
					}
		
/* Header Styles
--------------------------------------------------------------- */

#header {
	clear: both;
	width: 960px;
	height: 111px;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
	background:url(../../images/layout/header-bg.jpg) top left no-repeat;
}

	#logo {
		width: 300px;
		height: 111px;
		float: left;
		padding:0px 0px 0px 10px;
	}
	
	#cta-top-right {
		width: 600px;
		float: right;
		padding: 10px 0px 0px 0px;
		text-align: right;
		height: 125px;
		font-size: 1.6em;
		color: #cfcfcf;
		line-height:1.0em;
	}
	
		#cta-top-right .phone {
			font-size: 2.0em;
			color: #fffbec;
			padding:10px 0px 0px 0px;
		}

/* Main Image Styles
--------------------------------------------------------------- */

#featureContainer {
	position:absolute;
	top:111px;
	left:0px;
	width:960px;
	height:324px;
	background:url(../../images/layout/featureContainer-bg.jpg) top left no-repeat;
	}
	
	#featureContentContainer {
		float:left;
		position:relative;
		padding:0px;
		margin:0px;
		}
		
		#featureContentContainer #message {
			position:absolute;
			z-index:101;
			top:0px;
			left:425px;
			width:535px;
			padding:37px 0px 0px 0px;
			}
			
			#message p {
				color: #fff;
				font-size:3.9em;
				color: #fff;
				}
				
				#message p.color {
					font-size:6.0em;
					color: #edb216;
					}
					
					#message p.smaller {
						font-size:2.5em;
						}
						
		#featureContainer ul#buckets {
			position:absolute;
			top:250px;
			left:425px;
			z-index:11;
			width:535px;
			padding:0px;
			margin:0px;			
			}
			
			ul#buckets li {
				float:left;
				padding:0px;
				margin:0px;
				list-style:none;
				background:url(../../images/layout/bucket-tick.gif) center left no-repeat;
				}
				
				ul#buckets li a {
					float:left;
					display:block;
					padding:0px 0px 0px 35px;
					margin:0px;
					width:140px;
					color: #fff;
					font-size:1.4em;
					text-decoration:none;
					}					
					
ul#buckets li a.commercial-air-conditioning {display:none;}
#air-conditioning-installation ul#buckets li a.commercial-air-conditioning,
#air-conditioning-maintenance ul#buckets li a.commercial-air-conditioning,
#air-conditioning-repairs ul#buckets li a.commercial-air-conditioning {display:block;}
					
					ul#buckets li a span {
						display:block;
						}
						
				ul#buckets li a:hover {
					color: #edb216;
					}
					
#featureContainer #imgmain {
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 0px;
}


/* Horizontal Navigation Styles
--------------------------------------------------------------- */

#navigation {
	z-index: 10;
	position: absolute;
	right: 0px;
	top: 80px;
	background:url(../../images/layout/nav-bg.jpg) top right no-repeat;
}

	#navigation ul {
		margin: 0px;
		padding: 0px;
	}
	
		#navigation ul li {
			display: inline;
			list-style: none;
		}
			  
			#navigation ul li a {
				float: left;
				color: #fffbec;
				text-decoration: none;
				padding: 5px 18px 6px 18px;
				font-size: 1.4em;
			}
				#navigation ul li a.contact-a {
					border-right: none;
				}

				#navigation ul li a:hover {
					color: #F7DB92;
				}
				
#domestic-air-conditioning #navigation ul li a.air-conditioning-a,
#commercial-air-conditioning #navigation ul li a.air-conditioning-a,
#air-conditioning-installation #navigation ul li a.air-conditioning-a,
#air-conditioning-maintenance #navigation ul li a.air-conditioning-a,
#air-conditioning-repairs #navigation ul li a.air-conditioning-a,
#portable-air-conditioning #navigation ul li a.air-conditioning-a,
#server-room-air-conditioning #navigation ul li a.air-conditioning-a {
	color: #edb216;
}				

/* Subnav Styles
--------------------------------------------------------------- */
.subnav {
	position:absolute;
	top:111px;
	left:385px;
	z-index:150;
	background: #848E8F;
	width:225px;
	border:1px solid #9AA4A5;
	border-top:none;
	display:none;
	}
	
	.subnav ul {
		float:left;
		padding:5px;
		margin:0px;
		}
		
		.subnav ul li {
			float:left;
			padding:5px;
			margin:0px;
			width:200px;
			display:block;
			list-style:none;
			}
			
			.subnav ul li a {
				float:left;
				padding:0px;
				margin:0px;
				color: #fff;
				font-size:1.3em;
				text-decoration:none;
				}
				
				.subnav ul li a span {display:none;	}
				
				.subnav ul li a:hover {
					color: #F6D15E;
					}
			


/* Footer Styles
--------------------------------------------------------------- */

#outerFooter {
	float: left;
	width: 100%;
	background:url(../../images/layout/outerFooterBg.jpg) top left repeat-x #FFFCED;
}

#footer {
	clear: both;
	width: 960px;
	color: #fff;
	margin: 0px auto;
	padding: 60px 0px 10px 0px;
	font-size: 1.1em;
	background: url(../../images/layout/footer-bg.jpg) top left no-repeat #FFFCED;
}

	#footer .index-a,
	#footer .contact-a {
		display: none;
	}

	#footer h2 {
		font-weight: bold;
		color: #f1c040;
		padding: 3px 5px;
		font-size: 2.0em;
		font-style: italic;
	}
		
	#footer li {
		list-style: none;
	}
	
	#footer a {
		white-space: nowrap;
		color: #fff;
		text-decoration: none;
	}
		
		#footer a:hover {
			color: #ffcc00;
			text-decoration: underline;
		}

/* Footer Services Styles
--------------------------------------------------------------- */	

	#footer #footer-services {
		float: left;
		width: 420px;
		padding: 0px 0px 0px 300px;		
	}
	
	#footer #footer-services ul {
		float:left;
		width:170px;
		}
	
		#footer #footer-services ul li {
			float: left;
		}
	
			#footer #footer-services ul li a {
				float: left;
				width: 150px;
				padding: 3px 5px;
			}
			
				#footer #footer-services ul li a span {
					display:none;
					}
				
/* Footer Help & Advice
--------------------------------------------------------------- */	

	#footer #footer-help {
		float: right;
		width: 195px;
	}
	
	#footer #footer-help h2 {
		float:right;
		}
		
			#footer #footer-help ul li {
				float: right;
				padding:0px 5px 0px 0px;
			}
					
			#footer #footer-help ul li a {
				float: right;
				text-align:right;
				width: 155px;
				padding:3px 0px 3px 0px;
				margin:0px;
			}
		
		#footer #footer-help p {
			float:right;
			text-align:right;
			padding:3px 5px 3px 0px;
			margin:0px;			
		}
		
		
/* Footer Bottom Styles
--------------------------------------------------------------- */	
#footer-bottom {
		width: 960px;
		padding:25px 0px 0px 0px;
		margin:0px;
		text-align: center;
		font-size:1.0em;
		color: #8F8247;
	}
	
	#footer-bottom a {
		color: #9E4600;
		}
		
		#footer-bottom a:hover {
			color: #292929;
			}

/* Float Styles
--------------------------------------------------------------- */

.left, .img-left {
	float: left;
}

	.img-left {
		margin: 10px 10px 10px 0px;
	}

.right, .img-right {
	float: right;
	border: 5px solid #fff;
} 

#index .img-right,
#portable-air-conditioning .img-right {
	border:none;
	}

	.img-right {
		margin: 10px 10px 10px 10px;
	}

	
/* Generic Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}