/* START: Text Formatting */
html{color: #363636;font-family: "Arial", "Geneva", "Arial"; background-color: #000!important;}
h1{color: #363636;font-family:"Arial", "Geneva"; text-transform: uppercase;}
h2{color: #251100;font-family:"Arial", "Geneva";font-weight: bold; text-transform: uppercase;}
h3{color: #00539F;}
.content h3{font-family: "Arial"; font-size: 12px;font-weight: 700;text-transform: uppercase;color: #251100}
.content h4{font-family: "Arial"; font-size: 12px;color: #572700}
.content strong {font-weight: 700;}              
.content em {font-style: italic;}              
a{color: #00539F}
.current, .section, .highlight{color: #CFE75D!important}
.menu{color: #FFF}
.menu a{color: #FFF; text-decoration: none;}
.submenu{color: #CCC; font-size: 12px;}
.prominent{font-size: 14px;text-transform: uppercase;}
.small{font-size: 12px;}
.medium{font-size: 14px;}
.large{font-size: 18px;}
.legal{font-size: 10px;}
.white{color: #FFF;}
.content h1{font-family: "Arial", "Geneva", "Arial";font-size: 27px;line-height: 30px;margin: 0 0 5px 0;}
#container #contentWrapper .PeoplePage h1{font-family: "Arial", "Geneva", "Arial";font-size: 27px;line-height: 30px;margin: 0 0 0px 0;}
.content {font-family: "Arial", "Geneva", "Arial";font-size: 12px;line-height: 16px;}
.sideNav, .sideNav li{font-family: "Arial", "Geneva";font-size: 18px; text-transform: uppercase;letter-spacing:2px;}

/* END: Text Formatting */

.innerPromo{background: #B3B3B3;color: #363636;padding: 10px 10px 2px 10px;margin:0 0 8px;}


/* START: Footer */
#footer {
clear:both;
height: 45px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: url(../images/footer-background.png);
}
#footer .border{border: 0; margin: 0; padding: 0;position:absolute; top:0px;}
#footer #borderHolder{height: 6px;margin: 0 0 5px 0;}
#mediaCenter{float: right;padding: 8px 30px;text-decoration: none; color: #CCC;}
.legal{color: #FFF; padding: 0 0 0 25px;}
#footer .verticalMenu{margin: 0 0 2px 0;}
/* END: Footer */

.clear{clear:both;}

#container{
min-width:450px;
text-align:left;
margin:auto 10px;
width:auto;
}

img.left{float: left; margin: 0 5px 0 0;}
.hidden{display:none;}
.verticalMenu li{display: inline; padding: 0 0 0 25px;}

.sidebar, .content {
_position:static;
position:relative;
}

#contentWrapper .content {
float:none;
position:static;
width:auto;
}

#contentWrapper {
width:100%;
}

#container #contentWrapper {
float:right;
margin-left:-370px;
}

#container .sidebar {
float:left;
width:22em;
padding: 20px 0 0 18px;
position: relative;
z-index: 2;
}

.AndreStefaniePage,.LifestylePage,.PartnershipPage,.PhilanthropyPage,.typography
{    
    background: url(../images/white_bg.png);
}

#container #contentWrapper .content {
height:50%;
width: 40%;
overflow: auto;     
margin-top: 8.5%;
padding: 15px;
position: absolute;
right: 33px;
z-index:2;
}

#container #contentWrapper .FooterPage, #container #contentWrapper .PeopleLandingPage, #container #contentWrapper .MediaCenterPage, #container #contentWrapper .PeoplePage { 

height: 60%;
overflow: auto;
padding: 15px;
position: absolute;
left: 220px;
z-index:5;
margin: 24px 0 0 15px;
width: auto;
}
#container #contentWrapper .MediaCenterPage { 
    overflow: hidden;
    padding: 0;
}
#container #contentWrapper .MediaCenterPage #mediaMenu { 
    overflow: hidden;
    padding: 15px 15px 0 15px;
    height: 20%;
}
#container #contentWrapper .MediaCenterPage #mediaContent{ 
    overflow: auto;
    height: 75%;
    padding: 0 0 0 15px;
}
#mediaMenu
{
    width: 250px;
}
#mediaMenu li
{ 
 width: 100px;
 padding: 0 10px 0 0;
 float: left;
}
#container #contentWrapper .content p{
    margin: 0 0 10px 0;
}

#wrapper:after{
clear:both;
content:"";
display:block;
height:0;
visibility:hidden;
}

#wrapper{
zoom:1;
clear: both;
}
#SilverStripeNavigatorMessage{display:none;}

.arrow{padding: 0 4px; background: url(../images/arrow.png);background-repeat: no-repeat;background-position:center; margin: 0 0 0 5px;}
#logo{margin: 0 0 0 19px;}
/* START: UNIVERSAL NAV */
.universalNav{width: 235px;margin: 10px 0 5px 19px;color:#CCC;text-transform: uppercase; position: relative;  cursor: pointer; cursor: hand;}
.universalNav:hover ul{display:block;}
.universalNav li ul{display:none; background: #a1a1a1; height: 100px; width: 235px;position:absolute;padding:0 0 5px 0;color:#000!important; text-transform:uppercase;z-index:3;font-size: 10px;letter-spacing: 1px; left: 0; top: 15px;}
.universalNav li ul li{color: #000; padding: 5px;}
/* END: UNIVERSAL NAV */

/* START: SIDE NAV */
.sideNav a{color: #FFF; text-decoration: none;background: none;}
.sideNav a:hover{color: #CFE75D}
.sideNav .submenu a{color: #CCC; font-size: 12px;}
.sideNav .submenu, .sideNav .submenu li {color: #CCC; font-size: 12px;} 
/* END: SIDE NAV */

/* START: Right Toolbar */
.rightToolbar {float: right; width: 210px;}
.rightToolbar li{margin: 0 0 12px 0}
.rightToolbar input{width: 187px; background: #B3B3B3; color: #363636;border: 0;padding: 2px 2px;text-align: right;font-weight: 400;font-size:12px;}
/* END: Right Toolbar */

/* START: Email Form */
#emailFormDD
{
    display: none;
    width: 187px;
    background: #B3B3B3;
    color: #FFF;
    border: 0;
    padding: 2px 2px;    
    text-align: left;
    font-weight: 700;
    font-size:12px;
    z-index: 3;
    position: fixed;
}
#emailFormDD h3
{                       
    font-size: 14px;   
}
#emailFormDD input{float:left;width: 20px;clear:both;}
#headerThankYou{color: #FFF;}
/* END: Email Form */
/* START: Stretched BG */
html, body, #background, #background table, #background td {
    height:100%;
    width:100%;
    overflow:hidden;
}                                       
                                                                                        
#background div{position:absolute;width:200%;height:200%;top:0%;left:0%;z-index: -1;}
#background td{vertical-align:top;text-align:left}
#background img{min-height:50%;min-width:50%;margin:0 auto}

/* END: Stretched BG */

/*.peopleList table{margin: 0 0 50px 0;}*/
.peopleList li{float: left; width: 200px;height: 200px;padding: 15px 15px 0 0;}
#container #contentWrapper .PeoplePage img{float: left; margin: 0 15px 0 0;}

#videoContainer{display: none;
padding: 15px;
position: absolute;
top: 115px;
left: 240px;
z-index:5;
width: 1px;
height: 1px;
}

#videoArea{
	overflow: auto;
}
.video1, .video2{
	float: left;
	margin-right: 15px;
}