@import "ada-common.css";
@import "ada-navigation.css";


a:link, a:visited { color: #005695; text-decoration: none; }
a:hover, a:active { color: #005191; text-decoration: underline; }

h1 { font-size: 20px; color: #245983; }
h2 { font-size: 18px; color: #245983; }
h3 { font-size: 16px; color: #005191; }
h4 { font-size: 14px; color: #005191; margin: 30px 0 5px 0; }
h5 { font-size: 12px; color: #387aae; margin: 20px 0 5px 0 }
h6 { font-size: 11px; margin: 0 0 12px 0; }


/* header */
#mainheader { position: relative; z-index: 90; background: url(images/residential-inthdr-bg.gif) repeat-x top left; }
#mainheader .headercontainer { width: 100%; }
#mainheader .headercontainer .navigation { position: relative; z-index: 100; text-align: left; float: left; height: 141px; padding-left: 152px; }
#mainheader .headercontainer .searchsite { text-align: left; float: right; width: 315px; height: 141px; background: url(images/residential-inthdr-searchbg.jpg) no-repeat top left; }

#mainheader .headercontainer .navigation .logo { position: absolute; z-index: 150; top: 0px; left: 0px; width: 208px; height: 100px; }
#mainheader .headercontainer .navigation #nav { float: left; height: 32px; margin: 106px 0 0 0; }
#nav, #nav ul li { width: auto; }

form.search { margin: 0; padding: 48px 0 0 32px; }
input.searchtext { width: 122px; font-size: 9px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #333333; margin-right: 4px; }
input.searchsubmit { width: 51px; height: 18px; }

#mainheader .headercontainer .searchsite .gen3demo { padding: 20px 0 0 21px; }


/* banner */
#bannercontainer { position: relative; z-index: 70; background: url(images/residential-intbanner-bg.gif) no-repeat top center; }
#bannercontainer .bannercontent { text-align: left; width: 100%; height: 188px; background: url(images/residential-intbannerarea.jpg) no-repeat top left; }
#bannercontainer .bannercontent .bannerimg { display: block; width: 665px; height: 188px; float: left; }
#bannercontainer .bannercontent .rightdemo { display: block; float: right; width: 315px; height: 188px; background: url(images/residential-intbanner-rightbg.jpg) no-repeat top left; }


/* content */
#contentcontainer { position: relative; z-index: 50; background: #f7f8fb url(images/residential-intcontent-bg.gif) repeat-x bottom; }
#contentcontainer .contentouter { background: url(images/residential-contentright-bg.gif) repeat-y top right; text-align: left; width: 100%; }
#contentcontainer .contentouter .contentinner {  }
#contentcontainer .contentouter .contentinner .contentcopy { background: url(images/residential-innerright-bg.gif) no-repeat bottom right; }

#contentcontainer .contentcopy .contentleft { padding: 35px 0 35px 0; }
#contentcontainer .contentcopy .contactbox { position: relative; float: right; padding: 29px 0 0 0; width: 315px; background: url(images/residential-intcontact-bg.gif) no-repeat top left; min-height: 365px; height: auto !important; height: 365px; }

#contentcontainer .contentcopy .contentleft .copyarea { background: url(images/residential-content-divider.gif) repeat-y top left; }
.contentcopy .contentleft .copyarea .subnav { float: left; width: 150px; width/**/:/**/ 115px; padding: 0 17px 0 18px; }
.contentcopy .contentleft .copyarea .maincopy { position: relative; margin-left: 174px; min-height: 200px; height: auto !important; height: 200px; margin-right: 340px; padding-bottom: 40px; }

.contentleft .copyarea .resintrocopy { background: url(images/residential-int-introtextbg.gif) no-repeat bottom left; padding: 0 0 20px 0; height: 40px; }

.copyarea .resintrocopy .pagetitle { float: left; width: 150px; width/**/:/**/ 132px; padding-left: 18px; }
.copyarea .resintrocopy .introblurb { float: left; width: 440px; }
.copyarea .resintrocopy .introblurb h1.pagetitle { width: 430px; margin: 0; font-size: 15px; color: #005292; font-family: Helvetica, sans-serif; line-height: 23px; }

.copyarea .subnav ul { margin: 0; padding: 0; list-style: none; width: 115px; }


.copyarea .subnav ul li { width: 115px; background: url(images/commercial-subnav-arrow.gif) no-repeat top right; }
.copyarea .subnav ul li a:link, .copyarea .subnav ul li a:visited { background: url(images/commercial-subnav-basedot.gif) repeat-x bottom left; color: #005695; display: block; width: 115px; padding: 12px 0 5px 0; text-decoration: none; }
.copyarea .subnav ul li a:hover, .copyarea .subnav ul li a:active { background: url(images/commercial-subnav-basedot.gif) repeat-x bottom left; color: #005695; display: block; width: 115px; padding: 12px 0 5px 0; text-decoration: underline; }


.copyarea .subnav ul ul { margin: 0; padding: 0 0 0 10px; list-style: none; width: 115px; width/**/:/**/ 105px; }
.copyarea .subnav ul ul li { width: 105px; }

a#reshomelink { display: block; float: left; width: 35px; height: 25px; padding-top: 106px; margin-left: 2px; }

.contentcopy .contactbox form.contactform { margin: 0; padding: 0 42px 0 29px; }
.contentcopy .contactbox input.contacttext { padding-top: 2px; padding-bottom: 2px; width: 125px; border: 1px solid #20acd6; font-size: 9px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #7a7d7e; }
.contentcopy .contactbox textarea.contactmessage { padding-top: 2px; padding-bottom: 2px; width: 125px; height: 60px; border: 1px solid #20acd6; font-size: 9px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #7a7d7e; }

.contentcopy .contactbox table { margin: 19px 0 0 0; }
.contentcopy .contactbox th { vertical-align: top; color: #FFFFFF; width: 105px; text-align: left; font-weight: normal; padding-bottom: 8px; }
.contentcopy .contactbox td { vertical-align: top; width: 130px; text-align: left; font-weight: normal; padding-bottom: 8px; }

.contentleft .copyarea .maincopy .imageright { float: right; padding: 0 0 30px 30px; }
.contentleft .copyarea .sectiontitle { position: absolute; top: -67px; left: -26px; }


/* Area Titles */
.pagetitle .residential_about_us { width: 110px; height: 58px; background: url(images/areatitles/res-aboutus.gif) no-repeat top left; }
.pagetitle .residential_our_systems { width: 110px; height: 58px; background: url(images/areatitles/res-oursystems.gif) no-repeat top left; }
.pagetitle .residential_the_benefits { width: 110px; height: 58px; background: url(images/areatitles/res-thebenefits.gif) no-repeat top left; }
.pagetitle .residential_contact_us { width: 130px; height: 35px; background: url(images/areatitles/res-contactus.gif) no-repeat top left; }


/* Footer */
#footercontainer { width: 100%; height: 71px; background: url(images/residential-footer-topbg.gif) repeat-x top center; }
#footercontainer .footer { background: url(images/residential-footerright-bg.gif) no-repeat bottom right; padding: 0 0 40px 0; text-align: left; }
#footercontainer .footer .footercopy { height: 71px; height/**/:/**/ 46px; padding-top: 25px; padding-left: 14px; }

#footercontainer .footer a:link, #footercontainer .footer a:visited { color: #333333; text-decoration: none; }
#footercontainer .footer a:hover, #footercontainer .footer a:active { color: #333333; text-decoration: underline; }


/* Additional */
.formthanks { display: block; color: #000000; width: 315px; width/**/:/**/ 255px; padding: 0 35px 0 25px; }
.formthanks h3 { border-bottom: 1px solid #5cbbdc; color: #333333; padding-bottom: 5px; font-size: 14px; margin-bottom: 7px !important; }


/* Which Aircon Form */
form#frmWhichAir a:link,
form#frmWhichAir a:visited {
	text-decoration: underline;
	font-weight: bold;
}

form#frmWhichAir a:hover { text-decoration: none; }