/*
=BTS :Basic Typogrpahic Styles
---------------------------------------- */
body,button,textarea,input{font:12px/1.5em "Helvetica Neue",Arial,Helvetica,sans-serif;color:#666;}
/* Links */
a{text-decoration:none;color:#111;}
p a{border-bottom:1px solid #222;}
a:hover{text-decoration:underline;}
p a:hover{text-decoration:none;border-bottom:1px solid #FF0;color:#666;}
a:active{color:#CCC;}
/* Line Breaks */
p,ul,ol,dl{margin-bottom:1.5em;}
/* Headers */
h2,#featuredProjects .feature .info h3{font-size:21px;}
.blockHeader{font-size:2em;height:38px;padding:0.45em 0 0.35em 0;border-bottom:9px solid #CCC;border-top:9px solid #CCC;margin:0 0 0.75em 0;}
h4.blockHeader{font-size:1.5em;line-height:0;padding:0;border-bottom:3px solid #CCC;border-top:none;}
h3{font-size:1.5em;margin-bottom:0.3em;font-weight:bold;}
/* Formatting */
strong{color:#333;font-weight:bold;}
em{font-style:italic;}
del{font-style:line-through;}
/* sifr */
.sIFR-active h2,
.sIFR-active .blockHeader,
.sIFR-active #primeNav li,
.sIFR-active #tertNav li,
.sIFR-active #intro #secondaryNav li,
.sIFR-active #newsFeed li h3,
.sIFR-active #featuredProjects .feature .info h3{letter-spacing:1px;visibility:hidden;}
/* misc */
.loud{font-size:1.3333em;line-height:1.5em;}
/*
=BPS :Basic Page Structure
---------------------------------------- */
body{width:960px;margin:0 auto;padding:43px 0 0 0;}
#header{height:90px;background:url(images/headerBg.gif) repeat-x;margin:0 0 31px 0;}
#page{position:relative;}
#page.interior{min-height:450px;margin-bottom:1em;}
/* Content Blocks */
#primeContent{float:left;width:590px;}
#primeContent.smCol{float:left;width:304px;}
#primeContent.smCol .split{float:left;width:151px;}
#primeContent.smCol .split.border{border-left:1px solid #ccc;}
#right_column{margin-left:10px;}

#secondaryContent, .secondaryContent{float:right;width:336px;}
#secondaryContent.lgCol, .secondaryContent.lgCol{float:right;width:613px;}
#primeContent.fullCol,
#secondaryContent.fullCol, .secondaryContent.fullCol{clear:both;float:none;width:960px;}
.block{margin-bottom:3em;}
/* Footer */
#footer{border-top:10px solid #CCC;padding:0.95em 0 0 0;margin:0 0 1.5em 0;clear:both;}
#contactInfo{width:287px;float:left;padding:0 20px 0 0;margin:0 34px 1.53em 0;border-right:1px solid #CCC;}
/* vCard */
.vcard{width:170px;float:left;}
.vcard dt{float:left;}
#contactInfo .vcard .adr .fn,
.vcard dt.hide{display:none;}
.vcard .adr .fn{color:#111;}
.vcard .adr{margin:0 0 0.75em 0;display:block;}
.vcard .adr span.street-address{display:block;}
#inquiry{padding-top:3.75em;}
#inquiry li a{color:#666;}
#inquiry li a:hover{color:#222;text-decoration:underline;}
/* flickrFeed */
#flickr{width:291px;float:left;padding:0 0 0 0;margin:0 0 1.53em 0;border-right:1px solid #CCC;}
#flickr ul{padding:4px 0 0 0;margin:0;}
#flickr ul li{float:left;margin:0 20px 0 0;}
#flickr ul li.end{margin:0;}
#flickr ul li a{display:block;width:75px;height:75px;border:1px solid #FFF;overflow:hidden;}
#flickr ul li a:hover{border-color:#FF0;}
#flickr #view-feed{float:right;margin:20px 0 0 0;}
#flickr .flickrlink{padding-top:29px;height:13px;}

#twitter{width:291px;height:156px;float:left;padding:0 0 0 0;margin:0 0 1.53em 33px;position:relative;}
#twitter .tweet{font-style:italic;font-family:Garamond;font-size:18px;color:#666;}
#twitter .twitterlink{position:absolute;bottom:0;height:13px;}
/*
=NAV :Navigation Styles
---------------------------------------- */
#siteHeader a,
#tertNav h6 a{display:block;background:url(images/logo.png) no-repeat;text-indent:-9999px;}
#siteHeader,
#siteHeader a{float:left;height:90px;width:270px;}
#tertNav h6,
#tertNav h6 a{float:left;height:43px;width:130px;background-position:0 100%;}
#primeNav,
#tertNav ul{float:right;font-size:12px;}
#primeNav{height:52px;padding:38px 0 0 0;}
#primeNav li,
#tertNav li{float:left;text-align:right;margin:0 0 0 1.03em;}
#primeNav li a{color:#FFF;text-decoration:none;}
#primeNav li a:hover{color:#FF0;}
#primeNav li a,
#tertNav li a{display:block;}
#primeNav{margin:0;}
#tertNav{clear:both;border-top:2px solid #222;padding:1.5em 0 0 0;height:45px;}
#tertNav ul{padding:0 0 0 0;margin: 20px -10px 0 0;}
/*
=SLD :Slideshow Styles
---------------------------------------- */
.slide{position:relative;overflow:hidden;}
.slide img{display:block;cursor:pointer;}
.loading{background:url(images/loader-sites.gif) no-repeat 50% 50%;background-color:#ccc;}
/* Controls */
.slideControl{margin-bottom:0;}
.slideControl li,
.slideControl li a{height:20px;width:20px;cursor:pointer;}
.slideControl li a{display:block;text-indent:-9999px;background:url(images/arrow.png) no-repeat;}
.slideControl li.prev{float:left;}
.slideControl li.prev a{background-position:0 0;}
.slideControl li.prev a:hover{background-position:0 -20px;}
.slideControl li.next{float:right;}
.slideControl li.next a{background-position:-20px 0;}
.slideControl li.next a:hover{background-position:-20px -20px;}
/*
=HMP :Home Page
---------------------------------------- */
/* Slide Show */
#featuredProjects{width:956px;height:316px;border:2px solid #666;margin:0 0 20px 0;overflow:hidden;}
#featuredProjects.hover{border-color:#FF0;}
.feature{position:relative;height:316px;width:956px;display:block!important;}
#featuredProjects .feature .info{cursor:pointer;position:absolute;top:0;left:0;padding:20px;height:296px;width:296px;background:url(images/darkTrans.png);color:#FFF;}
#featuredProjects .feature .info h3{margin:-1px;color:#FFF;}
#featuredProjects .feature .info h3 a{color:#FFF;}
/* Slide Controls */
#page.home #featuredProjects ul.slideControl{position:absolute;width:45px;top:288px;left:282px;z-index:300;}
/* Intro */
#intro{height:108px;}
#intro h2,#intro p{float:left;width:612px;}
#intro #secondaryNav{font-size:21px;float:right;height:100px;width:267px;padding:0 0 0 40px;margin:0;border-left:1px solid #CCC;}
#intro #secondaryNav li{margin-bottom:0.25em;}
/* Feed */
#homeFeed{clear:both;height:260px;}
#homeFeed ul{margin:0;}
#homeFeed ul li{height:260px;width:266px;float:left;padding:0 40px 0 0;margin:0 39px 0 0;border-right:1px solid #CCC;cursor:pointer;}
#homeFeed ul li.end{width:266px;float:left;margin:0;padding:0;border-right:none;}
#homeFeed ul li a{color:#222;text-decoration:none !important;}
#homeFeed ul li img{border:2px solid #666;margin:0 0 5px 0;}
#homeFeed ul li.hover{color:#999;}
#homeFeed ul li.hover a{text-decoration:underline;}
#homeFeed ul li.hover img{border-color:#FF0;}
/* Clients */
#clients ul{margin:0 auto;padding:1.5em 0 0 0;}
#clients ul li{float:left;margin:0 19px 0 0;}
#clients ul li.end{margin:0;}
#clients ul li a{display:block;overflow:hidden;width:118px;height:101px;border:1px solid #ccc;}
#clients ul.slideControl{padding-top:1.5em;}
#clients ul li a:hover{border-color:#FF0;}
/* Borders + Vertical Padding */
#intro,#homeFeed,#clients{border-top:10px solid #CCC;margin:0 0 1.5em 0;}
#intro{padding:1.5em 0 0 0;}
#homeFeed{padding:1.5em 0 0 0;}
#clients{padding:0.95em 0 0 0;}
/*
=PRJ :Projects
---------------------------------------- */
/* Projects */
#projects{height:765px;width:960px;overflow:hidden;}
#projects .slide{height:630px;width:960px;}
#projects ul.grid{height:640px;width:972px;}
#projects ul.grid li{float:left;margin:0 12px 11px 0;overflow:hidden;}
#projects ul.grid li a{border:1px solid #FFF;display:block;height:148px;overflow:hidden;width:148px;}
#projects ul.grid li a.loading{background:url(images/loader.gif) no-repeat 50% 50%;}
#projects ul.grid li a:hover{border-color:#FF0;}
#projects ul.grid li a.loading{border-color:#FFF;}
/* Videos */

#complexProj{height:325px;width:960px;}
#complexProj .slide{height:198px;width:960px;}
#complexProj ul.grid{height:180px;width:960px;}
#complexProj ul.grid li{float:left;height:180px;margin:0 20px 0 0;overflow:hidden;width:225px;}
#complexProj ul.grid li.end{margin:0;}
#complexProj ul.grid li a{border:1px solid #FFF;display:block;height:178px;overflow:hidden;width:223px;}
#complexProj ul.grid li a:hover{border-color:#FF0;}


#videos{height:325px;width:960px;}
#videos .slide{height:198px;width:960px;}
#videos ul.grid{height:180px;width:960px;}
#videos ul.grid li{float:left;height:180px;margin:0 20px 0 0;overflow:hidden;width:225px;}
#videos ul.grid li.end{margin:0;}
#videos ul.grid li a{border:1px solid #FFF;display:block;height:178px;overflow:hidden;width:223px;}
#videos ul.grid li a:hover{border-color:#FF0;}
/* Slide Controls */
#projects .slideControl,
#clients .slideControl,
#videos .slideControl{padding:0 1px;}
#projects .slideControl{padding:1.5em 1px 0 1px;}
#projects .slideControl li.prev,
#clients .slideControl li.prev,
#videos .slideControl li.prev{float:left;}
#projects .slideControl li.next,
#clients .slideControl li.next,
#videos .slideControl li.next{float:right;}
/*
=NWS :News and Press
---------------------------------------- */
#newsFeed li{border-bottom:4px solid #CCC;margin:0 0 1em 0;}
#newsFeed li img{margin:0 0 0.75em 0;}
#newsFeed li h3{font-size:18px;margin:0 0 -2px 0;}
#newsFeed li dl{color:#999;margin:0 0 0.75em 0;}
#newsFeed li dl dd,
#newsFeed li dl dt{display:inline-block;}
#newsFeed li dl cite{color:#111;padding-right:10px;}
/* Press Feed */
#pressFeed{height:430px;}
#pressFeed .slide{margin:0 0 1.5em 0;height:290px;}
#pressFeed .slide ul{float:left;padding:0 0 0 1px;width:336px;}
#pressFeed .slide ul li{float:left;margin:0 11px 10px 0;}
#pressFeed .slide ul li.end{margin:0;}
#pressFeed .slide ul li a{display:block;width:102px;height:138px;border:1px solid #ccc;overflow:hidden;}
#pressFeed .slide ul li a:hover{border-color:#FF0;}
#pressFeed .slideControl{padding:0 1px;}
/* Archives */
#archives{border-top:9px solid #CCC;padding:1.5em 0 0 0;}
#archives #monthlyArch,
#archives #catArch{width:142px;}
#archives #monthlyArch{float:left;}
#archives #catArch{float:right;}
#archives #monthlyArch ul li a,
#archives #catArch ul li a{color:#999;}
#archives #monthlyArch ul li a:hover,
#archives #catArch ul li a:hover{color:#222;}
.pager{padding-bottom:1em;}
/*
=CSE :Case Studies
---------------------------------------- */
#caseStudies li{cursor:pointer;float:left;margin:0 20px 3.5em 0;width:225px;height:390px;border-bottom:solid 5px #fff200;}
#caseStudies li.end{margin:0;}
#caseStudies li img{border:1px solid #CCC;margin:0 0 5px 0;width:223px;}
#caseStudies li.hover{color:#999;}
#caseStudies li.hover img{border-color:#FF0;}
#caseStudies li.hover a{text-decoration:underline;}
/* Single */
#projectImages,#projectImages .slide{height:510px;width:960px;}
#projectImages.cProj,#projectImages.cProj .slide{height:720px;width:960px;}
#projectImages{margin:0 0 1.5em 0;overflow:hidden;position:relative;}
#projectImages .slideControl{bottom:10px;position:absolute;right:10px;width:45px;z-index:100;}
#projectInfo{border-top:9px solid #CCC;padding:1.5em 0 0 0;}
.column{width:450px;padding:0 35px 0 0;}
.first.column{float:left;}
.last.column{float:right;padding:0;}
#projectImages a.vidLink{background:url(images/arrow.png) no-repeat 0 -40px;bottom:10px;display:block;height:20px;position:absolute;right:60px;text-indent:-9999px;width:72px;z-index:1000;}
#projectImages a.vidLink:hover{background-position:0 -60px;}
#addlImages{border-top:9px solid #CCC;height:290px;margin:0;padding:1.5em 0 0 0;}
#addlImages li{float:left;margin:0 10px 0 0;}
#addlImages li.end{margin:0;}
/*
=LCS :Locations
---------------------------------------- */
/*
=ABT :About
---------------------------------------- */
#flashFolio{background:#EEE;height:427px;width:auto;}
#team .fn,#team .title{color:#222;float:right;width:206px;}
#team .fn{padding-top:4.5em;}
#team .fn span{font-size:1.3333em;margin-bottom:0.25em;display:block;clear:both;}
#team .photo{width:117px;height:117px;margin-bottom:0.75em;overflow:hidden;float:left;}
#team .photo img.photo{width:auto;height:auto;margin:0;float:left;}
#team .note{clear:both;margin-bottom:1.5em;}
/*
=LND :Landlords
---------------------------------------- */
/*
=CNT :Contact
---------------------------------------- */
/* Contact Form */
#cForm{float:left;width:305px;}
#cForm legend{display:none;}
#cForm label{color:#999;display:block;padding:8px 0 0 8px;overflow:hidden;position:absolute;text-transform:uppercase;width:300px;}
#cForm fieldset p{margin:0 0 0.75em 0;position:relative;}
#cForm input.text,
#cForm textarea{border:1px solid #CCC;padding:8px 0 0 6px;}
#cForm input.text{height:24px;width:300px;}
#cForm textarea{height:120px;width:300px;}
#cForm input.text:focus,
#cForm textarea:focus{border-color:#666;}
#cForm input#submit,
#cForm button#submit{background:url(images/submit.gif);border:none;color:#FF0;height:17px;float:right;text-indent:-9999px;width:61px;}
/* Errors */
#cForm label.error{font-size:90%;padding-left:0;position:relative;text-transform:lowercase;}
#gMap{background:#EEE;border:1px solid #CCC;float:right;height:254px;width:267px;}
/*
=UTL :Utility Classes
---------------------------------------- */
.left{float:left;}
.right{float:right;}
.center{margin:0 auto;}
.clear{clear:both;display:block;}
.hide{display:none;}
img.large{border:1px solid #CCC;}
.hr{height:1px;background-color:#ccc;}

#footer .hz li{float:left;margin-left:10px;}
#footer .hr{width:615px;float:right;margin:0 0 13px 0;}
#footer form{float:right;margin:0 0 60px 0;}
#footer form input{border:1px solid #ccc;padding:3px;color:#ccc;}
#footer form input.submit{border:none;color:#fff;background-color:#ccc;}
#footer form label{color:#999;display:block;padding:3px 3px 3px 6px;overflow:hidden;position:absolute;text-transform:uppercase;width:300px;}

#footer .newsletter{margin:0;float:left;}
#footer .newsletter li{margin:0 5px 0 0;}

#login .hz li{float:left;margin-right:10px;}
#login .hz li.end{float:left;margin-right:0px;}
#login{width:572px;height:500px;background: url('images/logo2.png') no-repeat;margin:50px auto;}
#login form{position:relative;top:260px;bottom:10px;float:right;}
#login form input{border:1px solid #000;padding:3px;color:#ccc;font-size:2em;width:178px;}
#login form input.submit{border:none;color:#fff;background-color:#000;}
#login form label{color:#999;display:block;padding:10px 8px 8px 16px;overflow:hidden;position:absolute;text-transform:uppercase;font-size:2em;}


#menu.hz li{float:left;margin-right:30px;}


/*
=STS :Sites
---------------------------------------- */

.sites-slide ul.slideControl{position:absolute;width:45px;bottom:10px;right:10px;z-index:300;}
#details #menu{height:20px;margin:10px 0 5px 0;}
#details #menu .address{width:200px;margin:0;}
#details #menu a:hover{background-color:#fef800;text-decoration:none;}
#details #info .left{width:200px;}
h4{font-weight:bold;}
#details .hr{margin-bottom:5px;}
#details .slideControl{top:550px;}

.map{margin:0;padding:0;}
body.map{width:612px;}

.hidden{display:none;}
.slide img{display:block;}

#footer ul li a{color:#666;}

.loc_link a{background-color:#fef800;}

iframe{overflow:hidden;margin-bottom:-5px;}

.black{color:#000;}
.allcaps{text-transform:uppercase;}
.format_link a, .city_link a, .detail_link a{color:#999;}

#login .flash{position:relative;top:330px;float:right;font-size:2em;}

#format, #cities{min-height:400px;}

.away{position:absolute;left:-9999px;}

.description{margin-left:200px;}


/*
=Media Buyers
---------------------------------------- */

.media-buyers .images img{margin-bottom:10px;}
.media-buyers .images{margin-bottom:20px;}
.media-buyers .case{margin-bottom:20px;}
.media-buyers #cases img{border:1px solid #CCC;margin:0 0 10px 0;}
.media-buyers #cases li.hover img{border-color:#FF0;}
.media-buyers #cases li.hover h3{text-decoration:underline;}

.frame{width:612px;height:427px;}

#frame-wrapper{width:612px;height:427px;}
#map_frame{display:none;width:612px;height:427px;}
.current{background-color:#fef800;}

.client-slides{display:none;}