/* CSS Document */

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

p {
	line-height: 1.4em;
}

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

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../../images/misc/body-bg.png) top repeat-y #df7600;
	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 {
	padding: 0px;
	margin: 0px;
	font-size: 2.2em;
	font-weight: normal;
	color: #e70000;
	font-weight: bold;
	margin-bottom: 30px;
}

h2 {
	font-size: 1.6em;
	font-weight: normal;
	margin: 0px;
}



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

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

	#contentContainer {
		width: 959px;
		position: absolute;
		z-index: 1;
		top: 180px;
		border-top: 2px solid #1b3c4f;

	}
	
/* Main Styles
--------------------------------------------------------------- */

		#main {
			float: left;
			width: 690px;
			padding: 0px 0px;
			padding-left: 15px;
			padding-top: 15px;
			background: url(../../images/misc/main-bg.gif) bottom right no-repeat #FFFFFF;
			min-height: 700px;
		}

		#main-text {
			float: left;
			width: 385px;
		}
		
		#main h2{
			color: #ff5700
		}
		
		.main-para{
			margin-bottom: 35px;
		}
		
		#map {
			width: 620px;
			height: 200px;
		}

/* Sidebar/CTA Styles
--------------------------------------------------------------- */
		
		#sidebar {
			float: left;
			width: 250px;
			background: #fff;
			padding-top: 40px;
			background:url(../../images/misc/sidebar-bg.gif) top left repeat-x;
		}
		
			#corp-logos{
			width:240px;
			height: 82px;
			background:url(../../images/misc/corp-logos.gif);
			padding-left: 10px;
			margin-top: 15px;
			margin-bottom: 15px;
			}

		#sidebar2 {
			float: right;
			color: #fff;
			margin-top: 0px;
			width: 288px;
			height: 300px;
		}
		

		
		#cta-1{
			width: 283px;
			height: 159px;
			background:url(../../images/misc/cta-1-bg.jpg) no-repeat;
			padding-top: 5px;
			position: relative;
		}
		
			#cta-1 p.cta-title{
				font-weight: bold;
				display: block;
				font-size: 1.2em;
				margin-top: 15px;
				padding-left: 10px;
			}
			
			#cta-1 p.cta-info, #cta-2 p.cta-info{
				margin: 0px;
				text-align:right;
				float: right;
				display: block;
				width: 100px;
				height: 70px;
				font-size: 1.2em;
				padding-right: 26px;
				color: #000;
			}			
		
		#cta-2{
			width: 283px;
			height: 159px;
			background:url(../../images/misc/cta-2-bg.jpg) no-repeat;
			margin-top: 15px;
			padding-top: 5px;
			position: relative;
		}
		
			#cta-2 p.cta-title{
				font-weight: bold;
				display: block;
				font-size: 1.2em;
				margin-top: 15px;
				padding-left: 10px;
			}			
		
		#corp-logos-2{
			width: 283px;
			height: 68px;
			background: url(../../images/misc/corp-logos-2.gif) no-repeat;
			margin-top: 15px;
		}
		
				
		#cta-1 a.cta-more, #cta-2 a.cta-more{
				position: absolute;
				left: 162px;
				top: 128px;
				color: #333333;
				display: block;
				width: 100px;
		}
		
		
/* Header Styles
--------------------------------------------------------------- */

#header {
	width: 960px;
	height: 200px;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	
}

	#logo {
		width: 406px;
		height: 174px;
		float: left;
		position: absolute;
		top: 0px;
	}
	
	#cta-top-right {
		width: 500px;
		position: absolute;
		top: 20px;
		left: 440px;
		float: right;
		text-align: right;
		height: 100px;
		font-size: 1.8em;
		color:#FFF;
	}
	
		#cta-top-right p {
			margin: 0px;
			padding: 0px;
		}

#flashSlideshow {
			
	background: url(../flash/flash-banner-backup.jpg);
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 180px;
	width: 960px;
}

/* Vertical Navigation Styles
--------------------------------------------------------------- */
#navigation h2{
	color:#FFF;
	padding: 10px 0px 0px 10px;
}

#navigation ul{
list-style: none;
}

#navigation ul a{
color:#FFFFFF;
text-decoration: none;
display: block;
font-size: 1.2em;
padding: 7px 0px 7px 10px;
}

#navigation ul a:hover{
color: #FFFF00;
}

#navigation h2.nav-h2-1{
background: url(../../images/misc/h2-bg-1.gif) no-repeat right  #e70000;
display: block;
height:34px;
}

	ul.nav-list-1{
		background: #ff3300;
		padding: 0px;
		margin: 0px;
	}
	
	#footer ul.nav-list-1{
		background: none;
		padding: 0px;
		margin: 0px;
	}	
			

#navigation  h2.nav-h2-2{
	background: url(../../images/misc/h2-bg-2.gif) no-repeat right  #ff5700;
	display: block;
	height: 34px;
}


	ul.nav-list-2{
		background: #fd822f;
		padding: 0px;
		margin: 0px;
	}

	#footer ul.nav-list-2{
		background: none;
		padding: 0px;
		margin: 0px;
	}


#navigation  h2.nav-h2-3{
background: url(../../images/misc/h2-bg-3.gif) no-repeat right  #ffa03b;
display: block;
height: 34px;
}

	ul.nav-list-3{
		background: url(../../images/misc/nav-br-bg.gif) bottom right no-repeat #ffb65f;
		padding: 0px;
		margin: 0px;
		width: 250px;	
	}

	#footer ul.nav-list-3{
		background: none;
		padding: 0px;
		margin: 0px;
		width: 250px;	
	}
	
	
#index .link-1, #products .link-2, #testimonials .link-3, #contact .link-4, #air-con-contractors .link-5, #air-con-installation .link-6, #air-con-maintenance .link-7, #hire-air-conditioning .link-8, 
#products-b-and-c .link-9, #equipment .link-10, #portable .link-11, #ts-and-cs .link-12, #faqs .link-13, #help-and-advice .link-14 {
	color: #FFFF00;
}

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

#footer {
	clear: both;
	width: 939px;
	color: #fff;
	background: #8ca5b3;
	padding: 10px 10px;
	font-size: 0.9em;
	border-top: 1px solid #b0d0e2;
	
}

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

	#footer h2 {
		font-weight: bold;
		margin: 0px;
		color: #ffa03b;
		padding: 3px 5px;
		font-size: 1.6em;
		font-style: italic;
		width: 250px;
	}
		
	#footer li {
		list-style: none;
	}
	
	#footer p, #footer ul {
		margin: 0px;
		padding: 0px;
	}

	#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: 250px;
		margin: 0px;
	}
	
		#footer #footer-services ul li {
			float: left;
			background: none;
		}
	
			#footer #footer-services ul li a {
				float: left;
				width: 230px;
				padding: 3px 5px;	
			}
		
/* Footer Areas Styles
--------------------------------------------------------------- */	

	#footer #footer-areas {
		float: left;
		width: 320px;
	}
	
		#footer #footer-areas h2 {
			width: 300px;
		}
	
		#footer #footer-areas ul {
			float: left;
			width: 155px;
		}
	
		#footer #footer-areas ul li {
			float: left;
			width: 125px;
			padding: 3px 5px;
			
		}
		
/* Footer Right Styles
--------------------------------------------------------------- */	

	#footer #footer-right {
		float: left;
		width: 190px;
	}
	
		#footer #footer-right h2 {
			width: 170px;
		}
		
		#footer #footer-right p {
			line-height: 20px;
			padding: 3px 5px;
		}
				
/* Footer Right Styles2
--------------------------------------------------------------- */	

	#footer #footer-right2 {
		float: left;
		width: 165px;
	}
	
		#footer #footer-right2 h2 {
			width: 155px;
		}
		
			#footer #footer-right2 ul li {
				float: left;
			}
					
			#footer #footer-right2 ul li a {
				float: left;
				width: 165px;
				padding: 3px 5px;
				
			}
		
		#footer #footer-right2 p {
			line-height: 20px;
			padding: 3px 5px;
		}
		
		#footer #footer-right2 .bottomLink {
			margin-bottom: 5px;
		}
		
		
/* Footer Bottom Styles
--------------------------------------------------------------- */	

	#footer #footer-bottom {
		width: 940px;
		clear: both;
		float: left;
		margin: 10px 0px 0px 0px;
		text-align: center;
	}

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

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

.img-right {
	float: right;
	margin: 0px 0px 10px 10px;
}
	
	.img-border {
		border: 1px solid #ccc;
	}
	
	
	
	#footer ul#nav-list-1{
		float:left;
		margin-bottom: 20px;
		background: none;
	}
	
	#footer ul#nav-list-2{
		float:left;
		margin-bottom: 20px;
		background: none;
	}
	
	#footer ul#nav-list-3{
		float:left;
		margin-bottom: 20px;
		background: none;
	}		
	
/* Contact Table Styles
--------------------------------------------------------------- */

	#contactTable #botBuster {
		display: none;
	}
	
/* Generic Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}

.input-areas{
	background: #fbe8d1;
}

td{
border:#0033FF;
}