/*
*************************************************

Michael Laird
General Screen Styles

*************************************************
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; }
body { background: #fff; font: 76% 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.3em; text-align: center; }
input,select,textarea { font-size: 1em; font-family: 'Helvetica Neue', 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif; font-weight: normal; color: #444; }
a { color: #6d8ad2; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; }
img.icon { vertical-align: middle; }
hr { height: 1px; border: 0; background: #ccc; color: #ccc; margin: 1em 0;  }
.clear { clear: both; }

/*-------------------------------------------    
    Wrap
-------------------------------------------*/
#wrapWrap { width: 996px; margin: 0 auto; text-align: left; }
#wrap { }

/*-------------------------------------------    
    Header
-------------------------------------------*/
#headerWrap { clear: both; margin-top: 10px; }
#header { height: 60px; border-bottom: 1px solid #ccc; }
#logo { width: 345px; float: left; }
#nav1a { width: 326px; float: left; }
#nav1b { width: 307px; float: left; }

#nav1a ul,#nav1b ul { list-style: none; margin: 36px 0 0 0; font-size: 1.2em; line-height: 1.2em }
#nav1a ul li,#nav1b ul li { display: inline; margin: 0 .5em 0 0; }

#nav2 { clear: both; border-top: 1px solid #fff; height: 30px; }
#nav2 ul { list-style: none; font-size: 1em; line-height: 1.5em; margin: 5px 0 0 345px; }
#nav2 ul.news,#nav2 ul.info { list-style: none; margin: 5px 0 0 671px; }
#nav2 li { display: inline; margin: 0 1em 0 0; }
#nav2 ul.projects { float: right; margin-left: 0; }
#nav2 ul.projects li { margin: 0 0 0 .75em; }

#headerWrap li a { color: #3e406a; }
#headerWrap li.sel a { color: #6d8ad2; }

/*-------------------------------------------    
	Content
-------------------------------------------*/
#contentWrap { clear: both; height: 500px; background-color: #1b1718; overflow: hidden; }
#content { color: #ccc; font-size: 1em; }

#content strong { color: #6d8ad2; font-weight: normal; }

#content .col1 { width: 326px; float: left; overflow: hidden; }
#content .colR { width: 344px !important; }
#content .col16 { width: 181px; float: left; overflow: hidden; }
#content .col56 { width: 815px; float: left; overflow: hidden; }
#content .col2 { width: 652px; float: left; overflow: hidden; }

/* to provide space for white border to appear on rhs of project thumbs on rollover (previously it was being hidden) */
#content .portfolioL { width: 660px !important; }
#content .portfolioR { width: 336px !important; }

#content .col1 img,#content .col2 img,#content .col3 img { height: 500px; }
#content .col56 img { height: 500px !important; }
#content .col3 { width: 966px; overflow: hidden; }

#showcase { width: 652px; height: 500px; }
#slideshow { position: relative; z-index: 1; top: 0; left: 0; width: 652px; height: 500px; }
#slideshow div { position: absolute; top: 0px; left: 0px; }
#slideshow .slide { width: 652px; height: 500px; overflow: hidden; background: #1b1718; }
#slideshow img { height: 500px; }

#content h1 { font-size: 1em; color: #6d8ad2; margin: 0 18px 1em 0; font-weight: bold; }
#content h1 em { font-style: normal; color: #ccc; font-weight: normal; }
#content h1 em.blue { color: #6d8ad2; }
#content h2 { font-size: 1em; margin: 1em 18px 0 0; color: #6d8ad2; font-weight: normal; }
#content h3 { font-size: 1em; margin: 1em 18px 0 0; color: #ccc; font-weight: normal; }
#content h3.press { font-weight: bold; }
#content h2 a { color: #6d8ad2; }
#content p { font-size: 1em; color: #ccc; margin: 0 18px 1em 0; }
#content p a { color: #6d8ad2; }
#content a.blue { color: #6d8ad2; }
#content .newsdate { color: #6d8ad2; margin-right: .25em; }
#content ul { color: #ccc; margin: 0 0 1em 2em; }
#content ul a { color: #eee; }
#content ul em a { color: #6d8ad2; }

#content div.portfolio { padding: 0 0 0 0; }
#content div.portfolio h1,#content div.portfolio h2,#content div.portfolio p { margin-left: 2px; }

#content ul.people { margin: 0 0 1em 0; list-style: none; }
#content ul.awards { margin: 0 0 1em 0; list-style: none; }
#content ul.sitemap { margin: 0 0 1em 0; list-style: none; }
#content ul.nobullets { margin: 0 0 1em 0; list-style: none; }

#content ul.press { margin: 0 0 1em 0; padding: 0; list-style: none; }
#content ul.press li { margin: 0 0 0 0; padding: 0; }

#content ul.news { margin: 0 0 1em 0; padding: 0; list-style: none; }
#content ul.news li { margin: 0 0 0 0; padding: 0; }

#content ul.portfolio { margin: 19px 0 0 0; list-style: none; }
#content ul.category { width: 490px; }
#content ul.portfolio li { width: 144px; line-height: 1.1em; height: 157px; margin: 0 0 0 19px; float: left; }
#content ul.portfolio li img { width: 144px; height: 110px; }
#content ul.portfolio li a { color: #6d8ad2; }
#content ul.portfolio li a img { border: 2px solid #171414; border-top: 2px solid #1b1718; border-left: 2px solid #1b1718; }
#content ul.portfolio li a:hover img { border: 2px solid #fff; }
#content ul.portfolio li a em { padding: 0 2px; font-style: normal; display: block }

#content .mainWrap { height: 445px; overflow: hidden; } 
#content .descWrap { height: 305px; overflow: hidden; }
#content a#moreLink { color: #6d8ad2; }
#content a#hideLink { color: #6d8ad2; }
#content .mainWrapHome { height: 265px; overflow: hidden; } 
#content .mainWrapContact { height: 290px; overflow: hidden; } 
#content .viewDetail { border-top: 1px solid #332b2d; margin-right: 18px; padding: .4em 0; border-bottom: 1px solid #332b2d; }
#content .viewDetail a { color: #6d8ad2; }
#content .viewDetailTop { border-top: 1px solid #332b2d; margin-right: 18px; padding: .4em 0; margin-bottom: 0; }
#content .viewDetailTop a { color: #6d8ad2; }

#content .homeAddress {  }
#content .homeAddress p { border-top: 1px solid #444; padding-top: 1em; }

#content ul.thumbs { margin: 10px 0 15px 0; list-style: none; }
#content ul.thumbs li { width: 67px; margin: 0 8px 2px 0; float: left; }
#content ul.thumbs li img { width: 67px; height: 51px; }
#content ul.thumbs li a img { border: 2px solid #171414; border-top: 2px solid #1b1718; border-left: 2px solid #1b1718; }
#content ul.thumbs li a:hover img { border: 2px solid #fff; }


#carousel-wrapper {
    width: 815px;
    height: 500px;
    overflow: hidden;
}
#carousel-content {
    width: 5600px;
}
#carousel-content .slide {
    float: left;
    width: 815px;
    height: 500px;
    overflow: hidden;
}

#content div.text { margin: 19px 0 0 19px; }
#content .portfolioR .text { margin-left: 11px; }

#content table.subscribe { width: 300px; }
#content table.subscribe th { font-weight: normal; color: #6d8ad2; width: 40px; text-align: left; }
#content table.subscribe td { color: #fff; text-align: left; padding: .5em 0 }
#content input.text { color: #eee; background: #1b1718; border: 1px solid #444; width: 245px; padding: 2px; }
#content input.submit { float: right; background: none; cursor: pointer; border: 0; color: #6d8ad2; }

#content .contactAddress { margin-top: 300px; }

/* cols inside cols */
#content .c2 { width: 163px; float: left; overflow: hidden; }
#content .c2 div.text { margin: 19px 0 19px 19px; }
#content .c2 div.text p { margin-right: 0; }
/*-------------------------------------------    
	Footer
-------------------------------------------*/
#caption { display: none; clear: both; border: 1px solidÊ#ccc; color: #999; }
#caption p { font-size: 1em; padding-top: .25em; color:Ê#999; }

#footerWrap {  }
#footer {  }