* { margin: 0; padding: 0; outline: 0; }
body { font: 13px/18px Arial,sans-serif; color: #27385f; text-align: left; background: #173560; height:100%; min-height:100%; min-width:1050px;}
body.inner{background:#eed68c;}
body, html{height:100%; min-height:100%}

a { color: #224466; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 980px;}

#page{background:#fff url(images/bg.gif) repeat-x 0 bottom; height:768px; position:absolute; width:100%;}

body.inner .left-side-bg{ background:url(images/left2.png) no-repeat;}
.left-side{float: left; display: inline; width:483px; height:768px; position:relative; z-index: 101;}
.left-side-bg{ background:url(images/left.png) no-repeat; width:483px; height:768px; }
.left-side .logos{background:url(images/logos.gif); width:112px; height:136px; }

h1#logo{
	text-indent: -4000px;
	line-height:0;
	font-size: 0;
	width:219px;
	height:69px;
	float: left;
	display: inline;
	padding:31px 0 0 32px;
}
h1#logo a{
	display: block;
	height:68px;
	background:url(images/logo.jpg);
	position:relative;
	
}

h2{font-size: 25px; color:#27385f; }
h3{font-size: 17px; color:#27385f; }

.details{width:219px; padding-left:32px; color:#fff; font-size: 13px;}
.details strong{font-size: 17px; display: block;}

#nav{padding-top:65px}
#nav ul{list-style-type: none; width:217px}
#nav li{float: left; width:217px; position:relative; z-index: 1;}
#nav li a{float: left; width:177px; color:#fff; font-size: 17px;background:url(images/li-bg.png) no-repeat; line-height:29px; padding-bottom:5px; padding-left:40px; height:29px;}
#nav li a:hover, #nav li a.active{background-position: 0 bottom; text-decoration: none;}
#nav li span{background:url(images/arr.gif) no-repeat right center; float: left; padding-right:10px; }
#nav li .sub-nav{position:absolute; top:0; left:210px; z-index: 10; display:none;}
#nav li .insider{float: left; display: inline; margin-top:-10px;}
#nav li .insider a:hover, #nav li .insider a.active{background-color:#173560; padding: 0 5px 0 0;}
#nav li .sub-nav ul{width:96px; margin-left:19px;}
#nav li .sub-nav li{width:96px; padding-bottom:10px}
#nav li li .sub-nav{left:97px; margin-top:-5px}
#nav li li .sub-nav .insider{margin-top:-14px}
#nav li .sub-nav li a{width:96px; background-image: none; padding:0; line-height:19px; height:auto;}
#nav li .sub-nav .top{background:url(images/sub-top.png) no-repeat; width:151px; height:22px}
#nav li .sub-nav .btm{background:url(images/sub-btm.png) no-repeat; width:151px; height:25px}
#nav li .sub-nav .rep{background:url(images/sub-rep.png) repeat-y; width:151px; }

.logos{padding-left:40px; padding-top:16px}
.trane{background:url(images/trane.png); width:100px; height:89px; display: block; margin-bottom:10px;}
.wellsfargo{ width:300px; height:100px; display: block; margin-bottom:10px}
.lennox{background:url(images/LennoxLogo.png); width:126px; height:37px; display: block; margin-bottom:10px; margin-left:-10px;}

.top-part{height:136px; }

.right-side{float: left; display: inline; width:790px; position:relative; z-index: 100; margin-left:-246px}
.right-side h2.top{ font-size: 22px;  line-height:24px; padding:85px 0 0 65px}
.right-side .webb{float: right; display: inline; width:171px; height:54px; background:url(images/webb.gif); margin-top:54px; margin-right:31px}

#main{ line-height:24px;}
#main p.narrow{margin-top: -25px; line-height:24px; padding-top:23px; width: 350px; float: left;}
#main .webb-photo{padding-left:100px; margin-top: -75px; float: left; position:relative; z-index: 10;}
#main .nate-logo{float: right; background:url(images/nate.jpg); width:63px; height:63px; position:absolute; bottom:-50px; right:535px; z-index: 10;}
#main .facebook-logo{float: right; background:url(images/facebook-logo.png); width:63px; height:84px; position:absolute; bottom:-50px; right:460px; z-index: 10;}
#main .lennox-logo{float: right; background:url(images/lennox.png); width:140px; height:43px; position:absolute; bottom:-50px; right:320px; z-index: 10;}
#main .hba-logo{float: right; background:url(images/hba.png); width:74px; height:43px; position:absolute; bottom:-50px; right:240px; z-index: 10;}
#main .mdha-logo{float: right; background:url(images/mdha.png); width:156px; height:60px; position:absolute; bottom:-50px; right:75px; z-index: 10;}
#main .dccc-logo{float: right; background:url(images/dccc.png); width:69px; height:63px; position:absolute; bottom:-50px; right:0px; z-index: 10;}
#main .ftr-logo{float: right; background:url(images/ftrlogo.png); width:400px; height:62px; position:absolute; bottom:-50px; right:40px; z-index: 10;}
#main .frame{float: right; background:url(images/frame.png); width:282px; height:283px; margin-left: 15px;}
#main .frame img{display: block; padding:11px 0 0 7px;}

.article{width:625px; float: right; display: inline; padding-top:55px}
.article h2{padding-bottom:5px}
.article p{padding-bottom:32px}
.article ul{margin-left: 75px;}

.contact{width:600px; padding-top:40px; padding-left:250px;}
.contact h2{padding-bottom:5px}
.contact p{padding-bottom:32px}

#holder { width:100%; position:relative; min-height:100%; }
#footer{text-align: center; color:#27385f; font-size: 11px; position:absolute; bottom:10px; left:500px; z-index:1000;}
#footer a{color:#27385f}
#loyalty{ background-repeat: no-repeat; z-index: auto; margin-left: 5px; float: left; height: 203px; width: 180px; background-image: url(images/webb_0006-loyalty.png); }
#loyalty-reveal{ margin-top: 50px; z-index: auto; display: none; height: 153px; width: 179px; background-image: url(images/webb_0007-loyalty-reveal.png); }
#loyalty-reveal a { position: absolute; height: 153px; width: 179px;}
#trane{ background-repeat: no-repeat; margin-left: 5px; float: left; height: 203px; width: 180px; background-image: url(images/webb_0005-trane.png); }
#trane-reveal{ margin-top: 50px; display: none; height: 153px; width: 179px; background-image: url(images/webb_0004-trane_reveal.png); }
#trane-reveal a { position: absolute; height: 153px; width: 179px;}
#rewards{ background-repeat: no-repeat; margin-left: 5px; float: left; height: 203px; width: 180px; background-image: url(images/webb_0002-rewards.png); }
#rewards-reveal{ margin-top: 50px; display: none; height: 153px; width: 179px; background-image: url(images/webb_0003-rewards_reveal.png); }
#rewards-reveal a { position: absolute; height: 153px; width: 179px;}
#commercial{ background-repeat: no-repeat; margin-left: 5px; float: left; height: 203px; width: 180px; background-image: url(images/webb_0000-commercial.png); }
#commercial-reveal{ margin-top: 50px; display: none; height: 153px; width: 179px; background-image: url(images/webb_0001-commercial_reveal.png); }
#commercial-reveal a { position: absolute; height: 153px; width: 179px;}
#tabs{ left: 238px; top: 136px; position: absolute; z-index: 5000; width: 795px; padding-right: 0px; margin-right: 0px; margin-left: 55px; }
#tabsreveal{ left: 238px; top: 136px; margin-top: 50px; z-index: 9999; position: absolute; margin-left: 55px; }
.photo-frame{ margin-top: 50px; width: 795px; }