/***********************/
/**  Global Settings  **/
/***********************/
html, body { height: 100%; }

body {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-size: 62.5%;
background: #fff url(../images/bkg_header.jpg) repeat-x 0 0;
}

/*************************/
/********  Links  ********/
/*************************/
a, a:link, a:visited, a:hover { text-decoration: none; }

a, a:link { color: #005991; }

a:visited { }

a:hover { color: #00a3e6; }

a.pdf, a.mail {
display: inline;
height: 24px;
padding: 2px 0 2px 24px;
}

a.pdf { background: transparent url(../images/icon_pdf.gif) no-repeat 0 1px; }

a.mail { background: transparent url(../images/icon_mail.gif) no-repeat 0 1px; }


/**********************/
/*****  Headings  *****/
/**********************/ 

h1, h2, h3, h4, h5, h6 {
padding: 0 0 15px;
margin:0;
font-family: Georgia, serif;
font-weight: normal;
color: #444;
}

h1 span, h2 span, h3 span, h4 span {
color: #9c0000;
letter-spacing: -0.05em;
}

h1 {
font-size: 2.2em;
font-style: italic;
letter-spacing: -0.025em;
}

h2 {
font-size: 1.6em;
font-style: italic;
}

h3 {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif !important;
font-size: 1.4em;
}

h4 { }

h5 { }

h6 { }

/**********************/
/*******  GNAV  *******/
/**********************/ 

#gnav {
float: left;
margin: 0;
padding: 0 0 40px 0;
height: 54px;
display: block;
}

#gnav li {
float: left;
width: 173px;
height: 54px;
}

#gnav a {
float: left;
border: 0;
height: 42px;
width: 161px;
padding: 12px 6px 0 6px;
display: block;
}

#gnav a.web { background: transparent url(../images/gnav_bkg_web.gif) no-repeat 0 0; }

#gnav a.brand { background: transparent url(../images/gnav_bkg_brand.gif) no-repeat 0 0; }

#gnav a.print { background: transparent url(../images/gnav_bkg_print.gif) no-repeat 0 0; }

#gnav a.info { background: transparent url(../images/gnav_bkg_info.gif) no-repeat 0 0; }

#gnav a.about { background: transparent url(../images/gnav_bkg_about.gif) no-repeat 0 0; }

#gnav a:hover { background-position: 0 -54px; }

#web #gnav a.web, #brand #gnav a.brand, #print #gnav a.print, #info #gnav a.info, #about #gnav a.about {
height: 38px;
background-position: 0 -54px;
border-bottom: 4px solid #9c0000;
}

#gnav a span.white {
padding: 0;
margin: 0;
font-size: 1.3em !important;
font-style: normal !important;
letter-spacing: normal !important;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif !important;
color: #fff;
display: block;
text-transform: uppercase;
}

#gnav a span {
padding: 0;
margin: 0;
font-size: 1.125em !important;
display: block;
color: #676767;
text-transform: lowercase;
}

/************************/
/******  Wrappers  ******/
/************************/

#wrap {
position: relative;
min-height: 100%;
width: 952px;
margin: 0 0 0 8px;
padding: 0;
background: transparent url(../images/logo_bar.png) repeat-y 0 0;
display: block;
}

#logo {
float: left;
margin: 0;
padding: 0 0 0 4px;
width: 83px;
height: 210px;
vertical-align: top;
background: transparent url(../images/sr_logo.png) no-repeat 4px 0;
display: block;
}

#logo .printLogo { display: none; }

#header { height: 142px; }

#mainContent {
float: left;
width: 865px;
margin: 0;
padding: 0;
}

#content {
float: left;
width: 677px;
display: block;
}

#navBox {
float: left;
width: 154px;
padding: 0 10px;
margin: 0 0 0 10px;
border-left: 1px solid #eee;
background: transparent url(../images/tab_bkg.jpg) no-repeat right 24px;
}

#footer {
float: left;
padding: 10px;
}

dl.postHome  {
float: left;
display: block;
padding: 5px 15px;
margin: 0 50px 10px 20px;
width: 570px;
border-top: outset 3px #ddd;
background: #f9f9f9 url(../images/post_bkg.gif) no-repeat 0 bottom;
}

dl.postHome dt.postDate {
float: left;
display: block;
width: 100px;
padding-top: 4px;
font: 1em bold "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif !important;
color: #8a9774;
}

dl.postHome dd.postTitle {
float: left;
display: block;
width: 470px;
padding: 0;
margin: 0;
font: bold italic 1.3em/1.5em Georgia, serif;
color: #5c564a;
}

dl.postHome dd {
margin-left: 100px;
color: #8d897f;
}

dl.postHome dd p { font-size: 1.1em; line-height: 1.8em; }

/*************************/
/**  Common Formatting  **/
/*************************/
 
p, ul, ol, dl {
margin:0;
padding:0 0 .75em 0;
line-height: 1.45em;
}

ul, ol { padding:0 0 1.05em 2.5em; }

#content {
font-size: 1.2em !important;
color: #37352d;
}

blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}

small { font-size:0.85em; }

images { border:0; }

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/*************************/
/*********  Form  ********/
/*************************/

form {  }

.redTxt { color: #9c0000; }

#thxMsg {
display: block;
width: 500px;
margin-bottom: 10px;
}

#thxMsg p {
padding: 4px 0 0 4px;
color: #005991;
font-weight: bold;
}

input.disabled {
border: 1px solid #F2F2F2;
background-color: #F2F2F2;
}

input.required, textarea.required { border: 1px solid #444; padding: 4px; }

input.validation-failed, textarea.validation-failed {
border: 1px solid #9c0000;
color : #9c0000;
}

input.validation-passed, textarea.validation-passed {
border: 1px solid #99cc00;
color : #000;
}

.validation-advice {
margin: 5px 0;
padding: 5px;
background-color: #9c0000;
color : #fff;
font-weight: bold;
}

.custom-advice {
margin: 5px 0;
padding: 5px;
background-color: #99cc00;
color : #fff;
font-weight: bold;
}

fieldset {
padding: 1em;
margin-bottom: 0.5em;
}

label { font-weight: bold; }

.form-row {
clear: both;
padding: 0.5em;
}

form textarea {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-size: 1em;
}

.field-label { padding-bottom: 2px; }

.field-widget { }

.formBtn {
padding: 4px 10px;
text-transform: uppercase;
border-top: 1px outset #dcdcdc;
border-left: 1px outset #dcdcdc;
border-right: 1px outset #525252;
border-bottom: 1px outset #525252;
background: #fff url(../images/submit_bkg.gif) repeat-x 0 50%;
}

.formBtnHov {
padding: 4px 10px;
text-transform: uppercase;
border-top: 1px  inset #dcdcdc;
border-left: 1px inset #dcdcdc;
border-right: 1px inset #525252;
border-bottom: 1px inset #525252;
background: #fff url(../images/submit_bkg.gif) repeat-x 0 45%;
}

/************************/
/*******  Tables  *******/
/************************/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}

table tr td { padding:2px; }

/************************/
/***  Global Classes  ***/
/************************/
 
.clear { clear:both; }

.float-left { float:left; }

.float-right { float:right; }

.text-left { text-align:left; }

.text-right { text-align:right; }

.text-center { text-align:center; }

.text-justify { text-align:justify; }

.bold { font-weight:bold; }

.italic { font-style:italic; }

.underline { border-bottom:1px solid; }

.highlight { background:#ffc; }

.images-left {
float:left;
margin:4px 10px 4px 0;
}

.images-right {
float: right;
margin: 4px 0 4px 10px;
}

.nopadding { padding:0; }

.noindent {
margin-left:0;
padding-left:0;
}

.nobullet {
list-style:none;
list-style-image:none;
}

.copyright {
font-size: 95%;
color: #999;
}

/************************/
/* Portfolio Formatting */
/************************/

.mainAreaLoading {
float: left;
width: 100%;
background-color: #fff;
z-index: 1;
}

.portImage {
float: left;
padding: 4px;
border: 1px solid #eee;
background: #fff;
}

.portInfo {
float: left;
width: 525px;
display: block;
}

.siteInfo {
float: left;
display: block;
width: 500px;
padding: 10px 5px;
}

.siteLinks {
float: left;
display: block;
padding-left: 15px;
background: transparent url(../images/plus.gif) no-repeat 0 0;
}

.imgLinks {
float: left;
display: none;
padding-left: 15px;
background: transparent url(../images/plus.gif) no-repeat 0 0;
}

.siteParts {
float: right;
display: block;
text-align: right;
padding-left: 15px;
background: transparent url(../images/plus.gif) no-repeat 0 0;
}

.portDesc {
float: left;
margin: 0;
padding: 0;
width: 150px;
}

.portDesc p, .portDesc ol, .portDesc ul, .portDesc dl { color: #37352d; }

#navBox #mLink {
height: 10px;
padding: 0;
margin: 0 0 4px;
display: block;
float: right;
}

/* SETS THE SELECTOR BACKGROUND TO ACTIVE */
#navBox #mLink .active { background-position: 0 -21px !important; }

#mLink a { float: left; }

#navBox #mLink a.selector {
float: left;
margin: 0 2px;
padding: 0;
height: 9px;
width: 9px;
border: 0;
background: transparent url(../images/page_select.gif) no-repeat 0 0;
}

#navBox #mLink a:hover.selector { background-position: 0 -11px !important; }

#navBox dl { padding-left: 20px; }

#navBox dt {
font-size: 1.2em;
padding: 0 0 0.25em 15px;
font-weight: bold;
text-transform: uppercase;
color: #9c0000;
background: transparent url(../images/plus.gif) no-repeat 0 2px;
}

#navBox dd {
font-size: 1.1em; 
padding: 0 0 1.2em 2px;
}

#navFloat {
height: 430px;
width: 154px;
overflow: hidden;
}

.floatCol {
float:left;
width: 154px;
}

#navFloat, #floatThumbs { position: relative; }

#floatThumbs { width: 620px; }

.portTmb {
float: left;
width: 144px;
height: 52px;
padding: 4px;
margin: 0 0 10px;
background: #fff;
border: 1px solid #eee;
display: block;
}

.portTmb a {
display: block;
height: 52px;
border: 0;
}

/** WEB LINKS **/

.portTmb.active { border: 1px solid #9c0000; }

/** WEB LINKS **/

.portTmb a.aeTmb { background: transparent url(../images/web/ae_tmb.jpg) no-repeat 0 0; }

.portTmb a.asburyTmb { background: transparent url(../images/web/asbury_tmb.jpg) no-repeat 0 0; }

.portTmb a.capTmb { background: transparent url(../images/web/cap_tmb.jpg) no-repeat 0 0; }

.portTmb a.fionaTmb { background: transparent url(../images/web/fiona_tmb.jpg) no-repeat 0 0; }

.portTmb a.gvTmb { background: transparent url(../images/web/gv_tmb.jpg) no-repeat 0 0; }

.portTmb a.metaTmb { background: transparent url(../images/web/meta_tmb.jpg) no-repeat 0 0; }

.portTmb a.mwfTmb { background: transparent url(../images/web/mwf_tmb.jpg) no-repeat 0 0; }

.portTmb a.plushTmb { background: transparent url(../images/web/plush_tmb.jpg) no-repeat 0 0; }

.portTmb a.recordTmb { background: transparent url(../images/web/recordant_tmb.jpg) no-repeat 0 0; }

.portTmb a.tauggTmb { background: transparent url(../images/web/taugg_tmb.jpg) no-repeat 0 0; }

.portTmb a.tntTmb { background: transparent url(../images/web/tnt_tmb.jpg) no-repeat 0 0; }

.portTmb a.xoTmb { background: transparent url(../images/web/xo_tmb.jpg) no-repeat 0 0; }

/** BRAND LINKS **/

.portTmb a.citiTmb { background: transparent url(../images/brand/citi_tmb.jpg) no-repeat 0 0; }

.portTmb a.sinclairTmb { background: transparent url(../images/brand/sinclair_tmb.jpg) no-repeat 0 0; }

.portTmb a.dayconTmb { background: transparent url(../images/brand/daycon_tmb.jpg) no-repeat 0 0; }

.portTmb a.indTmb { background: transparent url(../images/brand/ind_tmb.jpg) no-repeat 0 0; }

.portTmb a.juiceTmb { background: transparent url(../images/brand/juice_tmb.jpg) no-repeat 0 0; }

.portTmb a.tcTmb { background: transparent url(../images/brand/tc_tmb.jpg) no-repeat 0 0; }

.portTmb a.mountTmb { background: transparent url(../images/brand/mount_tmb.jpg) no-repeat 0 0; }

.portTmb a.gwTmb { background: transparent url(../images/brand/gw_tmb.jpg) no-repeat 0 0; }

.portTmb a.tntbTmb { background: transparent url(../images/brand/tnt_tmb.jpg) no-repeat 0 0; }

.portTmb a.ppTmb { background: transparent url(../images/brand/pp_tmb.jpg) no-repeat 0 0; }

.portTmb a.strengTmb { background: transparent url(../images/brand/streng_tmb.jpg) no-repeat 0 0; }

/** PRINT LINKS **/

.portTmb a.havaTmb { background: transparent url(../images/print/hava_tmb.jpg) no-repeat 0 0; }

.portTmb a.hrTmb { background: transparent url(../images/print/hr_tmb.jpg) no-repeat 0 0; }

.portTmb a.tcpTmb { background: transparent url(../images/print/tcp_tmb.jpg) no-repeat 0 0; }

.portTmb a.fuseTmb { background: transparent url(../images/print/fuse_tmb.jpg) no-repeat 0 0; }

/** INFOGRAPHICS LINKS **/

.portTmb a.gdsiTmb { background: transparent url(../images/info/gdsi_tmb.jpg) no-repeat 0 0; }

.portTmb a.gideonTmb { background: transparent url(../images/info/gideon_tmb.jpg) no-repeat 0 0; }

.portTmb a.infoTmb { background: transparent url(../images/info/info_tmb.jpg) no-repeat 0 0; }

.portTmb a.hsTmb { background: transparent url(../images/info/hs_tmb.jpg) no-repeat 0 0; }

.portTmb a.tjTmb { background: transparent url(../images/info/tj_tmb.jpg) no-repeat 0 0; }


/* VISITED, HOVER, & ACTIVE STATES FOR ALL PORTFOLIO LINKS */

.portTmb a:visited { background-position: 0 -104px; }

.portTmb a:hover, .portTmb.active a { background-position: 0 -52px; }