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

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

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/commercial-inthdr-bg.gif) repeat-x top left; }
#mainheader .headercontainer { position: relative; width: 100%; }
#mainheader .headercontainer .navigation { text-align: left; float: left; height: 124px; }
#mainheader .headercontainer .searchsite { text-align: left; float: right; width: 253px; height: 124px; background: url(images/commercial-inthdr-searchbg.gif) no-repeat top left; }

/*\*/
html>body*#mainheader .headercontainer .navigation { width: 700px; }
/**/

#mainheader .headercontainer .navigation .logo { float: left; width: 203px; height: 120px; }
#mainheader .headercontainer .navigation #nav { float: left; height: 120px; height/**/:/**/ 37px; padding: 83px 0 0 0; margin-left: 6px; }
#nav, #nav ul { width: 510px; }

/*\*/
html>body*#nav, #nav ul { width: 480px; }
/**/


form.search { margin: 0; padding: 91px 0 0 44px; }
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; }


/* banner */
#bannercontainer { position: relative; z-index: 70; background: url(images/commercial-intbanner-bg.jpg) no-repeat top center; }
#bannercontainer .bannercontent { text-align: left; width: 100%; height: 223px; background: url(images/commercial-intbannerarea.jpg) no-repeat top left; }
#bannercontainer .bannercontent .bannerimg { float: left; }
#bannercontainer .bannercontent .contacttop { display: block; float: right; width: 253px; height: 223px; background: url(images/commercial-banner-contactbg.jpg) no-repeat top left; }


/* content */
#contentcontainer { position: relative; z-index: 70; background: #f7f8fb url(images/commercial-intcontent-bg.gif) no-repeat top center; }
#contentcontainer .contentcopy { background-color: #f7f8fb; text-align: left; width: 100%; }

#contentcontainer .contentcopy .contentleft { padding: 35px 0 35px 0; }
#contentcontainer .contentcopy .contactbox { position: relative; float: right; width: 253px; background: url(images/commercial-content-contactbg.jpg) no-repeat top left; min-height: 365px; height: auto !important; height: 365px; }

#contentcontainer .contentcopy .contentleft .copyarea { background: url(images/commercial-content-divider.gif) repeat-y top left; }
.contentcopy .contentleft .copyarea .subnav { float: left; width: 185px; width/**/:/**/ 145px; padding: 0 26px 0 14px; }
.contentcopy .contentleft .copyarea .maincopy { position: relative; margin-left: 210px; min-height: 280px; height: auto !important; height: 280px; margin-right: 265px; padding-bottom: 40px; }

.copyarea .subnav ul { margin: 0; padding: 0; list-style: none; width: 145px; }
.copyarea .subnav ul li { background: url(images/commercial-subnav-arrow.gif) no-repeat top right; width: 145px; }
.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: 145px; 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: 145px; padding: 12px 0 5px 0; text-decoration: underline; }

.copyarea .subnav ul ul { margin: 0; padding: 0 0 0 10px; list-style: none; width: 145px; width/**/:/**/ 135px; background: url(images/commercial-subnav-basedot.gif) repeat-x bottom left; }
.copyarea .subnav ul ul li { width: 135px; background: url(images/commercial-subnav-arrow2.gif) no-repeat top right; }
.copyarea .subnav ul ul li a:link, .copyarea .subnav ul ul li a:visited { background: none; color: #005695; display: block; width: 135px; width/**/:/**/ 130px; padding: 8px 5px 8px 0; text-decoration: none; }
.copyarea .subnav ul ul li a:hover, .copyarea .subnav ul ul li a:active { background: none; color: #005695; display: block; width: 135px; width/**/:/**/ 130px; padding: 8px 5px 8px 0; text-decoration: underline; }

a#commhomelink { position: relative; z-index: 99999; display: block; float: left; width: 35px; height: 25px; padding-top: 83px; margin-left: -102px; }

/*\*/
html>body*a#commhomelink { margin-left: -75px; }
/**/

.contentcopy .contactbox .requestquote { padding-left: 13px; margin-top: 40px; }
.contentcopy .contactbox .contactboxtitle { position: absolute; z-index: 100; top: -33px; left: 13px; }
.contentcopy .contactbox form.contactform { margin: 0; padding: 28px 0 0 29px; }
.contentcopy .contactbox input.contacttext { padding-top: 3px; padding-bottom: 3px; margin-bottom: 8px; width: 180px; border: 1px solid #20acd6; font-size: 9px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #7a7d7e; }
.contentcopy .contactbox textarea.contactmessage { padding-top: 3px; padding-bottom: 3px; margin-bottom: 8px; width: 180px; height: 60px; border: 1px solid #20acd6; font-size: 9px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #7a7d7e; }
.contentcopy .contactbox input.contactsubmit { margin-left: 130px; }

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

.contentleft .copyarea .maincopy .introcontainer { width: 485px; margin-bottom: 15px; }
.contentleft .copyarea .maincopy .introcontainer h1.pagetitle { margin: 0; font-size: 15px; color: #005292; font-family: Helvetica, sans-serif; line-height: 23px; }


/* Area Titles */
.sectiontitle .commercial { width: 90px; height: 42px; background: url(images/areatitles/comm-aboutus.gif) no-repeat top left; }
.sectiontitle .commercial_about_us { width: 90px; height: 42px; background: url(images/areatitles/comm-aboutus.gif) no-repeat top left; }
.sectiontitle .commercial_our_systems { width: 90px; height: 42px; background: url(images/areatitles/comm-oursystems.gif) no-repeat top left; }
.sectiontitle .commercial_the_benefits { width: 90px; height: 42px; background: url(images/areatitles/comm-thebenefits.gif) no-repeat top left; }
.sectiontitle .commercial_contact_us { width: 90px; height: 42px; background: url(images/areatitles/comm-contactus.gif) no-repeat top left; }
.sectiontitle .developments { width: 130px; height: 42px; background: url(images/areatitles/comm-developments.gif) no-repeat top left; }



/* Footer */
#footercontainer { background: #FFFFFF url(images/footer-bg.gif) repeat-x top left; }
#footercontainer .footer { padding: 25px 0 40px 14px; text-align: left; }

#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: 253px; width/**/:/**/ 188px; padding: 30px 40px 70px 25px; }
.formthanks h3 { border-bottom: 1px solid #99daed; color: #333333; padding-bottom: 5px; font-size: 14px; margin-bottom: 7px !important; }