body#sub {margin:0; text-align:center; background : url(/Commercial/Images/BuildingServices/Rental/background.gif) no-repeat top  #ffffff; padding-top:40px;}
html { min-height: 100%; margin-bottom: 1px; }
* {margin:0; padding:0; }
img {border:0; }

a {color:#58738F;}
a:hover {text-decoration: none;}
body#sub h1 {font-size:24px; color:#4C9B9F; padding:0 0 10px 0; font-family :  Arial, Helvetica, Verdana, sans-serif; font-weight:normal;}
body#sub h2 {font-size:19px; color:#4C9B9F; padding:7px 0 5px 0; font-family :  Arial, Helvetica, Verdana, sans-serif; font-weight:normal;}
body#sub h3 {font-size:16px; color:#4C9B9F; padding:25px 0 5px 0; font-family :  Arial, Helvetica, Verdana, sans-serif;}

span.phone
{
	float:none !important;
	color:#ffffff !important;
	font-size:24px;
}


.container {width:962px; margin: 0 auto; text-align:left; border: 1px solid #212121; border-bottom:0px; background : #ffffff url(/Commercial/Images/BuildingServices/Rental/TraneEmployee.gif) no-repeat bottom right; padding-top:12px;}


/*header styles, including logo and utility navigation*/
.header {float:left; background : url(/Commercial/Images/BuildingServices/Rental/bg-header.gif) no-repeat bottom left;}
.header .logo {float:left;padding-left:10px}

 
#main {float:left; width:944px; padding:9px 9px 20px 9px;}
body#sub #main {float:left; width:944px; padding:30px 9px 20px 9px;}
#main ul, #main ol {padding:10px 0 5px 25px;}
#main ul li, #main ol li {padding-bottom:5px;}
body#home .leftSide ul li, body#home .leftSide ol li {padding-bottom:7px;}
 
p
{
	font-size:12.1px !important;
	font-family:Verdana;
	padding-bottom:5px; 
	line-height:18px;
	color:#212121;
}
        

.leftSide {float:left; width:308px; padding-right:17px;}
	.callout {width:308px; color:#666;}
	.callout p {padding: 5px 0px;}
	.callout .cap {background : url(/Commercial/Images/BuildingServices/Rental/greyboxtop.gif) no-repeat bottom left; }
	.callout .content {padding:0 15px 0 18px; color:#212121; background : url(/Commercial/Images/BuildingServices/Rental/greyboxmiddle.gif) repeat center; font-size:11px; font-family: verdana, arial,helvetica; width:275px; display:block;overflow:hidden}
	.callout .content a {color:#377a3b;}
	.callout .base {background : url(/Commercial/Images/BuildingServices/Rental/greyboxbottom.gif) no-repeat top left;width:308px;display:block;height:10px;}
	
.topright .callout .cap {background : url(/Commercial/Images/BuildingServices/Rental/greenboxtop.gif) no-repeat bottom left;}
.topright .callout .content {background : url(/Commercial/Images/BuildingServices/Rental/greenboxmiddle.gif) repeat center;}
.topright .callout .base {background : url(/Commercial/Images/BuildingServices/Rental/greenboxbottom.gif) no-repeat top left;width:308px;display:block;height:10px; }
.top {width:944px; padding-bottom:5px !important;}
	.topleft {width:618px; color:#212121;float:left;padding-right:17px; background : url(/Commercial/Images/BuildingServices/Rental/fire.gif) no-repeat bottom right;}
	.topleft p {padding:5px 0;}
	.topleft .cap {background : url(/Commercial/Images/BuildingServices/Rental/boxtop.jpg) no-repeat bottom left;}
	.topleft .content, .topleft .base {padding:0 15px 0px 18px; font-size:12.1px; font-family: verdana, arial,helvetica;  display:block;}	
	.topleft .content { border-left:1px solid #CDD6C7; border-right:1px solid #CDD6C7; }
	.topleft .content ul{padding: 12px 0px 0px 15px !important;}
	.topleft .content li, .topleft .base li{color:#4C9B9F;}
	.topleft .base ul{padding: 0px 15px 19px 15px !important;}
	.topleft .base p{padding: 0px 15px 28px 0px !important;}
	
	.topleft .base {background : url(/Commercial/Images/BuildingServices/Rental/boxbottomfire.gif) no-repeat top left;display:block;overflow:hidden; }	
	.topright {width:308px; color:#666;float:left !important;padding:0px;}

.rightSide {float:left; width:618px; font-family :  Verdana, Arial, Helvetica, sans-serif; font-size:11px;padding-top:10px}
	.rightSide p {padding-bottom:5px; line-height:18px;padding-right:30px; color:#212121;} 

.topleft .content a.link, .rightSide a.link, .callout .content a.link , .topleft .base a.link 
{font-size:14px; color:#E74416 !important;text-decoration:none;background : url(/Commercial/Images/BuildingServices/Rental/arrow.gif) no-repeat right; padding-right:20px; }


.topleft .content a.link:hover, .rightSide a.link:hover, .callout .content a.link:hover, .topleft .base a.link:hover
{color:#E74416 !important;text-decoration:underline;}

.topright p.special
{padding-left:20px;background : url(/Commercial/Images/BuildingServices/Rental/arrow.gif) no-repeat left top;padding-top:0px;}

.topright a.special 
{font-size:14px;color:#E74416; padding-top:10px;text-decoration:none; }

.topright a.special:hover
{font-size:14px;color:#E74416; padding-top:0px;text-decoration:underline; }

/*footer styles*/
.footerContainer {margin: 0 auto; width:962px;  font-family :  Arial, Helvetica, Verdana, sans-serif;}
.footer { width:962px; float:left; padding:0px; font-size:9px; font-weight:bold;}
.footer .copyright {float:left; width:790px; text-align:left; color:#666; border-top: 1px solid #212121;padding:10px }
.footer .copyright a {color:#e92845; padding:0 3px;}
.footer .nav {float:right; width:140px; text-align:right; color:#666;padding-top:10px}
.footer .nav a { color:#666; text-decoration:none; padding:10px 3px;}
.footer .dummy {float:right; border-top: 1px solid #212121; width:7px;padding:0px;}
 

.clearfloats {clear:both; padding-top:.05px; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}