/******************************************************************************
 * Generic CSS
 *****************************************************************************/
body {
	font-family: Arial, Verdana, sans-serif; font-size:11px; color:#ffffff;
	border:0px; margin:0px auto 0px auto; padding:0px 0px 0px 0px;
	text-align:center; background-image:url('../images/body-bg.gif');
	background-repeat:repeat-x;
}

* html body { text-align: center; /* IE 5 centering */ }

/******************************************************************************
* GENERIC FORMATTING
*****************************************************************************/
p { }

a { }

h1 { font-size:16px; }

h2 { font-size:14px; }

h3 { font-size:12px; }

div#divider {
	width:780px; height:1px; margin: 15px 00px 15px 50px;
	background-image: url('../images/divider.gif'); background-repeat: no-repeat;
	width:380px;
}

/******************************************************************************
* Normal Images
*****************************************************************************/
img { border:none; margin:0px; padding:0px; }

/******************************************************************************
* Accessibility Features
*****************************************************************************/
p#skipToMainContent { display:none; }

/******************************************************************************
* Misc
*****************************************************************************/
div.centered { text-align:center; }

/******************************************************************************
* wrapper
*****************************************************************************/
div#wrapper {
	width:797px; margin:0px auto 0px auto; /* height:720px; */
	text-align:left;
}

* html div#wrapper { text-align: left; /* Win IE 5 left align after centering */ }

/******************************************************************************
* header
*****************************************************************************/
div#header {
	float: left;
	width:797px; 
	height:99px;
}

div#header h1 span { display:none; }

/******************************************************************************
* main-content
*****************************************************************************/
div#main-content {
	float: left;
	clear:both;
	/* background-color:#dbddd8; */
}

html>body div#main-content {
	float: left;
	clear:both; width:797px;
	/* background-color:#dbddd8; */
}

/******************************************************************************
* home page
*****************************************************************************/

div#frame-single-col  {
	float: left; width:792px; margin: 0px;
	background-color:#fff;
}

html>body div#frame-single-col  {
	float: left; width:792px;
	margin: 0px; padding-left: 5px; padding-top: 3px;
	background-color:#fff;
}

div#banner {
	float: left; width: 752px; /* height: 212px; */
	margin: 20px 20px 20px 10px; background-color: #7bb5ff;
}

html>body div#banner {  margin:20px 20px 20px 20px; }

div#banner-top {
	float:left; height: 31px; width: 752px;
	background-image: url('../images/banner-top.gif'); background-repeat: no-repeat;
}

div#banner-top span { display:none; }

div#services-banner-top {
	height: 31px; width: 752px;
	background-image: url('../images/services-banner-top.gif'); background-repeat: no-repeat;
}

div#services-banner-top span { display:none; }

div#banner-pictures {
	float:left; height: 169px; width: 752px; width: 680px;
	margin: 0px 0px 10px 35px;
}

html>body div#banner-pictures { margin:0px 0px 0px 70px; }

div#banner-pictures img { padding: 0px 15px; }

div#banner-bottom {
	float:left; height:12px; width:752px;
	background-image: url('../images/banner-bottom.gif'); background-repeat: no-repeat;
	background-position:center bottom;
}

div#aircon_logos {
	margin-left: 15px;
	width: 575px;
	height: 165px;
	background-image:url('../images/aircon_logos.gif');
	background-color:#fff;
}

/**************************************************************************************************
* contact-panel
**************************************************************************************************/
div#contact-panel {
	width: 287px;
	height: 212px;
	background-color:#b6b6b6;
}

div#contact-panel-top {
	height: 33px;
	width: 287px;
	background-image: url('../images/contact-panel-top.gif');
	background-repeat: no-repeat;
}

div#contact-panel-top span { display:none; }

div#contact-panel-content {
	height: 169px;
	width: 287px;
	margin: 0px 0px;
	margin-bottom: 10px;
	background-image: url('../images/contact-panel-bg.gif');
	background-repeat: no-repeat; background-position:center bottom;
}

div#contact-panel-bottom {
	height: 10px;
	width: 287px;
	background-image: url('../images/contact-panel-bottom.gif');
	background-repeat: no-repeat; background-position:center bottom;
}

div#phone { 
	float:left; width:140px; 
	background-image:url('../images/telephone.jpg'); background-position:left; background-repeat:no-repeat; 
	margin-left:7px; padding-left:20px; margin-top: 10px;
	color: #000; font-size:11px;
	line-height: 80%;
}

html>body div#phone { margin-left:15px; }

div#phone h2 { font-size: 14px; color:#00327d; } 

div#fax { 
	float:left; width: 100px; margin-right:5px; margin-top: 10px;
	color: #000; font-size:11px;
	line-height: 80%; text-align:left;
}

div#fax h2 { font-size: 14px; color:#00327d; } 

div#email {
	width: 247px;
	color: #003c97; font-size:12px;
	line-height: 80%; text-align:center;
	padding: 15px; padding-left 40px; padding-bottom: 0px;
}

div#email img {  vertical-align: middle; margin-right: 15px;}

div#email a:link {  color: #003c97; }

div#address { margin-top:10px; width:287px; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center;}

div#mountains {
	width: 287px;
	height: 50px;
	background-image: url('../images/contact-photo.jpg');
	background-repeat: no-repeat;
}

/**************************************************************************************************
* left-col
**************************************************************************************************/
div#left-col {
	width: 475px;
	width: 463px;
	float: left;
	color: #5f5f5f;
}

div#left-col p {
	padding: 3px 30px;
	color: #5f5f5f;
	text-align:justify;
	line-height: 120%;
}

div#left-col p span {
	color: #000;
}

div#left-col p span a {
	color: #000;
}

div#left-col img {
	margin-left: 75px;
}

div#right-col {
	float: right;
	width: 287px;
	margin: 10px 23px 5px 0px;
	text-align:center;
}

div#right-col img {
	padding: 10px 0px;
}

div#logos {
	margin: 20px 30px;
}

a:link, a:visited {
	color: #333;
	text-decoration:none;
}

a:hover {
	color: #333;
	text-decoration:underline;
}

div#gallery_photo {
	float: left;
	margin: 8px;
}

ul#links {
	margin-left: 15px;
	list-style:inside;
	list-style-type:none;
}

/******************************************************************************
* footer
*****************************************************************************/
div#footer {
	float:left; clear:both; width:760px; height:20px;
	margin:20px 20px; margin-right:0px; margin-top: 50px;
	background-color:#FFFFFF;
}

html>body div#footer {
	float:left; clear:both; width:760px; height:20px;
	margin:20px 35px; margin-right:0px;
	background-color:#FFFFFF;
}

p#footer-left {
	float:left; width:450px; font-size:11px; margin:0px; color:#5f5f5f;
}

html>body div#footer-left {
	width:450px;
}

p#footer-left a { color:#5f5f5f; text-decoration:none; }

p#footer-left a.current { color:#000000; }

p#footer-left a.current:hover { text-decoration:none; }

p#footer-left a:hover {
	text-decoration:underline;
}

p#footer-right {
	float:right; width:80; text-align:right;
	font-size:11px; margin:0px 20px 0px 0px; color:#5f5f5f;
}

html>body div#footer-right {
	width:80px;
}

p#footer-right a { color:#5f5f5f; text-decoration:none; }

p#footer-right a:hover { text-decoration:underline; }


/******************************************************************************
* emailForm
*****************************************************************************/
form.emailForm {
}

#sub_navlist ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#sub_navlist li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px 15px 0px 0px;
}