html { overflow-y: scroll; }
body { margin: 0; font-family: sans-serif; font-size: .7em; }
/**
 * Floats
 */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
/**
 * Links
 */
a img { border: 0; }
a { text-decoration: none;outline:none; }
a:hover, a:active { text-decoration: underline; outline: none; }
/**
 * Header
 */
#headerWrapper { height: 100px; background: #FFFFFF url(images/fade_up.png) repeat-x scroll top left; }
#headerWrapper #header { position: relative; width: 800px; height: 100px; margin: 0 auto; z-index: 999; }
#headerWrapper #header h1 { position: absolute; bottom: 15px; left: 0; font-size: 1.8em; font-weight: normal; margin: 0; padding: 0; }
#headerWrapper #header h1 a { color: #000000; }
#headerWrapper #header h1 a:hover, #headerWrapper #header h1 a:active { text-decoration: none; }
/**
 * MENU STYLES
 */
ul#mainMenu { position: absolute; bottom: 15px; right: 0; list-style: none; margin: 0; padding: 0; }
ul#mainMenu li { position: relative; display: inline; border-left: solid 1px #BBBBBB; padding: 6px 0 15px 0 ;}
ul#mainMenu li {.padding:6px 0 0 0px;}
ul#mainMenu li.first { border-left: none; }
ul#mainMenu li a { font-weight: bold; color: #777777; padding: 6px 8px 15px 8px; white-space: nowrap; }
ul#mainMenu li a.selected { color: #363942; }
ul#mainMenu li a.hover, ul#mainMenu li a:hover { background: #464A54 url(images/top-nav-bg.gif) repeat-x bottom left; color: #FFFFFF; text-decoration: none; }
/**
 * SUBMENU STYLES
 */
ul#mainMenu ul { position: absolute; top: 35px; left: 0 !important; left: 1px; list-style: none; margin: 0; padding: 5px; background: #363942 url(images/nav-bg.gif) no-repeat top right; display: none; }
ul#mainMenu ul li { display: list-item; border-left: 0; padding: 0 !important; border-top: dotted 1px #4B4F5B; }
ul#mainMenu ul li a { display: block; font-weight: bold; color: #FFFFFF; padding: 4px !important; white-space: nowrap; background: transparent; }
ul#mainMenu li.first { border-top: none; }
ul#mainMenu ul li a:hover { background: #424650; }
/**
 * Content
 */
#contentWrapper { height: 350px; width: 100%; }
#content { width: 825px; margin: 0 auto; height: 100%; color: #FFFFFF; }
#content a { color: #FFFFFF; }
#content .pageLink { padding-right: 15px;position:absolute;bottom:12px;display:block;white-space:nowrap;font-weight:bold; }
#content .left .pageLink {left:12px;}
#content .left .pageLink {right:12px;}
#content .contactInfo .pageLink, button.pageLink {position:inherit!important;}
#content .pageImageLeft { float: left; margin-left: 0px;border-left:2px solid #FFF;border-right:2px solid #FFF; }
#content .pageText { float: left; width: 380px; height: 310px; padding: 20px;position:relative; }
#content .pageText p { padding: 0 1.5em; margin: 1em 0; line-height: 1.7em; }
#content h2 { font-size: 1.5em; margin: 0 0 .7em 0; }
/**
 * Footer
 */
#footerWrapper { height: 100px; background: #FFFFFF url(images/fade_down.png) repeat-x scroll bottom left; }
#footerWrapper #footer { width: 800px; margin: 0 auto; position: relative; }
#footerWrapper #footer #copyright { position: absolute; top: 15px; left: 0; margin: 0; padding: 0; color: #999999; }
#footerWrapper #footer #designer { position: absolute; top: 15px; right: 0; margin: 0; padding: 0; color: #999999; }
#footerWrapper #footer #designer a { color: #999999; }
/*********************************
 * PAGES
 ********************************/
/**
 * COMPANY
 */
.pageCompany #contentWrapper { background: #382513;height:270px;}
.pageCompany #contentWrapper p {width:500px;}
.pageCompany #contentWrapper .pageText {height:230px!important}
.pageCompany #content .right .pageLink {right:-110px;}
.pageCompany #content .left .pageLink {padding-left:20px}
/**
 * PROJECTS
 */
.pageProjects #contentWrapper { background: #2B3147; }
.pageProjects #content { text-align:center; width: 800px; }
/**
 * CLIENTS
 */
.pageAffiliates #contentWrapper { background: #9f5523; }
#content ul { float: left; margin-left: 30px; }
#content ul li { padding: 5px 0; }
#content ul li a {font-weight:bold;}
.pageAffiliates-clients #contentWrapper { background:#033; }
.pageAffiliates-architectanddesigners #contentWrapper { background:#033; }
.pageAffiliates-partners #contentWrapper { background: #8f8c57; }
.pageAffiliates-contractors #contentWrapper {background: #8e6c36;}
.pageAffiliates-architectanddesigners #content .pageText {width:460px;.width:360px;}
.pageAffiliates-architectanddesigners #content ul { margin-left:10px; font-size:100%;line-height:1.8em; }
.pageAffiliates-architectanddesigners #content ul li { padding:2px 0; }
/**
 * CONTACT
 */
.pageContact #contentWrapper { background: #3E5A89; }
.pageContact #content input.formField { font-size: 1em; width: 10em; }
.pageContact #content .field input { display: none; }
.pageContact #content form { float: left;position:relative; }
.pageContact #content form button { background: transparent url(images/link_corner.gif) no-repeat scroll bottom right; color: #FFFFFF; border: 0; font-size: 1em; padding-right: 15px; cursor: pointer; }
.pageContact #content form button {.position:absolute;.left:120px;}
.pageContact #content .contactInfo { float: left; padding: 5px 0 0 15px; line-height: 2em; width: 13em; }
.pageContact #content .contactInfo .pageLink { float: right; }
.pageContact #content #formError { font-weight: bold; color: #FF8E8E; }