/* 	CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,hr { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
a { text-decoration:none; color:#d21436; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
.clearfix { display:block; }
* { font-family:arial,"helvetica neue", helvetica, sans-serif; font-size:12px; }

/* basics */
p,ul.clients ,ul.clients, ul.client { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:19px; color:#323232; margin-bottom:25px; }
ul.clients { float: left; margin-right: 8px; }
ul.client { float: left; margin-right: 8px; color:#fff;}
.red { color:#d21436; }
.left { float:left; }
.padRight { padding-right:10px; }

/* PAGE STRUCTURE */
body { text-align:center; background:url(images/bg.gif) repeat-x; background-color:transparent; }
div#container { width:900px; margin-left:225px; text-align:left; padding-left:0; }
.hidden { overflow:hidden; }

/* HEADER STRUCTURE */
#header { height:225px; display:block; }

/* NAV STRUCTURE */
#logo { float:left; padding-top:136px; }
#nav { padding:174px 0 40px 40px; margin-bottom: 25px; }

#nav ul { float:right; }
#nav ul li { float:left; border-right:2px solid white; }
#nav ul li:last-child { border-right:none; }
#nav ul li a { color:white; text-transform:uppercase; font-size:11px; letter-spacing:.15em; display:block; width:109px; padding:8px; text-align:center; background:#999; }
#nav ul li a:hover { background:#333; }

#nav li ul { display:none; text-align:left; background-color:#888; z-index:5; position:absolute; width:inherit; }
#nav li ul li { border-top:0 solid white; float:none; border-right:none; }
#nav li ul li a { padding:5px; color:white; font-weight:normal; display:block; width:208px; text-align:left; padding-left:39px; }
#nav li a.active { background:#333; }
#nav li ul li a:hover { background:#333; }

#nav li ul.about li a { width:208px; padding-left:39px; }
#nav li ul.services li a { width:218px; padding-left:29px; }
#nav li ul.projects li a { width:220px; padding-left:27px; }

/* CONTENT NAV STRUCTURE */
ul.contentNav { width:360px; border-top: 1px solid white;}
ul.contentNav li { }
ul.contentNav li a { font-size:13px; letter-spacing:.1em; display:block; color:white; text-transform:none; font-weight:bold; padding:10px; background:#15151c; border:1px solid white; border-top:none; }
ul.contentNav li a:hover { background:#555; color:white; }

/*CONTENT STRUCTURE*/
#content { display:block; height:450px; background-color:none; }
#contentWide { display:block; height:450px;  margin-left:-226px; width:1125px; z-index:10; padding-left:226px; overflow:hidden; }
#imageBg,#scroller { display:block; height:450px; width:100%;  position:absolute; top:225px; display:block; background:none; z-index:-1; overflow:hidden; }
#imageBg,#imageBg ul { margin-left:-225px; }
#scroller { margin-left:-225px; }
#imageBg ul,#scroller ul { width:4000px; }
#imageBg ul li,#scroller ul li { float:left; width:450px; overflow:hidden; }

/*HOMEPAGE STRUCTURE*/
#homepage { padding:114px 0 0 224px; }

/* RED BOX STRUCTURE */
.redbox { display:block; height:203px; width:204px; padding:10px; background:#d21436; float:left; opacity:0.8; filter:alpha(opacity=80); }
.redbox:hover { opacity:.9; 
/* for IE */
filter:alpha(opacity=90); }
.redbox p { }
.redbox a { color:white; text-transform:uppercase; letter-spacing:.15em; font-size:13px; display:block; border:1px solid white; padding:93px 10px; }
.redboxLeft { left:50%; }
.redboxRight { right:50%; text-align:right; }

/* PROJECT STRUCTURE */
#projects .info { width:410px; height:420px; float:left; }
#projects .info p { color:#666; }
#projects .info h1 { font-size:22px; font-weight:normal; padding-top:25px; padding-bottom:10px; }

/* BROKERAGE STRUCTURE */
#brokerage { width:410px; float:left; }
#brokerage .info { height:420px; background:#eee; }
#brokerage .info p { color:#666; }
#brokerage .info h1 { font-size:22px; font-weight:normal; padding-top:25px; padding-bottom:10px; }

/* PEOPLE (STAFF) STRUCTURE */
.people { text-align:left; width:80%; margin-left:auto; margin-right:auto; }

/* PROJECT Slider */
#projectslide { float:left; width:960px; background:#eee; }
#projectNavBar { position:absolute; top:642px; z-index:4; font-size:13px; font-weight:bold; color:#d21436; }
#projectNav { float:left; }
#prevNext { float:left; padding-right:10px; }
#projectNav a,#prevNext a,#sliderNav a { cursor:pointer; padding-right:5px; display:block; float:left; }
#projectNav a { border-right:1px #333 solid; padding-left:5px; }
#projectNav a:last-child { border-right:none; }
#projectNav a:hover,#prevNext a:hover { color:red; }
a.activeSlide { color:#222; }
.brokeragelink #sliderNav a { border-right:1px black solid; margin-right:5px; }
.brokeragelink #sliderNav a:last-child { border-right:none; margin-right:5px; }

/*greybox STRUCTURE*/
.greybox { position:absolute; top:225px; background-color:#25252c; padding:40px; width:370px; float:left; height:370px; opacity:.9; filter:alpha(opacity=90); overflow: hidden;}
.greyboxWide { position:absolute; top:225px; background-color:#15151c; padding:40px; width:820px; float:left; height:370px; opacity:.9; filter:alpha(opacity=90);  overflow: hidden;}
.greybox h1 { color:white; font-size:22px; font-weight:normal; padding-bottom:20px; }
.greybox h2,.greybox h3 { color:white; font-size:14px; font-weight:bold; padding-bottom:0; }
.greybox p { color:white; }

/* FOOTER STRUCTURE */
#footer { margin-top:15px; }
#footer p { float:left; color:#aaa; }
#footer ul { float:right; }
#footer ul li { float:left; padding-left:31px; text-align:right; }
#footer ul li a { color:#aaa; font-size:11px; letter-spacing:.05em; }

/* SPLASH */
#splash { width:100%; height:100%; background:black; position:absolute; z-index:1000; top:0; left:0; text-align:center; padding-top:50px; }
.reset { margin:0; padding:0; }

/* FOURGRID TEMPLATE */
.fourGrid { width:480px; float:right; padding-top:18px; }
.fourGrid li { float:right; position:relative; padding:0 0 8px 8px; overflow:hidden; margin:0; background:none; }
.fourGrid ul li img { width:216px; height:118px; display:inline; }
.fourGrid ul li em { color:white; background-color:#d21436; width:198px; height:83px; position:absolute; top:0px; left:8px; text-align:left; padding:18px; font-style:normal; display:none; filter:alpha(opacity=90); opacity:0.9; color:#fff; z-index:1000; zoom: 1;overflow:hidden; font-size:13px; line-height:1.2em; }

/* NINEGRID TEMPLATE */
.nineGrid { width:480px; float:right; padding-top:18px; }
.nineGrid li { float:right; position:relative; padding:0 0 8px 8px; overflow:hidden; margin:0; }
.nineGrid ul li img { width:145px; height:131px; display:inline; }
.nineGrid ul li em { color:white; background-color:#d21436; zoom: 1; width:127px; height:111px; position:absolute; top:0; left:6px; text-align:left; padding:10px; font-style:normal; display:none; filter:alpha(opacity=90); opacity:0.9; color:#fff; z-index:1000; overflow:hidden; font-size:13px; line-height:1.2em; }

/* 12Grid TEMPLATE */
.twelveGrid { width:488px; float:left; padding-top:18px; padding-right:0; }
.twelveGrid ul { padding-left: 30px;}
.twelveGrid li { float:left; position:relative; padding:0 0 3px 5px; overflow:hidden; margin:0; }
.twelveGrid ul li a { }
.twelveGrid ul li a:hover { }
.twelveGrid ul li img { width:146px; height:99px; display:inline; }
.twelveGrid ul li em { color:white; background-color:#d21436; width:127px; height:79px; position:absolute; top:0; left:4px; text-align:left; padding:10px; font-style:normal; display:none; filter:alpha(opacity=50); opacity:0.9;color:#fff; z-index:4; overflow:hidden; font-size:13px; }
.twelveGrid ul li em.seen { filter:alpha(opacity=70); opacity:0.7;display:inline; }
.twelveGrid ul li em.seen:hover { filter:alpha(opacity=90); opacity:0.9; }

/* 12Grid TEMPLATE td */
.twelveGrid { width:488px; float:left; padding-top:18px; padding-right:0; }
.twelveGrid tr { padding-left: 30px;}
.twelveGrid td { float:left; position:relative; padding:0 0 3px 5px; overflow:hidden; margin:0; display: inline;}
.twelveGrid tr td img { width:146px; height:99px; display:inline; }
.twelveGrid tr td em { color:white; background-color:#d21436; width:127px; height:79px; position:absolute; top:0; left:4px; text-align:left; padding:10px; font-style:normal; display:none; filter:alpha(opacity=50); opacity:0.9;color:#fff; z-index:4; overflow:hidden; font-size:13px; }
.twelveGrid tr td em.seen { filter:alpha(opacity=70); opacity:0.7;display:inline; }
.twelveGrid tr td em.seen:hover { filter:alpha(opacity=90); opacity:0.9; }