/* CSS Document */
@import url("underground.css"); 
@import url("handheld.css") handheld; 
@import url("handheld.css") only screen and
(max-device-width:480px);

body, td, th, P, OL, UL, DIV, H1, H2, H3 {
	font-family: "ACaslon Regular", Caslon, Times, serif;
	font-size: 14px; /* NEW 2011 was 11.5px */
	color: #555; /*dark gray*/
	line-height: 1.5em;
}
P {
	margin: 0 0 10px 0;
}

body {
	background-color: #FFFFFF;/*
	background-position: 10px 20px;*/
	margin: 0;
}

h1 {
	text-transform: uppercase;
	word-spacing: .2em;
	letter-spacing: .1em;/**/
	font-weight: bold;
	font-size: 11px; /* NEW 2011 was 9px */
	text-align: left;
}

h2 {
	text-transform: uppercase;
	word-spacing: .2em;
	letter-spacing: .1em;
	font-weight: bold;
	font-size: 11px; /* NEW 2011 was 9px */
	text-align: left;
	color: #CF4F36;
}

h2 a {
	color: #CF4F36;
	border-bottom: thin dotted #CF4F36;
	text-decoration: none;
}

h2 a:visited {
	color: #CF4F36;
	border-bottom: thin dotted #CF4F36;
	text-decoration: none;
}

h2 a:hover {
	color: #CF4F36;
	border-bottom: thin dotted #CF4F36;
	text-decoration: none;
}

h2 a:active {
	color:#CF4F36;
	border-bottom:none;
	text-decoration:none;
}

h3 {
	font-style: normal;
	text-transform: uppercase;
	font-size: 80%;
	word-spacing: .2em;
	letter-spacing: .1em;
	margin-bottom: 1px;
}

h4 {
	font-style: normal;
	text-transform: uppercase;
	font-size: 12px; /* NEW 2011 was 9px, then 11px */
	word-spacing: 0.15em;
	letter-spacing: .05em;
	/*margin-bottom: 1px;*/
	color: #CF4F36;
	margin-top: 1px; /* NEW 2011 was 0 */
}

h5 {
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 12px; /* NEW 2011 was 85% */
	line-height: 2em;
	margin-bottom: 2px;
	color: #999999;
	margin-top: 0;
	letter-spacing: .15em;
}

h6 {
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	line-height: 1em;
	margin-bottom: 2px;
	color: #555;
	margin-top: 10px;
}

.lesslarge {
 	font-size:120%;
	margin-top: -3px;
}
.large {
 	font-size:140%;
	margin-top: -3px;
}
.larger {
 	font-size:170%; /* NEW 2011 was 200% */
	margin-top: -3px; /* NEW 2011 was 0 */
}

.newsheader {
	font-style: normal;
	font-size: 200%;
	margin-bottom: 5px;
	color: #CF4F36;
	margin-top: -5px;
}

.staff {
	font-style:italic;
	color:#999999;
	font-size:150%;
	word-spacing: .1em;
	letter-spacing: .05em;
	margin-bottom: 1px;
	padding-left: 0;
	}
.staff-on {
	font-style:italic;
	color:#CF4F36 !important;
	border-bottom:none !important;
	text-decoration:none !important;
	font-size:150%;
	word-spacing: .1em;
	letter-spacing: .05em;
	margin-bottom: 1px;
	background-repeat:no-repeat;
	padding-left: 0;
	}
.staff-allcaps {
	text-transform:uppercase;
	font-size:85%;
	word-spacing: .2em;
	letter-spacing: .15em;
	color:#999999;
	padding-left: 0;
	line-height: 200%

}
hr {
	clear:left;
	border-bottom: #c0c0c0 thin dotted;
	border-top:none;
	border-left:none;
	border-right:none;
	padding:5px 0;
	margin:0 0 15px 0;
}
.allcaps {
	text-transform:uppercase;
	font-size:85%;
	word-spacing: .15em;
	letter-spacing: .15em;
}
.smallcaps { 
	font-variant:small-caps;
	font-size:14.5px; /* NEW 2011 was 12px */
	word-spacing: .2em;
	letter-spacing: .1em;

}
.lg_italic {
	font-style: italic;
	color: #CF4F36;
	font-size: 170%;
	margin-bottom: 0px;	
}

.onpage {
	color:#CF4F36 !important;
	border-bottom:none !important;
	text-decoration:none !important;
}

a {
	color: #555;
	border-bottom: 1px #C0C0C0 dotted;
	text-decoration: none;
}

a:visited {
	color: #555;
	border-bottom: 1px #555 dotted;
	text-decoration: none;
}

a:hover {
	color: #CF4F36;
	border-bottom: 1px #CF4F36 dotted;
	text-decoration: none;
}

a:active {
	color:#CF4F36;
	border-bottom:none;
	text-decoration:none;
}

a img,:link img,:visited img { 
	border:none !important;
	border-bottom: none !important;
}

ul {
	padding: 0 10px 0 15px;
	margin: 0;
	list-style: none;
	}
.asterisk {
	padding: 0 0 0 0;
	margin: 0;
	list-style: none;
	list-style-image: url(images/asterisk.gif);
	}
	
#clients li {
	padding-left: 10px;
}

.inputbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* NEW 2011 was 10.5px */
	color: #555;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	text-align: left;
	width: 350px;
	vertical-align:text-top;
}
.emailbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* NEW 2011 was 10.5px */
	color: #555;
	margin: 0px 6px 4px 0px;
	padding: 0px;
	text-align: left;
	width: 350px;
	vertical-align:text-top;
}
.emailboxcity {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* NEW 2011 was 10.5px */
	color: #555;
	margin: 0px 6px 4px 0px;
	padding: 0px;
	text-align: left;
	width: 205px;
	vertical-align:text-top;
}
.emailboxstate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* NEW 2011 was 10.5px */
	color: #555;
	margin: 0px 6px 4px 0px;
	padding: 0px;
	text-align: left;
	width: 34px;
	vertical-align:text-top;
}
.emailboxzip {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* NEW 2011 was 10.5px */
	color: #555;
	margin: 0px 6px 4px 0px;
	padding: 0px;
	text-align: left;
	width: 85px;
	vertical-align:text-top;
}
.emailboxhome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* NEW 2011 was 10.5px */
	color: #555;
	margin: 0px 6px 0px 10px; /* NEW 2011 was 0px 6px 2px 0px */
	padding: 0px;
	text-align: center;
	width: 160px; /* NEW 2011 was 137px */
	vertical-align:text-bottom;
	height:15px;
}
.emailform {
	margin: 0px;
	padding: 0px;
	line-height: 2px;
}
.formtable {
	background-color: #FFFFFF;
}
.small {	font-size: 13px; /* NEW 2011 was 10.5px */
}
.red {color: #CF4F36}

TD#list {
	padding-top: 2px;
	font-size: 80%;
}

#mainFlex {
	margin: 0 0 20px 50px;
	width: 80%;
}

#main {
	margin: 10px 0 20px 0;
	border-top: 1px dotted #C0C0C0;
	width: 880px; /* NEW 2011 was 720px */
	clear: both;
}

#pageclean #main {
	border-top: none;
}

.mainleft {
	/*float: left;
	border-right:dotted #555 thin;*/
	width: 328px;
	padding: 0;
	margin: 0;
}

.underline {
	border-bottom: #555 thin dotted;
	padding-bottom: 7px;
}

.blockleft {/**/
	float: left;
	text-align: right;
	width: 100px;
}

.blockright {
	/*display:inline;
	text-align: left;
	padding: 0 0 0 10px;
	margin-left: 10px;
	float:right;*/
	position: absolute;
	left: 180px;
	width: 250px;
	vertical-align:text-top;
	margin-top:10px;
}

#topnav {
	padding-top:40px;
	height:160px; /* NEW 2011 was 140px */
	width:750px;
/*	*/float:left;
}
	
#newTopNav li {
	display:inline;
}

#newTopNav a:hover {
	color:#606060;
}

#newTopNav ul.menu {
	font-size:100%;
	position:absolute;
	visibility:hidden;
}

#newTopNav ul.menu li {
	display:block;
}

/* BEGIN navigation css */

#nav_above {padding:0; margin:0; list-style:none; height:29px; /* NEW 2011 was 24px */ position:relative; /*z-index:100; */ font-family:"Times New Roman", Caslon, Times, serif; width:565px; /* NEW 2011 was 445px */ _width:585px;}
#nav_above li.top {display:block; float:left;}
#nav_above li a {display:block; float:left; height:29px; /* NEW 2011 was 24px */ border:none; text-decoration:none; border:none; padding:0; cursor:pointer;}
#nav_above li a b {margin-left:-9999px;}

#nav_above li a.underground {background:url(images/nav/nav_underground.gif); width:145px; /* NEW 2011 was 19px */}
#nav_above li a.tagline {background:url(images/nav/nav_tagline.gif); width:400px; /* NEW 2011 was 326px */ margin-left:20px; _margin-left:10px; cursor:default;}

#nav_above li:hover a,
#nav_above a:hover {background-position: 0 29px; /* NEW 2011 was 24px */}

/* BF - removed z-index settings */

#nav {padding:6px 0 0 165px; /* NEW 2011 was 6px 0 0 119px */ margin:0; list-style:none; height:22px; /* NEW 2011 was 18px */ position:relative; /*z-index:200; */font-family:"Times New Roman", Caslon, Times, serif; width:620px; /* NEW 2011 was 489px */ _margin-left:1px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:22px; /* NEW 2011 was 18px */ width:200px; /* NEW 2011 was 163px */ border:none; text-decoration:none; border:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-9999px;}

#nav li a.what {background:url(images/nav/nav_what.gif);}
#nav li a.who {background:url(images/nav/nav_who.gif);}
#nav li a.contact {background:url(images/nav/nav_contact.gif);}

#nav li:hover a,
#nav a:hover {background-position: 0 22px; /* NEW 2011 was 18px */}

#nav_above table,
#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:0;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav_above li:hover,
#nav li:hover {position:relative; /*z-index:200;*/}
#nav_above a:hover,
#nav a:hover {position:relative; white-space:normal; /*z-index:200;*/}

#nav :hover ul.sub {left:0; top:22px; /* NEW 2011 was 18px */ background: #fff; width:200px; /* NEW 2011 was 163px */ height:auto; /*z-index:300;*/}
#nav :hover ul.sub li {display:block; height:22px; /* NEW 2011 was 18px */ position:relative; float:left; width:200px; /* NEW 2011 was 163px */ font-weight:normal;}
#nav :hover ul.sub li a {display:block; height:22px; /* NEW 2011 was 18px */ width:200px; /* NEW 2011 was 163px */ border:none; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.what_a {background:url(images/nav/nav_what_a.gif);}
#nav :hover ul li a.what_b {background:url(images/nav/nav_what_b.gif);}
#nav :hover ul li a.what_c {background:url(images/nav/nav_what_c.gif);}
#nav :hover ul li a.what_d {background:url(images/nav/nav_what_d.gif);}

#nav :hover ul li a.who_a {background:url(images/nav/nav_who_a.gif);}
#nav :hover ul li a.who_b {background:url(images/nav/nav_who_b.gif);}

#nav :hover ul li a.contact_a {background:url(images/nav/nav_contact_a.gif);}
#nav :hover ul li a.contact_b {background:url(images/nav/nav_contact_b.gif);}
#nav :hover ul li a.contact_c {background:url(images/nav/nav_contact_c.gif);}

#nav :hover ul.sub li a:hover {background-position: 0 22px; /* NEW 2011 was 18px */ position:relative;}

/* END navigation css */

.reel-banner {
	background:url(images/reel-banner.gif) no-repeat;
	width:126px;
	height:130px;
	position:relative;
	top:0;
	left:0;
	z-index:100;
	float:right;
}

#signup {
	padding-top: 0px;
}

#portfolio {
	float: right;
	width: 370px;
	display: inline;
	border-left:dotted #555 thin;
	padding-left:9px;
	_padding-left:5px;/*IE fix*/
}

#portfolio_collateral {
	float: right;
	width: 380px;
	display: inline;
	border-left:dotted #555 thin;
	padding-left:0px;
	_padding-left:-4px;/*IE fix*/
}

/*-------*/

TD#footer_nav {
	color: #555;
	padding-top: 100px;
	margin: 100px 0 50px;
}

TD#footer_nav a {
	color: #C0C0C0;
	border-bottom: 1px #555 dotted;
	text-decoration: none;
}

TD#footer_nav a:link {
	color: #C0C0C0;
	border-bottom: 1px #555 dotted;
	text-decoration: none;
}

TD#footer_nav a:visited {
	color: #C0C0C0;
	border-bottom: 1px #555 dotted;
	text-decoration: none;
}

TD#footer_nav a:hover {
	color: #CF4F36 !important;
	border-bottom: 1px #CF4F36 dotted;
	text-decoration: none;
}

TD#footer_nav a:active {
	color: #C0C0C0;
	border-bottom: 1px #555 dotted;
	text-decoration: none;
}

.latestword {
	width: 760px;
	text-align: right;
}

#new {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 25px;
	width: 650px;
}

.newbox {/*
	border: thin #c0c0c0 dotted;*/
	width: 220px;
	padding: 0;
}

.bigheader {
 font-size: 29px; /* NEW 2011 was 24px */

}

.center {
	text-align: center;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

img.center, img[align="right"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright, img[align="right"] {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
img.noborder {
	border: none !important;
	}

.newsletter h1 {
	font-size:22px; /* NEW 2011 was 18px */
	color:#555;
	font-weight:normal;
	text-transform:none;
	font-style:normal;
	word-spacing:normal;
	letter-spacing:normal;
	margin-bottom:5px;
}
.newsletter h2 {
	font-size:24.5px; /* NEW 2011 was 20px */
	font-weight:normal;
	text-transform:none;
	font-style:normal;
	word-spacing:normal;
	letter-spacing:normal;
	margin-top:10px;
	margin-bottom:10px;
}
.newsletter h3 {
	font-weight:normal;
	text-transform:none;
	font-style:normal;
	word-spacing:normal;
	letter-spacing:normal;
	margin-bottom:7px;
}

.border-left {
	border-left:#C0C0C0 dotted 1px;
}
.border-left-bottom {
	border-left:#C0C0C0 dotted 1px;
	border-bottom:#C0C0C0 dotted 1px;
}
.border-bottom {
	border-bottom:#C0C0C0 dotted 1px;
}

/* new CSS - 2011.4.13 */

#worknav {
	text-transform:uppercase;
	border-bottom:#C0C0C0 1px dotted;
	padding:0 0 30px 0;
	margin:0 0 18px 0;
	width:100%;
}

#worknav ul {
	padding:0 0 0 0;
	margin:0;
}

#worknav li a {display:inline; float:left; height:11px; border:none; text-decoration:none; padding:0; cursor:pointer; margin:0 14px 0 14px; list-style:none; text-indent:-9999px; line-height:.001em}
#worknav li a {_margin:0 14px 0 14px;}
#worknav li a.worknav_print {background:url(images/worknav_print.gif); width:50px;}
#worknav li a.worknav_video {background:url(images/worknav_video.gif); width:53px;}
#worknav li a.worknav_animation {background:url(images/worknav_animation.gif); width:100px;}
#worknav li a.worknav_identity {background:url(images/worknav_identity.gif); width:82px;}
#worknav li a.worknav_collateral {background:url(images/worknav_collateral.gif); width:113px;}
#worknav li a.worknav_outdoor {background:url(images/worknav_outdoor.gif); width:86px;}
#worknav li a.worknav_radio {background:url(images/worknav_radio.gif); width:55px;}
#worknav li a.worknav_interactive {background:url(images/worknav_interactive.gif); width:117px;}

#worknav li:hover a,
#worknav a:hover {background-position: 0 -11px;}
#worknav li a.worknav_on {background-position: 0 -22px;}

#worknav li.work {display:block; float:left;}

#casenav {
	text-transform:uppercase;
	border-bottom:#C0C0C0 1px dotted;
	padding:0 0 30px 0;
	margin:15px 0 18px 0;
	width:100%;
}

#casenav ul {
	padding:0 0 0 0;
	margin:0;
}

#casenav li a {display:inline; float:left; height:11px; border:none; text-decoration:none; padding:0; cursor:pointer; margin:0 0 0 20px; list-style:none; font-size:11px; letter-spacing: .1em;}
#casenav li a {_margin:0 14px 0 14px;}
#casenav li a.casenav_print {background:url(images/worknav_print.gif); width:50px;}
#casenav li a.casenav_video {background:url(images/worknav_video.gif); width:53px;}
#casenav li a.casenav_animation {background:url(images/worknav_animation.gif); width:100px;}
#casenav li a.casenav_identity {background:url(images/worknav_identity.gif); width:82px;}
#casenav li a.casenav_collateral {background:url(images/worknav_collateral.gif); width:113px;}
#casenav li a.casenav_outdoor {background:url(images/worknav_outdoor.gif); width:86px;}
#casenav li a.casenav_radio {background:url(images/worknav_radio.gif); width:55px;}
#casenav li a.casenav_interactive {background:url(images/worknav_interactive.gif); width:117px;}

#casenav li:hover a,
#casenav a:hover {background-position: 0 -11px;}
#casenav li a.casenav_on {background-position: 0 -22px;}

#casenav li.work {display:block; float:left;}

#casestudies {
/*	background:url(images/case_study_lacolectiva.png) no-repeat;
	width:880px;
	height:980px;
*/	margin:-20px 0 0 0;
}
#casestudies h1 {
	text-transform:none;
	font-size:100%;
	margin:0 0 20px 0;
	padding:20px 0 0 0;
	font-weight:normal;
}

#case_left {
	float:left;
	width:525px;
	margin:40px 0 0 0;
	font-size:120%;
}
#case_left p {
	font-size:100%;
}
#case_left .large {
 	font-size:140%;
	margin-top: -3px;
	line-height:130%;
}

#case_right {
	float:right;
	width:315px;
	margin:40px 0 0 40px;
}
#case_right hr {
	clear:left;
	border-bottom: #c0c0c0 2px dotted;
	border-top:none;
	border-left:none;
	border-right:none;
	padding:5px 0;
	margin:0 0 25px 0;
}

.case_banner {
	max-height:260px;
	_height:260px;
	overflow:hidden;
	width:880px;
	margin:0 auto;
	text-align:center;
}

a.case_banner {
	border:none;
}

/* NEW CSS - 2008.03.13 */

#worknav1 {
	text-transform:uppercase;
	word-spacing: .2em;
	letter-spacing: .1em;
	/*
	font-weight:bold;*/
}
#worknav1 a {
	color:#999999;
	text-decoration:none;
	border-bottom:none;
/**/font-size:99%;
	display: block;
	padding:5px 0 5px 0;
	font-weight:bold;
}
#worknav1 a:hover {
	color:#CF4F36; /*
	border-bottom:thin #CF4F36 dotted; */
	text-decoration:none;
}
#worknav1 TD {
	text-align:center;
}
.onpagenav {
	color:#CF4F36 !important;
}

#worknav2 {
	border-top: #C0C0C0 1px dotted;
	text-transform:uppercase;
	word-spacing: .2em;
	letter-spacing: .1em;
	font-weight:bold;
	width:360px;
	float:left;
	font-size:14.5px; /* NEW 2011 was 12px */
}
#worknav2 a {
	color:#999999;
	text-decoration:none;
	border-bottom:none;
	padding:4px 10px 0 0;
	display: block;
	float:left;
	font-weight:bold;
}
#worknav2 a:hover {
	color:#CF4F36;
	text-decoration:none;
}
#worknav3 {
	border-top: #C0C0C0 1px dotted;
	text-transform:uppercase;
	word-spacing: .2em;
	letter-spacing: .1em;
	font-weight:bold;
	width:360px;
	float:left;
	font-size:13px; /* NEW 2011 was 10.5px */
		clear:left;

}
#worknav3 a {
	color:#999999;
	text-decoration:none;
	border-bottom:none;
	padding:5px 9px 0 0;
	display: block;
	float:left;
	font-weight:bold;
}
#worknav3 a:hover {
	color:#CF4F36;
	text-decoration:none;
}
#worknavTitle {
	text-transform:uppercase;/*
	word-spacing: .2em;*/
	letter-spacing: .1em;
	text-align:right;
	width:50%;
	float:left;
	font-size:0.9em !important;
	padding-top:3px;
	padding-bottom:3px;
	border-top:thin #c0c0c0 dotted;
	border-bottom:thin #c0c0c0 dotted;
}
#caseStudyNav {
	text-transform:uppercase;
	word-spacing: .2em;
	letter-spacing: .1em;
	font-weight:bold;
	width:100%;
	float:left;
	font-size:14.5px; /* NEW 2011 was 12px */
}
#caseStudyNav a {
	color:#999999;
	text-decoration:none;
	border-bottom:none;
	padding:3px 8px 2px 0;
	display: block;
	float:left;
	font-weight:bold;
}
#caseStudyNav a:hover {
	color:#CF4F36;
	text-decoration:none;
}
#caseStudyMain {
	border-top: #C0C0C0 1px dotted;
	border-right: #C0C0C0 1px dotted;
	font-size:13px; /* NEW 2011 was 10.5px */
	text-align:left;
	width:550px;
	float:left;
	padding:5px 0 5px 0;
	margin-bottom:10px;
}
#caseStudyMain p {
clear:left;
	padding-right:20px;
}
.caseStudyImage {
	border-top: #C0C0C0 1px dotted;
	border-bottom: #C0C0C0 1px dotted;
	margin-bottom:10px;
}
.caseStudySubTitle {
	float:left;
	padding:0 0 3px 0;
}
.caseStudyTitle {
	clear:left;
	text-transform:uppercase;
	letter-spacing: .1em;
	font-weight:bold;
	font-size:13px; /* NEW 2011 was 10.5px */
	color:#999999;
	float:left;
	padding:0 0 3px 0;
	width:150px;
}
#caseStudySide {
	border-top: #C0C0C0 1px dotted;
	text-transform:uppercase;
	word-spacing: .2em;
	letter-spacing: .1em;/**/
	font-weight:bold;
	font-size:11px;/* NEW 2011 was 9px */
	text-align:left;
	width:149px;
	float:left;
	padding:5px 0 5px 10px;
}
#caseStudySide h2 {
	font-size:11px;/* NEW 2011 was 9px */
	padding: 0 0 0 10px;
}
#caseStudySide ul {
	font-size:11px;/* NEW 2011 was 9px */
	padding: 0 0 0 20px;
	margin: 0;
	list-style:none;
}
#caseStudySide li {
	font-size:11px;/* NEW 2011 was 9px */
	margin: 7px 0 0 0;
	list-style:none;
}
#caseStudySide p {
	font-size:11px;/* NEW 2011 was 9px */
	color:#999999;
	padding:0 0 0 10px;
	margin: 15px 0 0 0;
}
#workImage {
	text-align:center;
	padding:5px 0 20px 0;
	word-spacing: .2em;
	letter-spacing: .1em;/**/
	font-weight:bold;
	text-transform:uppercase;
	float:none;
	clear:left;
}
#workImage a {
	color:#999999;
	text-decoration:none;
	border-bottom:none;
	padding:5px 5px 5px 0;
	display: block;
	font-size:13px; /* NEW 2011 was 10.5px */
}
#workImage a:hover {
	color:#CF4F36;
	text-decoration:none;
}
#workDescription {
	border-top: #C0C0C0 1px dotted;
	font-style:italic;
	padding:15px 0 0 0;
	font-size:100%;
}

/* Wordpress CSS */
.narrowcolumn {
	float: left;
	margin: 0 0 0 0;
	width: 676px; /* NEW 2011 was 554px */
	border-right: 1px dotted #c0c0c0;
}

.narrowcolumn p {
	padding-right: 20px;
}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 0;
	width: 880px; /* NEW 2011 was 720px */
}

#facebook {
	margin: 0 auto;
	padding: 0;
	width: 520px;
}
.facebook {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 0;
	width: 520px;
}
.post {
	text-align: left;
	
	border-bottom: 1px dotted #c0c0c0;
	padding-top: 14px;
	width: 677px; /* NEW 2011 was 554px */
	overflow: hidden;
}

.post .entry {
	padding-right: 5px;
}
.work .entry {
	padding:0 0 150px 0px;
}
a#stimuli_nextLink, a#stimuli_prevLink, a#stimuli_bottomNavClose, a.slideshowlink {
	border-bottom:none !important;
}
a.slideshowlink {
	color:#999999 !important;
}

.post h2 {
	font-size: 18px; /* NEW 2011 was 15px */
	margin-top: 2px;
	margin-bottom: 7px;
}

.post h5 {
	margin-bottom: 0;
}

.post .more-link {
	color: #CF4F36;
}
a.ssb  {
	border-bottom:none;
}
.last {
	border-bottom: none;
}

.widecolumn .post {
	margin: 0;
}

.narrowcolumn .postmetadata {
	padding-top: 5px;
}

.narrowcolumn textarea#comment {
	width: 550px; /* NEW 2011 was 450px */
	height: 160px;
}

.widecolumn .postmetadata {
	margin: 30px 0;
}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
	color:#999999;
}

.postmetadata a {
	color:#999999;
}
.postmetadata a:hover {
	color:#CE4E35;
}
a.alignnone, a.alignleft, a.alignright, a.aligncenter {
	border-bottom:none;
}
.alignnone a:visited, .alignleft a:visited, .alignright a:visited, .aligncenter a:visited {
	border-bottom:none !important;
}
.clear {
	clear: both;
}

#footer {
	padding: 200px 0 20px 0;
	margin: 0 auto;
	width: 880px; /* NEW 2011 was 720px */
	clear: both;
	font-size: 13px; /* NEW 2011 was 11px */
	color: #C0C0C0;
/*	border-top:#C0C0C0 1px dotted;
	display:block !important;
	position: fixed;
	top:500px;*/
}

#footer p {
	font-size: 13px; /* NEW 2011 was 11px */	
	color: #C0C0C0;
}

#footer a {
	color: #C0C0C0;
	font-size: 12px; /* NEW 2011 was 11px */
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #c0c0c0;
	font-size: 12px; /* NEW 2011 was 11px */
}

#footer a:hover {
	color: #CE4E35;
	font-size: 12px; /* NEW 2011 was 11px */
}
	
p img {
	padding: 0;
	max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}
	
#sidebar {
	padding: 0;
	width: 201px; /* NEW 2011 was 165px */
	float: right;
}

#sidebar form {
	margin: 0;
}

#sidebar ul {
	margin: 0;
	padding: 0;
}

#sidebar li {
	border-bottom: 1px dotted #C0C0C0;
}

#sideEmailForm {
	margin: 0; /* NEW 2011 was 10px 0 0 0 */
}

#archiveList li {
	margin-left: 10px;
}

#sidebar li#sideFeatured{
	padding:0;
	height:54px; /* NEW 2011 was 44px */
}
#sidebar li#sideResources{
	padding:0;
	height:54px; /* NEW 2011 */
}
#sidebar li li,
#sidebar h3,
#sidebar p,
#sidebar input {
	padding: 0;
}
#sidebar p {
	line-height:1.1em;
}
#sidebar li li {
	text-transform: uppercase;
	font-size: 11px; /* NEW 2011 was 9px */
	border: none;
	line-height: 1.8em;
}

#sidebar a,#sidebar p {
	color:#999999;
	text-decoration:none;
	border-bottom:none;
	outline: 0;
}

#sidebar h3 a {
	color: #555555;
	font-size:11px !important; /* NEW 2011 was 9px */
}

#sidebar a:hover {
	color:#CF4F36;
}

img#featured {
	width:200px; /* NEW 2011 was 170px */
	height:54px; /* NEW 2011 was 40px */
	overflow:hidden;
}

.textwidget {
	border-bottom:#555 dotted thin;
}

#main h2 {
	text-transform:none;
	font-size: 19.5px; /* NEW 2011 was 16px */
	font-style: italic;
	color: #CF4F36;
	font-weight:normal;
	word-spacing:normal;
	letter-spacing:normal;
}
#main h2 a {
	color:#CF4F36;
	border-bottom:none;
	text-decoration:none;
}
#sidebar h2 {
	margin: 0 5px 0 0;
	color:#555555;
	text-align:center;
}
#page,
#pageclean {
	margin: 0 auto; /* NEW 2011 was 0 50px 0 0 */
	padding: 0;
	width: 880px; /* NEW 2011 - was 720px */
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}

/* underground2 theme */
#notes {
	margin: 0;
	width: 720px;
	padding-top: 140px;
}

#notes h2 {
	text-transform:none !important;
	font-size: 21px; /* NEW 2011 was 17px */
	font-style: italic;
	color: #CF4F36;
	font-weight:normal;
	word-spacing:normal;
	letter-spacing:normal;}

#notes h2 a {
	color:#CF4F36;
	border-bottom:none;
	text-decoration:none;}

a.current{color:red;}

li#archives.widget h2.widgettitle{
	border:none;
	font-style:normal;
	text-transform:uppercase;
	font-size:11px; /* NEW 2011 was 9px */
	word-spacing: 0.2em;
	letter-spacing: .1em;
	font-weight:bold !important;
	margin:0;
}

li#archives.widget h2.widgettitle a {
	outline: none;
}
li.widget {
	padding:10px 15px 10px 20px;
}
li.jaw_months {
	margin:0 0 0 10px;
	padding:0;
}
li.jaw_years {
	margin:0;
	padding:0;
}
li.jaw_months p, li.jaw_years p, p.jaw_months, p.jaw_years {
	margin:0;
	padding:0;
}	
/*ul.uaArchiveMenu, ul.uaArchiveMenu ul { margin: 0px; padding: 0px; }
ul.uaArchiveMenu, ul.uaArchiveMenu ul { width: 205px; background-color: #fff; padding: 0px; cursor: default; margin: 0px; }
ul.uaArchiveMenu li { list-style-type: none; margin: 0px; position: relative;}
ul.uaArchiveMenu li > ul { display: none; position: absolute; top: 15px; left: -36px; border: 1px dotted #c0c0c0;}
ul.uaArchiveMenu li:hover, ul.uaArchiveMenu li.CSStoHighlight {}
ul.uaArchiveMenu ul.CSStoShow { display: block; }
ul.uaArchiveMenu li:hover > ul { display: block; }
ul.uaArchiveMenu li a { color: #fff; display: block; width: 100%; }
ul.uaArchiveMenu li a:hover {border:none !important;}
ul.uaArchiveMenu li:hover > a {  }*/

.submitText{
	cursor: pointer;
	margin-bottom: 20px; /* NEW 2011 was 10px */
}
/*ul.uaArchiveMenu, ul.uaArchiveMenu ul { width: 205px; background-color: #fff; padding: 0px; cursor: default; margin: 0px; }
ul.uaArchiveMenu li { list-style-type: none; margin: 0px; position: relative;}
ul.uaArchiveMenu li > ul { display: none; position: absolute; top: 15px; left: -36px; border: 1px dotted #c0c0c0;}
ul.uaArchiveMenu li:hover, ul.uaArchiveMenu li.CSStoHighlight {}
ul.uaArchiveMenu ul.CSStoShow { display: block; }
ul.uaArchiveMenu li:hover > ul { display: block; }
ul.uaArchiveMenu li a { color: #fff; display: block; width: 100%; }
ul.uaArchiveMenu li a:hover {border:none !important;}
ul.uaArchiveMenu li:hover > a {  }*/

/* simple-social-bookmarks css */
.a2a_menu a span,.a2a_tabs .a2a_tab_selected span{color: #999!important;}
.a2a_menu a,#a2a_hist_list a,.a2a_tabs div{color:#999!important;}
.a2a_menu a:visited,#a2a_hist_list a:visited{color:#999!important;}
a.a2a_tab_selected,a.a2a_tab_selected:visited,a.a2a_tab_selected:hover,a.a2a_tab_selected:active,a.a2a_tab_selected:focus,div.a2a_tab_selected,div.a2a_tab_selected:hover{color:#999!important;}
.a2a_menu a:hover span,.a2a_tabs div span{color:#CF4F36!important;}
.a2a_menu a:hover,.a2a_menu a:active,.a2a_menu a.a2a_i:focus,.a2a_tabs div:hover{color:#CF4F36!important;}
.a2a_tabs a,.a2a_tabs a:visited,.a2a_tabs a:hover,.a2a_tabs div,.a2a_tabs div:hover{color:#CF4F36!important;}

/* facebook like button plugin */
#wp_fb_like_button {
	margin:0 10px 0 10px !important;
}

.video-gallery-thumbnail-box-outer {
	margin:0 -2px 0 14px;
	*margin:2px 0 0 0;
	padding:0 0 0 0;
}
#casestudies .video-gallery-thumbnail-box-outer {
	margin:2px -2px 0 14px;
	*margin:2px 0 0 0;
	padding:0 0 0 0;
	margin /*\**/: 23px 0 0 13px\9 
}
#casestudies li {
	list-style:outside;
}
.video-gallery-thumbnail-box {
	border:#C0C0C0 1px dotted !important;
	margin:20px 4px 0 0 !important;

}
.video-gallery-thumbnail a {
	border:none !important;
}
.video-gallery-thumbnail {
	padding:4px !important;
}

.ngg-gallery-thumbnail img {
	border:#C0C0C0 1px dotted !important;
	margin:20px 9px 0 0 !important;
	*margin:20px 9px 0 0 !important;
	_margin:20px 4px 0 0 !important;
}
/*
.ngg-gallery-thumbnail img:hover {
	opacity:0.35;
	background-color:#333 !important;
}

#ngg-gallery-11-1267 {
	padding:0 !important;
	margin:2px -12px 0 12px !important;
}*/
.floatleft {
	float:left;
	margin:0;
	padding:0;
}
.floatright {
	float:right;
	margin:0;
	padding:0;
}
.ngg-galleryoverview
{
	margin:2px -14px 0 14px !important;
	*margin:2px 0 0 0 !important;
	padding:0 !important;
}

#TB_caption {
	padding:5px 45px 40px 45px !important;
}
#TB_closeWindow {
	padding-right:45px !important;
}

.tooltip {
	position: relative;
	text-transform:uppercase;
	letter-spacing:.15em;
	text-align:center;
}
.tooltip span {
	margin-left: -9999em;
	position: absolute;
}
.tooltip:hover span {
	position: absolute;
	position /*\**/:relative\9;
	*position: absolute;
	left: 0; 
	top: -248px;
	top /*\**/: -250px\9;
	*top: -238px;
	z-index: 99;
	margin-left: 0; 
	*text-align:right;
	width: 100%;
	opacity: .75;
	color:#000000;
	color /*\**/:#CF4F36\9;
	*color:#CF4F36;
	font-weight:bold;
}
.tooltip:hover img {
/*	border: 0; margin: -10px 0 0 -55px; float: left; position: absolute;
*/	
}
.tooltip:hover em {
/*	font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
*/
}

.tooltip-span {
	background: #FFF; 
	background /*\**/: #FFF\9;
	*background: none;
	padding: 112px 14px 0 14px;
	padding /*\**/: 5px\9;
	*padding: 195px 0 0 0;
	height /*\**/: 0\9;
	height:155px;
	width:880px;
	margin:0 auto;
	text-align:center;
}


.casestudy-table a {
	border: none !important;
}

table.casestudy-table  {
	visibility: collapse;
	*visibility: hidden;
	width:880px;
	margin:0 auto;
	text-align:center;
} 
em+table.casestudy-table  {
	visibility: visible !important;
} 



.dhtmlselect{ /*style of DHTML Select Menu, main box */
width: 120px; /*default  width of main box */
border: 1px solid #CCC;
position: relative;
text-indent: 5px;
padding: 1px 0;
cursor: hand;
cursor: pointer;
background-color: #FFF;
float:left;
font-size:11px;
margin:0 28px 0 0;
line-height:16px;
letter-spacing: .1em;
}

.dhtmlselect .downimage{ /*style of "down" image to the right of the DHTML Select Menu*/
position: absolute;
right: -25px;
margin-top:-2px;
}

.dhtmlselect .dropdown{ /*style of Drop Down Menu that appears onMouseover */
position: absolute;
left: -1px;
width: 144px; /*default width of drop down menu*/
border: 1px solid #CCC;
border-bottom-width: 0;
display: none;
z-index: 5;
font-weight: normal;
font-size:11px;
}

.dhtmlselect .dropdown a{ /*style of Drop Down Menu's links */
width: auto;
display: block;
background: #FFF;
border-bottom: 1px solid #CCC;
padding: 1px 0;
text-indent: 5px;
text-decoration: none;
color:#999;
}

* html .dhtmlselect .dropdown a{ /*IE 6 (and below) hack */
width: 100%;
}

.dhtmlselect .dropdown a:hover{
background: #FFF;
color:#CF4F36;
}

#TB_caption {
	margin-bottom: 30px;
}
#TB_caption .desc {
	color:#999;
	font-style:italic;
}
#TB_secondLine {
	margin-top:10px;
	width:100px;
	color:#FFF !important;
	font-size:1px !important;
	letter-spacing:-1px !important;
	text-indent:-5px !important;
}
#TB_next, #TB_prev {
	font-size:10px;
}
#TB_closeWindow a {
	border:none;
}
#sb-counter {
	text-indent:-9999px !important;
}
#sb-nav a {
	border:none;
}