/* A.A.I. - Wed, 21 Jan 2009 10:58:35 -0800 */
/* ------------------------------ [ global.css ] ------------------------------ */
*{outline:none}body{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
body{font:13px/1.7 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
.clrfx{zoom:1;}
.clrfx:after{content:".";display:block;height:0;width:0;line-height:0;clear:both;visibility:hidden;}
.clr{clear:both;}

body {text-align: center; background: #eaeaea;}
.wrapper {background: #fff; width: 965px; margin: 25px auto; text-align: left;}
#bd {margin: 0 15px 15px;}
#primary {width: 620px; float:right;}
#secondary {width: 305px; }
a {text-decoration: none;}
a:hover {text-decoration: none;}

/* ---------- [ HEADER/NAV ] ---------- */
#hd {padding: 30px 15px 25px;}
#hd a#logo {display:block; background: url("../../assets/images/aai-logo.gif") 0 0 no-repeat; padding-top: 114px; height:0; width: 179px; overflow:hidden; float: left;}
#hd #nav {margin-left: 689px; width: 246px;}
#hd #nav li {border-right: 1px solid #ccc; float: left;}
#hd #nav li a {display:block; overflow:hidden; height:0;}
#hd #nav li#about a {background: url("../../assets/images/nav-about.gif") 0 0 no-repeat; padding-top: 15px; width: 66px; margin-right: 15px;}
#hd #nav li#about.selected a, #hd #nav li#about a:hover {background: url("../../assets/images/nav-about-over.gif") 0 0 no-repeat;}
#hd #nav li#contact a {background: url("../../assets/images/nav-contact.gif") 0 0 no-repeat; padding-top: 15px; width: 93px; margin-left: 15px;}
#hd #nav li#contact.selected a, #hd #nav li#contact a:hover {background: url("../../assets/images/nav-contact-over.gif") 0 0 no-repeat;}
#hd #nav li#blog a {background: url("../../assets/images/nav-blog.gif") 0 0 no-repeat; padding-top: 16px; width: 31px; margin-left: 15px;}
#hd #nav li#blog.selected a, #hd #nav li#blog a:hover {background: url("../../assets/images/nav-blog-over.gif") 0 0 no-repeat;}
#hd #nav li#blog {border-right:0;}

/* ---------- [ SERVICES ] ---------- */
#services {margin-bottom: 20px;}
#services li {float: left; background-color: #a1a1a5; margin-right: 10px;height:44px; width: 305px;}
#services li a.button {display:block; text-indent: -999px; overflow:hidden; height:44px; width: 305px;}
#services li#tenant a.button {background: url("../../assets/images/submenu-tenant.gif") 0 0 no-repeat;}
#services li#interior a.button {background: url("../../assets/images/submenu-interior.gif") 0 0 no-repeat;}
#services li#exterior a.button {background: url("../../assets/images/submenu-exterior.gif") 0 0 no-repeat;}
#services li#tenant a.button:hover, #services li#tenant.selected a.button {background: url("../../assets/images/submenu-tenant-over.gif") 0 0 no-repeat;}
#services li#interior a.button:hover, #services li#interior.selected a.button {background: url("../../assets/images/submenu-interior-over.gif") 0 0 no-repeat;}
#services li#exterior a.button:hover, #services li#exterior.selected a.button {background: url("../../assets/images/submenu-exterior-over.gif") 0 0 no-repeat;}
#services li#exterior {margin-right:0;}

/* ---------- [ SUBMENU ] ---------- */
#submenu {width: 170px;}
#submenu li, #submenu li.selected, #submenu li a {font: normal 108% arial, verdana; color: #666;}
#submenu li a:hover {color: #d70423;}
#submenu li {background: url("../../assets/images/bg_submenu_hordot.gif") 0 bottom repeat-x; padding-bottom: 10px; margin-bottom: 10px;}
#submenu li.last {margin-bottom: 0;}
#submenu li.selected a, #submenu li.selected li.selected a {color: #d70423;}
#submenu li.selected ul.sublist {margin-left: 10px; margin-top: 5px;}
#submenu li.selected ul.sublist li {background: none; padding-bottom: 0; margin-bottom: 5px;}
#submenu li.selected li, #submenu li.selected li a {color: #666; font: normal 93% arial, verdana;}
#submenu li.selected li a:hover {color: #d70423;}

/* ---------- [ FOOTER ] ---------- */
#ft p {border-top: 10px solid #dadada; margin: 0 15px; text-align: right; font: normal 77% arial; color: #999; padding: 10px 0;}

/* ----- [ JCAROUSEL BASE ] ----- */
.jcarousel-container { position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.jcarousel-list li, .jcarousel-item { float: left; list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 620px; height: 378px;
}
.jcarousel-next {z-index: 3; display: none;}
.jcarousel-prev { z-index: 3; display: none;}

/* ----- [ MISC ] ----- */
.ui-tabs-hide { display: none; }
.hide {display:none;}

/* ------------------------------ [ modules.css ] ------------------------------ */
/* ---------- [ SERVICE-GALLERY ] ---------- */
#services.homepage {margin-bottom:0;z-index:10;position:relative;}
#services li {position:relative;}
#services .pcont {position:absolute; top:54px; left:0;z-index:10;zoom:1;}
#gallery-containers {z-index:0;}
#gallery-containers .slide {z-index:0;margin-top:10px;overflow:hidden; display:block; float: left; width: 305px; height: 220px; margin-right:10px;}
#gallery-containers #exterior-slides, #services #pcont-3 {margin-right:0;}
#services .panel {background-color: #d70423; height: 220px; display:none; width: 305px; opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85;}
#services .panel p {color: #fff; margin: 0 15px 20px; padding-top: 15px;}
#services .panel a.learnlink, #services .panel a.projectlink {display:block; padding-right: 19px; height: 20px; color: #fff; margin-bottom: 5px; margin-left: 15px;}
#services .panel a.learnlink:hover, #services .panel a.projectlink:hover {background: url(../../assets/images/blt_arrow.gif) right 5px no-repeat;}
#services .panel a.learnlink {width: 70px;}
#services .panel a.projectlink {width: 80px;}

/* ---------- [ TITLEBLOCK ] ---------- */
.title {margin-bottom: 25px;}
.title #slideshow {float: left;height:204px;width:305px;overflow:hidden;}
.title h1 {background: #d70423 url("../../assets/images/title-overview.gif") 21px 148px no-repeat; height: 0; padding-top: 204px; width: 620px; float: right; overflow:hidden;}
#about h1 {background-image: url("../../assets/images/title-overview.gif");}
#leadership h1 {background-image: url("../../assets/images/title-leadership-team.gif");}
#sustainability h1 {background-image: url("../../assets/images/title-sustainability.gif");}
#clients h1 {background-image: url("../../assets/images/title-clientlist.gif");}
#careers h1 {background-image: url("../../assets/images/title-careers.gif");}
.project-tenant h1 {background-image: url("../../assets/images/title-tenant-planning.gif");}
.project-interior h1 {background-image: url("../../assets/images/title-interior.gif");}
.project-exterior h1 {background-image: url("../../assets/images/title-exterior.gif");}
#contactus h1 {background-image: url("../../assets/images/title-contactus.gif");}

/* ---------- [ CONTENT ] ---------- */
.content {color: #666; font: normal 100% arial, verdana;}
.content b, .content strong {font-weight:bold;}
.content i {font-style:italic;}
.content a {text-decoration: underline; color: #666;}
.content p {line-height: 1.8em; padding-bottom: 5px;margin-bottom:20px;}
.content h2 {color: #d70423; font: normal 116% arial, verdana; margin-bottom:5px;}
.content h3 {color: #d70423; font: normal 108% arial, verdana;}
.content h4, .content h5, .content h6 {color: #d70423; font: normal 100% arial, verdana;}
.content ul {padding-left: 18px;}
.content ul li {list-style-type: disc; line-height: 2em;}

/* ----- [ CAREERS ] ----- */
#careers .content h2, #clients .content h2 {margin-top:0;}

/* ----- [ CLIENTS ] ----- */
#clients .content ul {padding-left:0; width: 250px; float: left; margin-right: 10px;}
#clients .content ul.last {margin-right:0;}
#clients .content ul li {list-style-type: none; font: normal 100% arial, verdana; line-height:1.4em;}
#clients .clist {border-bottom: 1px solid #ccc; padding-bottom: 23px; margin-bottom: 23px; width: 520px;}
#clients .clist-last {border:0; padding-bottom: 0; margin-bottom: 18px;}

/* ----- [ HOMEPAGE ] ----- */
#index .content h2 {margin-bottom:10px; font-size:153.9%;}
#index .content {padding-top:35px; width:540px;}
#index .content p {line-height:1.5em; font-size: 93%;}

/* ----- [ LEADERSHIP TEAM ] ----- */
.bio h2 {color: #d70423; font: normal 182% arial, verdana; margin-bottom: 8px;}
.bio h3 {color: #999; font: normal 123.1% arial, verdana; margin-bottom: 20px;}
.bio .quote {font-style:italic;line-height: 1.6em;}
.bio a.more {display:block; width: 70px; background: url(../../assets/images/blt_morelink.gif) right center no-repeat; font: normal 100% arial, verdana; color: #999; text-decoration: none; margin-top: 35px;}
.bio .desc p {font: normal 93% arial, verdana; color: #666; line-height: 1.6em; margin-bottom:0;}

.bio h4 {color: #d70423; font: bold 100% arial, verdana; }
.bio ul {padding:0;margin-bottom:20px;}
.bio ul li {list-style-type: none; line-height: 1.6em; font-weight:bold;}

#leadership .content {position: relative;}
#leadership .content img {position: absolute; bottom:-15px; right:0;}

/* ----- [ PROJECT PORTFOLIO ] ----- */
#project-desc a#toggle {display:block; width: 170px; color: #666; font: normal 93% arial, verdana;}
#project-desc a#toggle:hover {color: #d70423;}
#project-desc .desc h2 {font: bold 108% arial, verdana; color: #666; margin-bottom: 15px;}
#project-desc .project-bio {font: normal 93% arial, verdana; color: #666;}
#project-desc .desc {padding-top: 20px; display:none; margin-bottom: 10px;}
#project-desc .desc .name {color: #d70423;}
#project-desc .desc p {line-height:1.6em;}

/* ----- [ CONTACT US ] ----- */
#contactus .address {float: left; font: normal 100% arial, verdana; color: #666; width: 200px; margin:0 10px 20px 0;}
#contactus .first {clear:both;}
#contactus .address .city {color: #d70423;}
#contactus .address li {margin-bottom: 10px;}
#contactus .email { clear:both;margin-bottom:100px;}
#contactus .email a {color: #666; font: normal 100% arial, verdana;}
#contactus .email a:hover {color: #d70423;}

/* ----- [ ABOUT US ] ----- */
#about .content ul {margin-top: -25px;}

/* ----- [ PROJECT SERVICES ] ----- */
#project-services .content h2 {margin-top: 0;}

/* ----- [ CAROUSELS ] ----- */
#gallery-container {margin-bottom: 15px;width: 620px; height: 378px;overflow:hidden;}
#gallery-container .jcarousel-container {margin: 0 auto;}
#gallery-container .jcarousel-container-horizontal {width: 620px;}
#gallery-container .jcarousel-clip-horizontal {width:  620px; height: 378px; }
#gallery-container .jcarousel-item {width: 620px; height: 378px;}
#gallery-container .jcarousel-item-horizontal {}
#gallery-container .jcarousel-item-placeholder {background: #fff; color: #000;}

/* ----- [ CAROUSEL HORIZONTAL BUTTONS ] ----- */
#gallery-container .jcarousel-next-horizontal {
	position: absolute;
    top: 178px;
    right: 10px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    background: transparent url(../../assets/images/btn_next.png) no-repeat 0 0;
}

#gallery-container .jcarousel-prev-horizontal {
    position: absolute;
    top: 178px;
    left: 10px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    background: transparent url(../../assets/images/btn_previous.png) no-repeat 0 0;
}

#gallery-container .jcarousel-next-disabled-horizontal,
#gallery-container .jcarousel-next-disabled-horizontal:hover,
#gallery-container .jcarousel-next-disabled-horizontal:active {
    background: none;
    display:none;
    cursor: default;
/*    background-position: -96px 0; */
}

#gallery-container .jcarousel-prev-horizontal:hover {
/*    background-position: -32px 0; */
}

#gallery-container .jcarousel-prev-horizontal:active {
/*    background-position: -64px 0;  */
}

#gallery-container .jcarousel-prev-disabled-horizontal,
#gallery-container .jcarousel-prev-disabled-horizontal:hover,
#gallery-container .jcarousel-prev-disabled-horizontal:active {
    background: none;
    display:none;
    cursor: default;
/*    background-position: -96px 0; */
}