/****** General Styles ******/
/* The grid / width of the main content area. */

.halfcol {
    width:45%; 
}
.first {
    padding-right:2%;
}

.halfcol {
    width:50%;
}

.content {
    background:#000;
    height:100%;
}

html {
    background:#000;
}

/****** Footer Styles ******/

#contactpage {
    height:410px !important;
}

#contactpage .content {
    height:410px !important;
}

#contactpage li b {
    float:left;
    width:85px;
}

#contactpage #address {
    margin-top:20px;
}
#contactpage #agency {
    float:right;
}
#contactpage {
    line-height:1.4em;
}
#contactpage .grey {
       color: #999;
}
#contactpage h3 {
    font-size:3em;
    margin-bottom:.5em;
}

#contact-anchor {
    padding-bottom:80px;
}
#contactpage img {
       float: left;
       margin-right: 20px;
       padding-top:5px;
}

#contactpage a {
       text-decoration: none;
       color: white;
}

/***** Main Body Styles *****/
#main {
    margin:0 auto;
    width:85%;
    max-width:1060px;
//  min-width:320px;
    background:#000;
}

/****** Persistent Social Block *****/

#social {
    float:left;
    position:absolute;
    right:78px;
    margin-top:31px;
    z-index:1000000;
}

#social img {
    position:relative;
    float:left;
    height:2em;
    margin-right:5px;
}
#social a {
    float:left;
    margin-left:45px;
    padding-left:55px;
    padding-top:12px;
    height:38px;
    color:#ddd;
    text-decoration:none;
}
#facebook {
    background:url('../img/facebook-bw.png') no-repeat;
}
a#facebook:hover {
    background:url('../img/facebook.png') no-repeat;
    color:#06f;
}
#twitter {
    background:url('../img/twitter-bw.png') no-repeat;
}
a#twitter:hover {
    background:url('../img/twitter.png') no-repeat;
    color:#06f;
}

#social a:hover {
    
    opacity:1.0;
}
#social a span {
    position:relative;
    float:left;
    margin-top:8px;
}

/****** Navigation Style ****/
.navigation img {
    float:left;
    position:absolute;
}

.navigation ul {
    list-style-type:none;
    margin:0;
    display:inline;
    float:right;
    
}

.navigation {
    z-index: 100000;
    float:left;
    position:fixed;
    top:0;
    /* So the logo here is 138px - match the navigation height with the image height here.  This is a workaround */
    height:138px;
    width:85%;
    max-width:1060px;
    background:#000;
    opacity:0.95;
}
.navigation ul {
    margin-top:80px;
    padding-top:15px;
    padding-bottom:15px;
    background:#000;
    position:absolute;
    right:0;
    z-index:10000;
}

.navigation ul li {
    float:left;
    color:#fff;
    font-variant:caps;
    margin-left:30px;
}

.navigation ul li a {
    color:#9aa;
    text-decoration:none;
    vertical-align:bottom;
    
}
.navigation ul li a:hover {
    color:#fff;
}
.navigation ul li a.active {
    color:#fff;
    font-weight:bold;
}
.navigation .branding {
    
}


/****** Card Styles ******/
.card .copy {
    position: absolute;
    color: #000;
}


.padding p, .padding h3 {
    padding-left:15px;
    padding-top:15px;
}
.card p {
    line-height: 1.14em;
    margin-right:15px;
}
.card h3 {
    margin-top: .38em;
    margin-bottom:0.150em;
    padding-bottom:0.25em;
}
.card {
   padding-top:138px;
}

.card.first {
    padding-top:138px;
}

.card  img.background {
    float:right;
    width:100%;   
}

.half-width {
    width:42.5%;
    max-width:530px;
}
.full-width {
    width:85%;
    max-width:1060px;
}
.column {
    float:left;
}


/******** General Style rules for cards ****/
.black-bg {
    background: #000;
    color: #fff;
}
.black-bg blockquote {
    color:#aaa !important;
    margin-bottom:8px;
}
.black-bg, .black-bg h3, .black-bg p, .black-bg blockquote {
     color: #fff;
}



.half-press-links {
    float: left;
    width: 50%
}



/******* Styles for specific cards ******/
/** @todo - after designing specific card styles, create general design rules from them. **/

#event-nov-28 h3 {
    font-size:2em;
    margin-bottom: 62px;
    padding-bottom:15px;

}

.highlight, #event-nov-28 a {
    color: #fc6;
    text-decoration: none;
}

	

/******* Styles for about ******/
#about h3 {
    
}

/***** styles for recent projects *****/



/******* Styles for press ******/
.half-press-links ul.left li {
    color: white;
    text-align: left;
    padding: 5px;
    margin: .62em .62em .62em 0px;
}

.half-press-links ul.right li {
    
    margin: .62em 0px .62em .62em;
    padding: 5px;
}
.newspanel {
    height:350px; overflow-y:scroll;
    overflow-x:hidden;
}

#press a {
    text-decoration: none;
    color: white;
    font-size: 1.1em;
    padding-right:15px;
    line-height:1.5em;
    
}
#press blockquote {
    display:inline !important;
}
.link {
    clear:both;
    margin-bottom:15px;
   
}

#press a:hover {
    text-decoration:underline;
}
#contact-agent {
    margin-bottom:30px;
}
footer {
    color:#555;
    padding-top:10px;
    padding-bottom:10px;
    text-align:right;
    width:90%;
    
    background:url('../img/85pc.png');
}