@charset "utf-8";
html {
	background: #666 url(../img/bg.jpg) repeat;
}
body {
	color: #000000;	
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	text-align: center; /*	this centers the container in IE 5* browsers. The text is */
						/*	then set to the left aligned default in the .container selector. */
}
a {
	color: #000;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
img {
	display: block;
}

ul, ol {
	margin-top: 0;
}
h2 {
	font-size: 108%;
	margin: 10px 0;
	text-transform: uppercase;
}
h3 {
	margin: 20px 0px 10px 0;
}
h3.first {
	margin-top: 0;
}
#wrapper {
	padding-top: 30px;
}
.container_12 {
	position: relative;
	text-align: left; 	/* this overrides the text-align: center on the body element. */
}
#header-top {
	background: url(../img/rounded-rectangle.png);
	height: 3px;
}
#header {
	background: #ffffff;
	/* background: #231f20; */
	height: 75px;
}
#logo {
	float: left;
	margin: 16px 0 0 20px;
}
#logo a {
	background: url(../img/logo.png) no-repeat 0 0;
	display: block;
	height: 44px;
	text-indent: -9999px;
	width: 260px;
}
#fullResImage {
	display: inline;
}
/******************************************* TOP MENU NAV */

#topMenu {
	float: right;
	margin: 50px 35px 0 0;
	position: relative;
}
#topMenu li {
	display: inline;
	float: left;
	list-style-type: none;
	padding: 0 13px 0 0;
	text-indent: -9999px;
}
#topMenu li.last {
	padding-right: 0px;
}
#topMenu li a {
	display: block;
	height: 20px;
	text-indent: -9999px;
}
#topMenu li a.research {
	background: url(../img/top-nav.png) no-repeat -760px 0;
	width: 53px;
}
#topMenu li a.research:hover {
	background: url(../img/top-nav.png) no-repeat -760px -19px;
}
#topMenu li a.research-selected {
	background: url(../img/top-nav.png) no-repeat -760px -19px;
	width: 53px;
}
#topMenu li a.research-selected:hover {
	background: url(../img/top-nav.png) no-repeat -760px -19px;
}
#topMenu li a.advertising {
	background: url(../img/top-nav.png) no-repeat -583px 0;
	width: 69px;
}
#topMenu li a.advertising:hover {
	background: url(../img/top-nav.png) no-repeat -583px -19px;
}
#topMenu li a.advertising-selected {
	background: url(../img/top-nav.png) no-repeat -583px -19px;
	width: 69px;
}
#topMenu li a.advertising-selected:hover {
	background: url(../img/top-nav.png) no-repeat -583px -19px;
}
#topMenu li a.media-outreach {
	background: url(../img/top-nav.png) no-repeat -659px 0;
	width: 98px;
}
#topMenu li a.media-outreach:hover {
	background: url(../img/top-nav.png) no-repeat -659px -19px;
}
#topMenu li a.media-outreach-selected {
	background: url(../img/top-nav.png) no-repeat -659px -19px;
	width: 98px;
}
#topMenu li a.media-outreach-selected:hover {
	background: url(../img/top-nav.png) no-repeat -659px -19px;
}
#topMenu  li a.awards  {
	background: url(../img/top-nav.png) no-repeat -259px 0;
	width: 46px;
}
#topMenu  li a.awards:hover  {
	background: url(../img/top-nav.png) no-repeat -259px -19px;
}
#topMenu  li a.awards-selected  {
	background: url(../img/top-nav.png) no-repeat -259px -19px;
	width: 46px;
}
#topMenu  li a.awards-selected:hover  {
	background: url(../img/top-nav.png) no-repeat -259px -19px;
}
#topMenu  li a.media-training {
	background: url(../img/top-nav.png) no-repeat -419px 0;
	width: 90px;
}
#topMenu  li a.media-training:hover {
	background: url(../img/top-nav.png) no-repeat -419px -19px;
}
#topMenu  li a.media-training-selected {
	background: url(../img/top-nav.png) no-repeat -419px -19px;
	width: 90px;
}
#topMenu  li a.media-training-selected:hover {
	background: url(../img/top-nav.png) no-repeat -419px -19px;
	width: 90px;
}
#topMenu li a.case-studies {
	background: url(../img/top-nav.png) no-repeat -816px 0;
	width: 78px;
}
#topMenu li a.case-studies:hover {
	background: url(../img/top-nav.png) no-repeat -816px -19px;
}
#topMenu li a.case-studies-selected {
	background: url(../img/top-nav.png) no-repeat -816px -19px;
	width: 78px;
}
#topMenu li a.case-studies-selected:hover {
	background: url(../img/top-nav.png) no-repeat -816px -19px;
}
#topMenu  li a.contact {
	background: url(../img/top-nav.png) no-repeat -510px 0;
	width: 69px;
}
#topMenu  li a.contact:hover {
	background: url(../img/top-nav.png) no-repeat -510px -19px;
}
#topMenu  li a.contact-selected {
	background: url(../img/top-nav.png) no-repeat -510px -19px;
	width: 69px;
}
#topMenu  li a.contact-selected:hover {
	background: url(../img/top-nav.png) no-repeat -510px -19px;
}
#topMenu  li a.home {
	background: url(../img/top-nav.png) no-repeat -904px 0;
	width: 36px;
}
#topMenu  li a.home:hover {
	background: url(../img/top-nav.png) no-repeat -904px -19px;
}
#topMenu  li a.home-selected {
	background: url(../img/top-nav.png) no-repeat -904px -19px;
	width: 36px;
}
#topMenu  li a.home-selected:hover {
	background: url(../img/top-nav.png) no-repeat -904px -19px;
}
#feature {
	background: #888;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	text-align: center;
}
div.pagetitle-wrap {
	background: #fff;
}
h2.pagetitle {
	margin: 0;
	padding-left: 50px;
	padding-top: 25px;
}
/******************************************* SUBMENU */
.left-col ul.advertising-body-links {
	margin-left: 2em;
}
.left-col ul.advertising-body-links  li {
	list-style-type: none;
	margin: 0.75em 0;	
}
.left-col ul.advertising-body-links li a {
	text-decoration: underline;	
}
.left-col ul.advertising-body-links li a:hover {
	color: #6e352c;
	text-decoration: none;

}
.portfolio-section #feature {
	border-bottom: none;
}
/* .portfolio-section #subMenu  {
	padding: 0;
} */

#subMenu {
	background: #fff url(../img/drop-shadow.jpg) repeat-x 0 0;
	padding: 8px 48px;
}
/* #subMenu #portfolio-subnav {
	background: #6f362d url(../img/drop-shadow.jpg) bottom center repeat-x;
	height: 40px;
} */
#subMenu #portfolio-subnav ul {
	margin: 0;
	left: 450px;
	position: absolute;
	top: 130px;
}
#subMenu #portfolio-subnav li {
	display: inline;
	float: left;
	list-style-type: none;
	padding: 0 6px;
	text-indent: -9999px;
}
#subMenu #portfolio-subnav li a {
	display: block;
	text-indent: -9999px;
}
#subMenu #portfolio-subnav li a.print-collateral {
	background: url(../img/subnav.png) no-repeat 0 0;
	width: 25px;
}
#subMenu #portfolio-subnav li a.print-collateral:hover {
	background: url(../img/subnav.png) no-repeat 0 -17px;
}
#subMenu #portfolio-subnav li a.print {
	background: url(../img/subnav.png) no-repeat 0 0;
	width: 31px;
}
#subMenu #portfolio-subnav li a.print:hover {
	background: url(../img/subnav.png) no-repeat 0 -17px;
}
#subMenu #portfolio-subnav li a.interactive {
	background: url(../img/subnav.png) no-repeat -99px 0;
	width: 67px;
}
#subMenu #portfolio-subnav li a.interactive:hover {
	background: url(../img/subnav.png) no-repeat -99px -17px;
}
#subMenu #portfolio-subnav li a.television {
	background: url(../img/subnav.png) no-repeat -173px 0;
	width: 62px;
}
#subMenu #portfolio-subnav li a.television:hover {
	background: url(../img/subnav.png) no-repeat -173px -17px;
}
#subMenu #portfolio-subnav li a.identity {
	background: url(../img/subnav.png) no-repeat -188px 0;
	width: 35px;
}
#subMenu #portfolio-subnav li a.identity:hover {
	background: url(../img/subnav.png) no-repeat -188px -17px;
}
#subMenu #portfolio-subnav li a.advertising {
	background: url(../img/subnav.png) no-repeat -233px 0;
	width: 58px;
}
#subMenu #portfolio-subnav li a.advertising:hover {
	background: url(../img/subnav.png) no-repeat -233px -17px;
}
#subMenu #portfolio-subnav li a.radio {
	background: url(../img/subnav.png) no-repeat -561px 0;
	width: 31px;
}
#subMenu #portfolio-subnav li a.radio:hover {
	background: url(../img/subnav.png) no-repeat -561px -17px;
}
#subMenu #portfolio-subnav li a.environmental {
	background: url(../img/subnav.png) no-repeat -336px 0;
	width: 66px;
}
#subMenu #portfolio-subnav li a.environmental:hover {
	background: url(../img/subnav.png) no-repeat -336px -17px;
}
#subMenu #portfolio-subnav li a.outdoor {
	background: url(../img/subnav.png) no-repeat -468px 0;
	width: 53px;
}
#subMenu #portfolio-subnav li a.outdoor:hover {
	background: url(../img/subnav.png) no-repeat -468px -17px;
}
#subMenu #portfolio-subnav li a.branding {
	background: url(../img/subnav.png) no-repeat -397px 0;
	width: 56px;
}
#subMenu #portfolio-subnav li a.branding:hover {
	background: url(../img/subnav.png) no-repeat -397px -17px;
}
#subMenu #portfolio-subnav li a.publications {
	background: url(../img/subnav.png) no-repeat -681px 0;
	width: 77px;
}
#subMenu #portfolio-subnav li a.publications:hover {
	background: url(../img/subnav.png) no-repeat -681px -17px;
}
#subMenu #portfolio-subnav li.first {
	padding-left: 0;
}
#subMenu #portfolio-subnav li.last {
	padding-right: 0;
}
/******************************************* END SUBMENU */
#mainContent {
	background: #fff;
	padding: 10px 0px 50px 0px; 	
}
.left-col {
	float: left;
	/* width: 355px; */
}

.left-col ul {
	margin-left: 1em;
}
.left-col li {
	margin-bottom: 1em;
}
.right-col {
	float: left;
	margin: 0 0 0 0;
	/* width: 315px; */
}
.right-col .box {
	border: 1px solid #aaa;
	margin: 0 0 17px 0;
	padding: 20px;
}
.prefix_half {
	padding-left: 40px;
}
#maincontent-bottom {
	background: url(../img/rounded-rectangle.png) 0 3px;
	height:3px;
}
#footer {
	color: #FFF;
	font-size: 10px;
	margin: 0 auto;
	padding: 20px 0;
	width: 960px;
}
#footer span {
	margin-bottom: 0;
}
#footer span.left ul {
	display: inline;
	float: left;
	margin: 0;
}
#footer span.left ul li {
	display: inline;
	padding-right: 10px;
}
#footer span.left ul li a {
	color: #fff;
	text-decoration: none;
}
#footer span.left ul li a:hover {
	text-decoration: underline;
}
#footer span.right {
	float: right;
}


/******************************************* OUR WORK (PORTFOLIO) SECTION */
div.our-work, div.case-studies {
	clear: both;
	margin: 0 auto 60px;
	width: 864px;
}
div.our-work h2, div.case-studies h2 {
	float: left;
	margin-top: 0;
}
.our-work .thumb-wrap, div.case-studies .thumb-wrap {
	clear: left;
}
.portfolio-thumb {
	display: block;
	float: left;
	height: 144px;
	width: 144px;
}
.portfolio-thumb:hover {
}
.portfolio-thumb img{
	height: 144px;
	width: 144px;
}
.our-work .instruction {
	clear: both;
	float: left;
	font-size: 10px;
	margin-bottom: 1em;
	text-align: right;
	width: 864px;
}
/******************************************* end portfolio */
/******************************************* CASE STUDIES */
div.case-studies h3 {
	clear: left;
	float: left;
	margin-top: 0;
}
div.case-studies p.description {
	clear: both;
	float: left;
	margin-bottom: 1em;
}
div.case-studies .instruction  {
	clear: both;
	float: left;
	font-size: 10px;
	margin-bottom: 1em;
	text-align: right;
	width: 864px;
}
/******************************************* end case studies */
/*******************************************  AWARDS */
ul.year li {
	font-size: 100%;
	font-weight: bold;
	list-style-type: none;
}
ul.year ul.awards li {
	font-weight: normal;
	margin-bottom: 0;
}
/******************************************* MEDIA TRAINING */
#mediatraining-form input {
	margin-bottom: 14px;
	width: 200px;
}
#mediatraining-form textarea {
	width: 340px;
}
#mediatraining-form input[type="submit"] {
	width: 200px;	
/******************************************* end media training */
/******************************************* CONTACT */

#contact-form input {
	margin-bottom: 14px;
	width: 200px;
}
#contact-form textarea {
	width: 340px;
}
#contact-form input[type="submit"] {
	width: 200px;	
}
/******************************************* end contact */
/******************************************* RB bio */
.bio a.social-media {
	display: block;
	float: left;
	height: 55px;
	margin-bottom: 10px;
	width: 147px;
	text-indent: -9999px;
}
.bio .facebook {
	background: url(../img/rb-social-media.jpg) 0 0 no-repeat;
}
.bio .facebook:hover {
	background: url(../img/rb-social-media.jpg) 0 -137px no-repeat;
}
.bio .google {
	background: url(../img/rb-social-media.jpg) -147px 0 no-repeat;
}
.bio .google:hover {
	background: url(../img/rb-social-media.jpg) -147px -137px no-repeat;
}
.bio .linkedin {
	background: url(../img/rb-social-media.jpg) 0 -82px no-repeat;
}
.bio .linkedin:hover {
	background: url(../img/rb-social-media.jpg) 0 -219px no-repeat;
}
.bio .youtube {
	background: url(../img/rb-social-media.jpg) -147px -82px no-repeat;
}
.bio .youtube:hover {
	background: url(../img/rb-social-media.jpg) -147px -219px no-repeat;
}
/******************************************* end RB bio */
/******************************************* start Issue Page */
div.issue-media {
	clear: both;
	padding: 0 0 10px 0;
	width: 700px;
}
a.issue-thumb {
	display: inline;
	float: left;
	height: 165px;
	margin-right: 30px;
	padding: 0 0 20px 0;
	text-decoration: none;
	width: 144px;
}
a.longwell-thumb {
	display: inline;
	float: left;
	height: 260px;
	margin-right: 30px;
	padding: 0 0 20px 0;
	text-decoration: none;
	width: 200px;
}
/******************************************* end Issue Page */