/* imports */
@import url("nav.css");
@import url("snav.css");

/* global reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
a img {border:none;}

/* style rules */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1.2;
	background:#f3f4f4;
	color:#404040;
	padding:0;
	margin:0 auto;
	text-align:center;
}
html>body{font-size: 10px;}
#main{
	width:970px;
	margin:6px auto 0 auto;
	text-align:left;
	background:transparent url(../../images/main_bgm.png) repeat-y;
}
#main div.mb{padding-bottom:20px; background:transparent url(../../images/main_bgb.png) no-repeat left bottom;}
#main div.mt{padding:4px 0 0 5px; background:transparent url(../../images/main_bgt.png) no-repeat;}
#header{
	width:955px;
	height:91px;
}
#header #logo{
	width:309px;
	padding:22px 0 0 40px;
	float:left;
}
#header #logo a{
	display:block;
	width:240px;
	height:50px;
	text-decoration:none;
	border:0;
	background: transparent url(../../images/logo.png) no-repeat;
}
#header #logo a span{visibility:hidden;}
#content{
	height:1%;
	width:885px;
	margin:21px 0 0 36px;
}

/* left side */
#content div.left{
	float:left;
	width:313px;
}
#content div.left h2{
	margin-left:4px;
	color:#ed1b2d;
	font-size:2em;
	font-weight:normal;
}
/* left section boxes */
#content div.left div.lb1m{
	width:278px;
	background:transparent url(../../images/leftb1_bgm.png) repeat-y;}
#content div.left div.lb1b{background:transparent url(../../images/leftb1_bgb.png) no-repeat left bottom;}
#content div.left div.lb1t{padding:24px 30px 24px 22px; background:transparent url(../../images/leftb1_bgt.png) no-repeat;}
#content div.left div.lb2t{padding:9px 30px 24px 22px; background:transparent url(../../images/leftb2_bgt.png) no-repeat;}
#content div.left div.lb2t h3{line-height:1.6; color:#ffffff; text-transform:uppercase; margin-bottom:20px;}
#content div.left div.lpg_img{text-align:center; margin-bottom:15px;}
#content div.left div.lb2t div.nilogos{text-align: center;}
#content div.left div.lb2t div.nilogos img,
#content div.left div.lb2t div.news_logo img{max-width:200px; margin-bottom:15px;}
#content div.left div.lb2t div.news_date{font-size:1.3em; line-height:1.25; color:#ed1b2d; margin:-5px 0 10px 0;}
#content div.left div.lb2t div.news_title{margin-bottom:10px; font-size:1.3em; line-height:1.25; color:#8a8a8a;}
#content div.left div.lb2t div.news_link{text-align:right;}
#content div.left div.lb2t div.news_link a{font-size:0.9em; line-height:1.75; color:#ed1b2d; text-transform:uppercase; text-decoration:none; padding-right:7px; background:transparent url(../../images/news-link_rarrow.png) no-repeat right center;}

/* right side */
#content div.right{
	float:left;
	width:572px;
	padding-top:65px;
}
#about #content div.right{background:transparent url(../../images/pg-hdr_vision.png) no-repeat;}
#team #content div.right{background:transparent url(../../images/pg-hdr_experience.png) no-repeat;}
#portfolio #content div.right{background:transparent url(../../images/pg-hdr_leadership.png) no-repeat;}
#news #content div.right{background:transparent url(../../images/pg-hdr_success.png) no-repeat;}
#contact #content div.right{background:transparent url(../../images/pg-hdr_partnership.png) no-repeat;}

#content .bcopy a,
#content .bcopy a:visited,
#content .team_bio a,
#content .team_bio a:visited,
#content .port_info a,
#content .port_info a:visited{color:#8a8a8a;}
#content .bcopy a:hover,
#content .team_bio a:hover,
#content .port_info a:hover{color:#ed1b2d;}


/* right section boxes */
#content div.right div.rb1m{
	width:575px;
	margin-top:20px;
	margin-left:-4px;
	background:transparent url(../../images/rightb1_bgm.png) repeat-y;}
#content div.right div.rb1b{background:transparent url(../../images/rightb1_bgb.png) no-repeat left bottom;}
#content div.right div.rb1t{padding-bottom:15px; background:transparent url(../../images/rightb1_bgt.png) no-repeat;}

/* general copy */
#content .bcopy p, #content .bcopy ul{font-size:1.3em; line-height:1.3; color:#8a8a8a; font-weight:normal; margin-bottom:13px;}
#content .bcopy p.spread{line-height:1.6;}
#content .bcopy p.quote{float:right; width:229px; color:#ed1b2d; font-weight:normal; margin:0 0 13px 30px;}
#content .bcopy p span.supper{font-size:0.85em; text-transform:uppercase;}
#content .bcopy p span.hilite{color:#ed1b2d;}
#content .bcopy p a.hilite{color:#ed1b2d; font-size:0.85em; text-decoration:none;}
#content .bcopy ul li{padding-left: 1em; text-indent: -1em; margin-left:0.5em; list-style:none;}
#content .bcopy ul li:before{content: "\00BB \0020";}
#content .bcopy h1{font-size:1.5em; line-height:1.13; color:#000100; font-weight:normal; margin-bottom:13px;}
#content .bcopy h2{font-size:1.3em; line-height:1.3; color:#ed1b2d; font-weight:normal; margin-bottom:13px;}

#content div.right div.thumbs_bg, #content div.right div.news_bodya{padding:42px 18px 7px 18px;}
#content div.right div.thumbs_bg div.thumbs{float:left; width:72px; height:72px; margin:0 5px 5px 0; overflow:hidden;}
#content div.right div.thumbs_bg div.thumbs:hover img{margin-top:-72px;}

/* team */
#content div.right div.team_bio, #content div.right div.port_table, #content div.right div.news_body{padding:9px 18px 7px 18px;}
#content div.right div.team_bio h2, #content div.right div.port_table h2{line-height:1.6; color:#ffffff; text-transform:uppercase; margin-bottom:20px;}
#content div.right div.team_bio div.tbio_left{float:left; width:135px;}
#content div.right div.team_bio div.tbio_right{float:left; width:394px; margin-left:10px;}
#content div.right div.team_bio div.tbio_right p, #content div.right div.news_bodya p{font-size:1.1em; line-height:1.45; color:#231f20; font-weight:normal; margin-bottom:5px;}

/* news */
#content div.right div.news_body div.news_story{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #9d9fa2;}
#content div.right div.news_body div.news_story:last-child{margin-bottom:0; border-bottom:0;}
#content div.right div.news_body div.news_story div.news_date{float:left; width:50%; font-size:1.3em; line-height:1.25; color:#ed1b2d;}
#content div.right div.news_body div.news_story div.news_link{float:left; width:50%; text-align:right;}
#content div.right div.news_body div.news_story div.news_link a{font-size:0.9em; line-height:1.75; color:#ed1b2d; text-transform:uppercase; text-decoration:none; padding-right:7px; background:transparent url(../../images/news-link_rarrow.png) no-repeat right center;}
#content div.right div.news_body div.news_story div.news_title{clear:both; padding-top:7px; padding-bottom:3px; font-size:1.1em; line-height:1.45; color:#535051;}
#content div.right div.news_bodya h2{font-size:1.1em; line-height:1.45; color:#231f20; font-weight:bold; margin-bottom:10px;}
#content div.right div.news_bodya p.news_date{font-size:1.3em; line-height:1.25; color:#ed1b2d; margin-bottom:10px;}

/* portfolio */
#content div.right div.port_table table{font-size:1em; padding:0; margin:0; border:0; width:530px;}
#content div.right div.port_table table tr td{padding:0; margin:0; border-spacing:0; border-bottom:1px solid #9d9fa2;}
#content div.right div.port_table table tr:last-child td{border-bottom:0;}
#content div.right div.port_table table tr td.port_logos{vertical-align:middle;}
#content div.right div.port_table table tr td.port_info{padding:10px 0;}
#content div.right div.port_table div.port_logo{margin-right:15px; width:90px;}
#content div.right div.port_table div.port_logo img{max-width:90px;}
#content div.right div.port_table div.port_name{float:left; width:200px; font-size:1.1em; line-height:1.45; color:#ed1b2d;}
#content div.right div.port_table div.port_status{float:right; width:200px; text-align:right; font-size:0.9em; line-height:1.75; color:#ed1b2d; text-transform:uppercase;}
#content div.right div.port_table div.port_desc, #content div.right div.port_table div.port_loc{clear:both; font-size:1.1em; line-height:1.45; color:#535051;}

/* pager */
#content div.right ul.pager{float:right; height:33px;}
#content div.right ul.pager li{list-style:none; list-style-type:none; float:left; line-height:16px; vertical-align:middle;}
#content div.right ul.pager li a,
#content div.right ul.pager li a:visited{display:block; margin:0 3px; font-size:1em; line-height:1.6; font-weight:bold; color:#ffffff; text-decoration:none;}
#content div.right ul.pager li a:hover{color:#ed1b2d;}
#content div.right ul.pager li a.left,
#content div.right ul.pager li a.right{width:3px; height:7px; margin-top:4px; font-size:0.7em; line-height:1; background:transparent url(../../images/pager_arrows.png) no-repeat;}
#content div.right ul.pager li a.right{background-position:-3px 0;}
#content div.right ul.pager li a.left:hover{background-position:0 -7px;}
#content div.right ul.pager li a.right:hover{background-position:-3px -7px;}
#content div.right ul.pager li a.left span,
#content div.right ul.pager li a.right span{visibility:hidden;}
#content div.right div.pager{padding-left:251px;}
#content div.right #prev{display:block; width:28px; height:16px; font-size:0.6em; line-height:1; background:transparent url(../../images/pager_arrows2.png) no-repeat; text-decoration:none;}
#content div.right #prev:hover{background-position:0 -16px;}
#content div.right #next{display:block; width:28px; height:16px; font-size:0.6em; line-height:1; background:transparent url(../../images/pager_arrows2.png) no-repeat 0 -48px; text-decoration:none;}
#content div.right #next:hover{background-position:0 -32px;}
#content div.right #prev span, #content div.right #next span{visibility:hidden;}

/* typography */
strong{font-weight:bold;}
em{font-style:italic;}
img{border:0;}

/* clearing */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.clear{clear:both;}

/* blocks */
.cols{float:left;}
.mt-0{margin-top:0 !important;}
.mt-15{margin-top:15px;}
.mt-67{margin-top:67px;}
.ml-15{margin-left:15px;}
.ml-25{margin-left:25px;}
.mb-20{margin-left:20px;}

/* ========== portfolio table ========== */

#content #cycle{
	height:300px;
	overflow:hidden;
	width:530px;
}

#content #cycle table{
	background:#ffffff;
	max-height:300px;
	width:530px;
}

#content #cycle table tr{
	width:530px;
}

/* why is this necessary... image should be constrained by #content div.right div.port_table div.port_logo img
#content #cycle table tr td.port_logos{
	width:105px;
}

#content #cycle table tr td.port_info{
	width:425px;
}

*/

/* ========== Social Feeds ========== */

#social-wrap{
	margin:0 auto;
	text-align:left;
	width:970px;
}

#social{
	background:#E2E3E3 url(../../images/social_bgb.png) left bottom no-repeat;
	margin:0 0 0 41px;
	overflow:hidden;
	padding:18px 0 14px 20px;
	width:860px;
}

#social h4{
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	line-height:25px;
	margin:0 20px;
	text-transform:uppercase;
}

#social h5{
	border-bottom:1px solid #678083;
	color:#404040;
	line-height:1.4em;
	text-transform:uppercase;
}

#social a{
	color:#ed1c2d;
	text-decoration:none;
}

#social a:hover, #social a:focus{
	color:#ed1c2d;
	text-decoration:underline;
}

#social div.sclbxm{
	background:url(../../images/sclbx_bgm.png) repeat-y;
	display:inline;
	float:left;
	overflow:hidden;
	width:284px;
}

#social div.sclbxt{
	background:url(../../images/sclbx_bgt.png) left top no-repeat;
	padding:4px 0 0 0;
}

#social div.sclbxb{
	background:url(../../images/sclbx_bgb.png) left bottom no-repeat;
	padding:0 0 14px 0;
}

#social #twitter h4{
	background:url(../../images/twitter.png) right 4px no-repeat;
}

#social #twitter div.tweets{
	height:254px;
	margin:0 13px 13px 7px;
	overflow:auto;
	font-size:1.1em;
}

#social #twitter div.tweets div.tweet{
	overflow:hidden;
	padding:14px 7px;
}

#twitter div.tweets div.odd{
	background:#f3f4f4;
}

#social #twitter div.tweets div.tweet div.thumb_wrp{
	float:left;
}

#social #twitter div.tweets div.tweet div.entry_wrp{
	margin:0 0 0 38px;
}

#social #twitter div.tweets div.tweet div.timestamp{
	padding-top: 7px;
	font-size:0.9em;
}

#blog div.blog_wrp, #news div.news_wrp{
	height:254px;
	margin:0 13px 13px 7px;
	overflow:auto;
	font-size:1.1em;
}

#blog div.blog_wrp h5, #news div.news_wrp h5{
	margin:0 44px 0 16px;
	padding:18px 0 0 0;
}

#blog div.blog_wrp div, #news div.news_wrp div{
	margin:0 0 0 16px;
	padding:5px 16px 5px 0;
}

#blog div.blog_wrp div.odd, #news div.news_wrp div.odd{
	background:#ffffff;
}

#bgoverlay{display:none; position:fixed; z-index:10000; top:0; left:0; width:100%; height:100%; background:transparent url(../../images/bg_overlay.png) repeat;}

#searchresults{display:none; position:absolute; z-index:10001; top:100px; left:50%; margin-left:-253px; width:500px; height:auto; padding:15px; background:white; -webkit-border-radius:5px; -moz-border-radius:5px; border:3px solid #333333; font-size:1.1em; text-align:left;}

/* sifr rules */
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 - 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }

  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }

  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }

  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt;
    padding: 0pt;
    overflow: auto;
    letter-spacing: 0px;
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }

  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	.sIFR-active #content div.left h2{visibility:hidden;}
}
.sIFR-active object {
  display: block;
}