html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:Arial, Helvetica, sans-serif;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";} body{/*min-width:927px;text-align: center*/} a{color:#cc0000;text-decoration:none;} a:hover{color:#000; text-decoration:none;}

html {font-size: 100%;}
body {font-size: 1em;}

/*begin: universal styles*/

#wrapper {margin: 0 auto; text-align: left; width: 927px; font-size: 100%;}

#top-wrapper {
	margin: 27px 0 0 0;
	height: 160px;
	width: 927px;
	float: left;}
	
#logo-container {
	margin: 0 0 0 30px;
	height: 160px;
	width: 305px;
	background: url(../images/logo.png) top left no-repeat;
	display: inline;
	float: left;}
	
#phone-container {
	margin: 135px 27px 0 250px;
	height: auto;
	width: auto;
	font-size: 1.2em;
	font-weight: normal;
	display: inline;
	float: right;}
	
#logout-container {
	margin: 135px 27px 0 250px;
	height: auto;
	width: auto;
	font-size: 1.2em;
	font-weight: normal;
	display: inline;
	float: right;}
	
#logout-container a {color: #000;}
#logout-container a:hover {color: #cc0001;}

#logout-container2 {
	margin: 165px 0 0 0;
	height: auto;
	width: auto;
	font-size: 1.2em;
	font-weight: normal;
	display: block;
	float: right;}
	
#logout-container2 a {color: #000;}
#logout-container2 a:hover {color: #cc0001;}

#logout-container3 {
	margin: 1px 20px 0 0;
	height: auto;
	width: auto;
	font-size: 0.8em;
	display: inline;
	float: right;}
	
#logout-container3 a {color: #cc0001; font-weight: bold;}
#logout-container3 a:hover {color: #000;}

#offline-nav-container {margin: 20px auto 0; padding: 0; height: 20px; width: 930px;}
	
#mainnav-container {
	margin: 0 27px 0 0;
	height: 160px;
	width: 160px;
	float: right;}
	
.hline-full {
	margin: 25px 0 25px 0;
	height: 1px;
	line-height: 0em;
	width: 927px;
	background:url(../images/dash-hline.png) top left repeat-x;
	float: left;}
	
	/*arrow - black background with red hover text*/
a.action-arrow-container-a {
	margin: 20px 0 0 0;
	height: 25px;
	background:url(../images/more-arrow.gif) top right no-repeat;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	cursor: pointer;}
	
a.action-arrow-container-a:hover {
	color: #cc0000;
	text-decoration: none;
	cursor: pointer;}
	
.action-arrow-container {
	margin: 0 11px 0 0;
	padding: 3px 6px 0 6px;
	height: 21px;
	background-color: #000;
	font-size: 0.8em;
	display: block;}
	
	/*arrow - red hover background*/
a.action-arrow2-container-a {
	margin: 20px 0 0 0;
	height: 25px;
	background:url(../images/longarrow.gif) top right no-repeat;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	cursor: pointer;}
	
a.action-arrow2-container-a:hover {
	text-decoration: none;
	background:url(../images/longarrow-over.gif) top right no-repeat;
	cursor: pointer;}
	
.action-arrow2-container {
	margin: 0 11px 0 0;
	padding: 3px 6px 0 6px;
	height: 21px;
	font-size: 0.8em;
	display: block;}
/*end: universal styles*/

/*begin: universal text styles & other*/
.strong {font-weight: bold;}
.normal {font-weight: normal;}
.hide {display: none;}
/*end: universal text styles &other*/

/*begin: mainnav box*/
ul#menu {width: 160px; height: 160px; list-style: none; float: left;}
ul#menu li {float:left;}
ul#menu li a {display:block; height:52px; position:relative;}

	/*1*/
ul#menu li a.news-over {margin: 0 2px 2px 0; width:52px; background:url(../images/mainnav/1.gif) top left no-repeat;}
ul#menu li a.news {margin: 0 2px 2px 0; width:52px; background:url(../images/mainnav/news.gif) top left no-repeat;}
ul#menu li a.news span {background: url(../images/mainnav/1.gif) top left no-repeat;}
ul#menu li a.news-return span span {margin: 0 2px 2px 0; width:52px; background:url(../images/mainnav/news.gif) top left no-repeat;}
ul#menu li a.news-return span span:hover {margin: 0 2px 2px 0; width:52px; cursor: pointer;}

	/*2*/
ul#menu li a.about-over {margin: 0 2px 2px 0; width:52px; background:url(../images/mainnav/2.gif) top left no-repeat;}
ul#menu li a.about {margin: 0 2px 2px 0; width:52px; background:url(../images/mainnav/about.gif) top left no-repeat;}
ul#menu li a.about span {background: url(../images/mainnav/2.gif) top left no-repeat;}
ul#menu li a.about-return span span {margin: 0 2px 2px 0; width:52px; background:url(../images/mainnav/about.gif) top left no-repeat;}
ul#menu li a.about-return span span:hover {margin: 0 2px 2px 0; width:52px; cursor: pointer;}

	/*3*/
ul#menu li a.services-over {margin: 0 2px 2px 0; width:52px; background:url(../images/mainnav/3.gif) top left no-repeat;}
ul#menu li a.services {margin: 0 2px 2px 0; width:52px; background:url(../images/mainnav/services.gif) top left no-repeat;}
ul#menu li a.services span {background: url(../images/mainnav/3.gif) top left no-repeat;}
ul#menu li a.services-return span span {margin: 0 2px 2px 0; width:52px; background:url(../images/mainnav/services.gif) top left no-repeat;}
ul#menu li a.services-return span span:hover {margin: 0 2px 2px 0; width:52px; cursor: pointer;}

	/*4*/
ul#menu li a.clients-over {margin: 0 2px 2px 0; width:52px; background: url(../images/mainnav/4.gif) top left no-repeat;}
ul#menu li a.clients {margin: 0 2px 2px 0; width:52px; background: url(../images/mainnav/clients.gif) top left no-repeat;}
ul#menu li a.clients span {background:url(../images/mainnav/4.gif) top left no-repeat;}
ul#menu li a.clients-return span span {margin: 0 2px 2px 0; width:52px; background:url(../images/mainnav/clients.gif) top left no-repeat;}
ul#menu li a.clients-return span span:hover {margin: 0 2px 2px 0; width:52px; cursor: pointer;}

	/*5*/
ul#menu li a.portfolio-over {margin: 0 2px 2px 0; width:52px; background: url(../images/mainnav/5.gif) top left no-repeat;}
ul#menu li a.portfolio {margin: 0 2px 2px 0; width:52px; background: url(../images/mainnav/portfolio.gif) top left no-repeat;}
ul#menu li a.portfolio span {width: 52px; background:url(../images/mainnav/5.gif) top left no-repeat;}
ul#menu li a.portfolio-return span span {margin: 0 2px 2px 0; width:52px; background:url(../images/mainnav/portfolio.gif) top left no-repeat;}
ul#menu li a.portfolio-return span span:hover {margin: 0 2px 2px 0; width:52px; cursor: pointer;}

	/*6*/
ul#menu li a.play-over {margin: 0 2px 2px 0; width:52px; background: url(../images/mainnav/6.gif) top left no-repeat;}
ul#menu li a.play {margin: 0 2px 2px 0; width:52px; background: url(../images/mainnav/play.gif) top left no-repeat;}
ul#menu li a.play span {background:url(../images/mainnav/6.gif) top left no-repeat;}
ul#menu li a.play-return span span {margin: 0 2px 2px 0; width:52px; background:url(../images/mainnav/play.gif) top left no-repeat;}
ul#menu li a.play-return span span:hover {margin: 0 2px 2px 0; width:52px; cursor: pointer;}

	/*7*/
ul#menu li a.green-over {margin: 0 0 2px 0; width:52px; background: url(../images/mainnav/7.gif) top left no-repeat;}
ul#menu li a.green {margin: 0 0 2px 0; width:52px; background: url(../images/mainnav/green.gif) top left no-repeat;}
ul#menu li a.green span {background:url(../images/mainnav/7.gif) top left no-repeat;}
ul#menu li a.green-return span span {margin: 0 2px 2px 0; width:52px; background:url(../images/mainnav/green.gif) top left no-repeat;}
ul#menu li a.green-return span span:hover {margin: 0 2px 2px 0; width:52px; cursor: pointer;}

	/*8*/
ul#menu li a.blog-over {margin: 0 0 2px 0; width:52px; background: url(../images/mainnav/8.gif) top left no-repeat;}
ul#menu li a.blog {margin: 0 0 2px 0; width:52px; background: url(../images/mainnav/blog.gif) top left no-repeat;}
ul#menu li a.blog span {background:url(../images/mainnav/8.gif) top left no-repeat;}
ul#menu li a.blog-return span span {margin: 0 0 2px 0; width:52px; background:url(../images/mainnav/blog.gif) top left no-repeat;}
ul#menu li a.blog-return span span:hover {margin: 0 0 2px 0; width:52px; cursor: pointer;}

	/*9*/
ul#menu li a.contact-over {margin: 0 0 2px 0; width:52px; background: url(../images/mainnav/9.gif) top left no-repeat;}
ul#menu li a.contact {margin: 0 0 2px 0; width:52px; background: url(../images/mainnav/contact.gif) top left no-repeat;}
ul#menu li a.contact span {background:url(../images/mainnav/9.gif) top left no-repeat;}
ul#menu li a.contact-return span span {margin: 0 0 2px 0; width:52px; background:url(../images/mainnav/contact.gif) top left no-repeat;}
ul#menu li a.contact-return span span:hover {margin: 0 0 2px 0; width:52px; cursor: pointer;}

ul#menu li a span {display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1;} /*z-index was 100*/
ul#menu li a span:hover {cursor: pointer;}
/* end: mainnav box*/

/*begin: top banner & styles for each section*/
#top-banner-wrapper {
	padding: 0 30px 0 30px;
	position: relative;
	height: 198px;
	width: 867px; /*870?? 930??*/
	background:url(../images/top-banners/bg.png) top left no-repeat;
	display: inline;
	float: left;}
	
#top-banner-wrapper p {
	font-size: 7.5em;
	letter-spacing: -1pt;
	height: auto;
	width: auto;
	display: block;
	float: left;}

#top-banner-services-wrapper {
	padding: 0 30px 0 30px;
	position: relative;
	height: 198px;
	width: 867px;
	background:url(../images/top-banners/services-bg.png) top left no-repeat;
	display: inline;
	float: left;}
	
#top-banner-services-wrapper p {
	font-size: 7.5em;
	letter-spacing: -1pt;
	float: left;}
	
#top-banner-id-4 {
	position: absolute;
	background: url(../images/top-banners/4.png) top left no-repeat;
	height: 72px;
	width: 72px;
	left: 588px;
	top: -39px;}
	
#top-banner-id-1 {
	position: absolute;
	background: url(../images/top-banners/1.png) top left no-repeat;
	height: 59px;
	width: 59px;
	left: 414px;
	top: -34px;}
	
#top-banner-id-swirl2 {
	position: absolute;
	background: url(../images/top-banners/swirl2.png) top left no-repeat;
	height: 154px;
	width: 289px;
	left: 200px;
	top: -98px;}
	
#top-banner-id-swirl3 {
	position: absolute;
	background: url(../images/top-banners/swirl4.png) top left no-repeat;
	height: 429px;
	width: 208px;
	left: 335px;
	top: -180px;}
	
#top-banner-id-swirl4 {
	position: absolute;
	background: url(../images/top-banners/swirl6.png) top left no-repeat;
	height: 103px;
	width: 289px;
	left: 370px;
	top: 6px;}
	
#top-banner-id-swirl5 {
	position: absolute;
	background: url(../images/top-banners/swirl8.png) top left no-repeat;
	height: 202px;
	width: 367px;
	left: 327px;
	top: -148px;}
	
#top-banner-id-contact-swirl {
	position: absolute;
	background: url(../images/contact/contact-swirl.png) top left no-repeat;
	height: 61px;
	width: 63px;
	left: 451px;
	top: -66px;}
	
#top-banner-id-creative-swirl {
	position: absolute;
	background: url(../images/top-banners/swirl7.png) top left no-repeat;
	height: 217px;
	width: 313px;
	left: 358px;
	top: -185px;}
	
#empty-top-wrapper {
	margin: 0;
	padding: 22px 0 0 0;
	height: 189px;
	width: 927px;
	float: left;}

#clients-top-wrapper {
	margin: 0;
	padding: 22px 0 0 0;
	height: 189px;
	width: 927px;
	background:url(../images/top-banners/swirl1.png) 368px -22px no-repeat;
	float: left;}
	
#news-top-wrapper {
	margin: 0;
	padding: 22px 0 0 0;
	height: 189px;
	width: 927px;
	background:url(../images/top-banners/swirl3.png) 370px 7px no-repeat;
	float: left;}

#portfolio-top-wrapper {
	margin: 0;
	padding: 22px 0 0 0;
	height: 189px;
	width: 927px;
	float: left;}
	
#services-top-wrapper {
	margin: 0;
	padding: 22px 0 0 0;
	height: 189px;
	width: 927px;
	background:url(../images/top-banners/swirl6.png) 393px 16px no-repeat;
	float: left;}
	
#shop-top-wrapper {
	margin: 0;
	padding: 22px 0 0 0;
	height: 189px;
	width: 927px;
	float: left;}
	
#top-wrapper-blurb { /*little box in top banner for short blurb*/
	margin: 40px 0 0 15px;
	height: 80px;
	width: 220px;
	font-size: 0.9em;
	color: #333;
	overflow: visible;
	position: absolute;
	float: left;
	top: 63px;
	left: 330px;}
	
#top-wrapper-blurb2 { /*little box in top banner for short blurb 2*/
	margin: 40px 0 0 15px;
	height: 85px;
	width: 420px;
	font-size: 0.9em;
	color: #333;
	overflow: visible;
	position: absolute;
	float: left;
	top: 63px;
	left: 410px;}
/*end: top banner & styles for each section*/

/*start: blog*/
#top-banner-swirl4 {
	position: absolute;
	background: url(../images/blog/swirl6.png) top left no-repeat;
	height: 328px;
	width: 190px;
	left: 312px;
	bottom: 1px;}
	
.top-banner-title {margin: 60px 0 0 0;}
#archive-search-container {height: 140px; width: 290px; float: right;}
#archive-search-container {font-size: 1.1em;}
/*end: blog*/

/*begin: other pages standard styles*/
#content-wrapper {
	margin: 28px 0 28px 0;
	height: auto;
	width: 927px;
	float: left;}
	
#alt-content-wrapper {
	margin: 0 0 28px 0;
	height: auto;
	width: 927px;
	float: left;}
	
	/*begin: client-login*/
a.client-login {
	padding: 10px 0 0 60px;
	height: 45px;
	width: 85px;
	background: url(../images/login.gif) top left no-repeat;
	display: block;
	float: left;}
a.client-login:hover {background:url(../images/login-over.gif) top left no-repeat;}
a.client-login span {color: #000;}
a.client-login:hover span {color: #cc0000;}
.client-login-first {line-height: 1.0em; font-size: 0.8em;}
.client-login-last {line-height: 1.2em; font-size: 1.6em;}
	/*end: client-login*/
	
#content-socialmedia-wrapper {
	margin: 37px 0 0 0;
	height: auto;
	width: 927px;
	float: left;}

#alt-content-socialmedia-wrapper {
	margin: 37px 0 0 0;
	padding: 0 0 25px 0;
	height: auto;
	width: 927px;
	float: left;}
	
#alt-blurb-container {
	margin: 0 0 0 30px;
	height: auto;
	width: 400px;
	font-size: 0.8em;
	color: #000;
	float: left;}
	
/*#dashed-content-wrapper { /*full page content wrapper that mimics other top banners ; [3/15/10 - removed to accommodate social media hover]*/
	/*position: relative;
	height: auto;
	width: 867px;
	display: inline;
	float: left;}*/
	
#dashed-content-container {
	position: relative;
	height: auto;
	width: 927px;
	background:url(../images/dash-doublevline.gif) top left repeat-y;
	display: inline;
	float: left;}
	
#dashed-top-container {
	height: 6px;
	width: 927px;
	background:url(../images/top-dashed-bg.gif) top left no-repeat;
	float: left;}
	
#dashed-bottom-container {
	height: 23px;
	width: 927px;
	background:url(../images/bottom-dashed-bg.png) top left no-repeat;
	float: left;}
	
#alt-content-container {
	margin: 0 229px 0 78px;
	height: auto;
	width: 620px;
	float: left;}
	
#alt-content-container p {margin: 0 0 20px 0; font-size: 0.9em; line-height: 1.2em;}

#content-silo-container {
	margin: 0 0 0 30px;
	height: auto;
	min-height: 170px;
	width: 230px;
	display: inline;
	background:url(../images/green/carbon-neutral.png) 40px 0 no-repeat;
	float: left;}
	
#content-companion-container {height: auto; width: 637px; float: left;}
#content-companion-container h1.first {margin: 0 0 10px 0; font-size: 1.4em; font-weight: bold;}
#content-companion-container h1 {margin: 10px 0 10px 0; font-size: 1.4em; font-weight: bold;}
#content-companion-container p {font-size: 0.9em; line-height: 1.3em;}

	/*about & about pages [profile, mission, partners]*/
#about-display-container {
	margin: 0 0 40px 0;
	height: 140px;
	width: 444px;
	background:url(../images/top-banners/about.png) top left no-repeat;
	float: left;}
	
#profile-content-container {
	margin: 180px 229px 0 78px;
	height: auto;
	width: 620px;
	float: left;}
	
#profile-content-container p {margin: 0 0 20px 0; font-size: 0.9em; line-height: 1.2em;}

#dashed-profile-content-wrapper { /*full page profile content wrapper that mimics other top banners*/
	/*position: relative; */ /* [3-15-10 commented out to accommodate social media pop up */
	height: auto;
	width: 867px;
	display: inline;
	background:url(../images/top-banners/profile.png) 30px 1px no-repeat;
	float: left;}
	
#dashed-mission-content-wrapper { /*full page mission content wrapper that mimics other top banners*/
	/*position: relative; */ /* [3-15-10 commented out to accommodate social media pop up */
	height: auto;
	width: 867px;
	display: inline;
	background:url(../images/top-banners/mission-bottom.png) 30px 112px no-repeat;
	float: left;}
	
#top-banner-id-mission {
	position: absolute;
	background: url(../images/top-banners/mission-top.png) top left no-repeat;
	height: 332px;
	width: 365px;
	left: 317px;
	top: -139px;}

#partners-display-container {
	margin: 0 0 40px 78px;
	height: 130px;
	width: 550px;
	background:url(../images/top-banners/partners.png) top left no-repeat;
	float: left;}
	
#content-partners-container {
	margin: 0 0 0 78px;
	height: auto;
	width: 828px;
	float: left;}
	
.content-partners-silo {position: relative; padding: 0 0 80px 0; height: auto; width: 380px; float: left;}
#content-partners-container img.logo {height: 169px; width: 380px; float: left;}
#content-partners-container p.info {margin: 20px 0 0 0; height: auto; width: 380px; font-size: 0.9em; line-height: 1.2em; display: block; float: left;}

/* partners arrow */
#alt-partner-container {
	position: absolute;
	margin: 25px 0 0 0;
	height: 35px;
	width: 383px;
	display: inline;
	float: left;
	left: -10px;
	bottom: 30px;}

#partners-left-navlist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.8em;
	text-align: left;}
.partners-left {float: left;}
#partners-left-navlist a {
	margin: 0 2px 0 0;
	padding-right: 40px;
	text-decoration: none;}
#partners-left-navlist a:hover {
	text-decoration: none;}
/* end partners arrow */
	
	/*clients & clients pages [testimonials]*/
.clients-row-container {
	margin: 0 0 5px 30px;
	height: 186px;
	width: 867px;
	display: inline;
	float: left;}
	
.client-goto-container-first {
	height: 186px;
	width: 285px;
	background-color: #000;
	float: left;}

.client-goto-container { /*for old non-slideshow clients index page */
	margin: 0 0 0 6px;
	height: 186px;
	width: 285px;
	background-color: #000;
	float: left;}
	
.goto {display: block; height: 186px; width: 285px;}
	
.kellogg-conference-hotel {background:url(../images/clients/kellogg-conference-hotel.png) 83px 22px no-repeat;}
.anora-home {background:url(../images/clients/anora-home.png) 39px 43px no-repeat;}
.montgomery-medical-associates-pc {background:url(../images/clients/montgomery-medical-associates-pc.png) 25px 64px no-repeat;}

.synergy-d-and-c {background:url(../images/clients/synergy-d-and-c.png) 26px 64px no-repeat;}
.innovative-pest-management {background:url(../images/clients/innovative-pest-management.png) 64px 28px no-repeat;}
.cv-expert-review {background:url(../images/clients/cv-expert-review.png) 31px 56px no-repeat;}

.ardmore-rsm {background:url(../images/clients/ardmore-rsm.png) 27px 55px no-repeat;}
.esettlement-solutions {background:url(../images/clients/esettlement-solutions.png) 50px 47px no-repeat;}
.half-bridal {background:url(../images/clients/half-bridal.png) 35px 48px no-repeat;}

.client-launch {
	position: absolute;
	display: block;
	background: url(../images/clients/launch.gif) bottom right no-repeat;
	cursor: pointer;}
	
.client-launch:hover {background: url(../images/clients/launch-over.gif) bottom right no-repeat;}



	/*client slidingbox*/
h3 {margin: 15px 15px 0 15px; color:#FFF; font:1.2em Arial, sans-serif; font-weight: bold;}

.boxgrid {
	margin: 0 6px 0 0;
	width: 285px;
	height: 186px;
	float: left;
	/*background: #333;*/
	background: url(../images/clients/panels/marstudio-clients-box-background.png) top left no-repeat;
	overflow: hidden;
	position: relative;}
	
.boxgrid a {color: #cc0000;}
.boxgrid a:hover {color: #fff;}
	
.boxgrid-last {margin: 0;}
.boxgrid img {position: absolute; top: 0; left: 0; border: 0;}
	
.boxgrid p {
	padding: 0 15px;
	color: #afafaf;
	font-weight: bold;
	font: 10pt "Lucida Grande", Arial, sans-serif;}
	
.boxcaption{ 
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	width: 100%;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
	
.captionfull .boxcaption {top: 260; left: 0;}
.caption .boxcaption {top: 220; left: 0;}

	/*green & green pages [hosting, printing]*/
#green-logo-container {
	margin: 0 0 0 30px;
	height: 160px;
	width: 305px;
	background: url(../images/green/logo.png) top left no-repeat;
	display: inline;
	float: left;}

#green-top-banner-wrapper {
	padding: 0 30px 0 30px;
	position: relative;
	height: 172px;
	width: 867px;
	display: inline;
	background:url(../images/green/top-banner-body.png) top left no-repeat;
	float: left;}

#green-top-banner-wrapper p {font-size: 7.5em; letter-spacing: -1pt; float: left;}
	
#leaf-tip-container {
	position: absolute;
	height: 36px;
	width: 32px;
	background:url(../images/green/leaf-tip.png) top left no-repeat;
	float: left;
	left: 610px;
	top: -36px;}
	
#green-top-banner-bottom-container {
	height: 26px;
	width: 927px;
	background:url(../images/green/top-banner-bottom.png) bottom left no-repeat;
	float: left;}
	
.green-column-l-wrapper {
	margin: 0 0 0 30px;
	height: auto;
	width: 408px;
	display: inline;
	float: left;}
	
.green-column-r-wrapper {
	margin: 0 30px 0 51px;
	height: auto;
	width: 408px;
	display: inline;
	float: left;}
	
.green-title-silo {
	height: auto;
	width: 171px;
	background: url(../images/green/green.png) 42px 0 no-repeat;
	float: left;}
	
.green-title-silo img {margin: 40px 0 0 0; float: left;}
	
.green-services-info {height: auto; width: 237px; float: left;}
	
.green-services-info p {
	margin: 5px 0 0 0;
	font-size: 0.9em;
	line-height: 1.3em;}
	
.printing-partners-container {
	margin: 30px 0 0 0;
	padding: 0 30px 30px 50px;
	height: auto;
	width: 847px;
	background: url(../images/dash-hline.png) bottom left repeat-x;
	float: left;}
	
.printing-partners-logo-container {
	height: auto;
	width: 210px;
	text-align: center;
	float: left;}
	
.printing-partners-logo-container a {text-align: center;}
.printing-partners-logo-container a:hover {text-align: center;}
.printing-partners-info-container {height: auto; width: 637px; float: left;}
.printing-partners-info-container a {color: #12a02a;}
.printing-partners-info-container a:hover {color: #cc0000;}
.printing-partners-info-container p {margin: 0 0 15px 0; font-size: 0.8em;}
.printing-partners-info-container .footnote {margin: 0 0 15px 0; font-size: 0.6em;}

	/*testimonials*/
#testimonials-columnl {
	margin: 0 0 0 30px;
	height: auto;
	width: 415px;
	display: inline;
	float: left;}

#testimonials-columnr {
	margin: 0 30px 0 37px;
	height: auto;
	width: 415px;
	display: inline;
	float: left;}

.testimonial-wrapper {
	margin: 0 0 25px 0;
	height: auto;
	width: 415px;
	display: inline;
	float: left;}

.testimonial-container {
	padding: 20px 0 21px 0;
	height: auto;
	width: 415px;
	background:#cc0000 url(../images/testimonials-tail.gif) bottom left no-repeat;
	display: inline;
	float: left;}

.testimonial-container p {
	font-style: italic;
	padding: 0 20px 20px 20px;
	color: #fff;
	font-size: 1.0em;}

.testimonial-container .last {
	font-style: italic;
	padding: 0 20px 20px 20px;
	color: #fff;
	font-size: 1.0em;}

.author-container {
	padding: 10px 0 0 0;
	height: auto;
	width: 415px;
	color: #333;
	display: inline;
	float: left;}
	
.author-container span {font-size: 1.1em;}
.author-container .subcopy {font-size: 0.8em;}

	/*pagination on pop-up pages*/
.pagination-container {height: 23px; width: auto; float: right;}
.pagination-topmargin {margin: 83px 0 0 0;}
.pagination-topbottommargins {margin: 10px 30px 10px 0;}
.pagination-container .btn-l {height: 23px; width: 23px; float: left;}
.pagination-container .btn-l a {background: url(../images/pagination-arrows.gif) top left no-repeat; background-position: 0px 0px; float: left;}
.pagination-container .btn-l a:hover {background: url(../images/pagination-arrows.gif) top left no-repeat; background-position: -23px 0px;}
.pagination-container .btn-r {height: 23px; width: 23px; float: left;}
.pagination-container .btn-r a {background: url(../images/pagination-arrows.gif) top left no-repeat; background-position: -46px 0%; float: left;}
.pagination-container .btn-r a:hover {background: url(../images/pagination-arrows.gif) top left no-repeat; background-position: -69px 0%;}
.pagination-container .pages-container {
	margin: 0 2px 0 2px;
	padding: 2px 6px 0 6px;
	height: 19px;
	width: auto;
	border: 1px solid #000;
	font-size: 0.8em;
	float: left;}
.pagination-border-container {
	height: 1px;
	width: 100%;
	background:url(../images/dash-hline.png) top left repeat-x;
	float: left;}
	
	
	
	
	
	
	
	
	
	
	/*pop-ups framework on portfolio, creative, etc.*/
.showcase-row-container {
	margin: 0 0 30px 0;
	height: auto;
	width: 927px;
	background:url(../images/showcase-hline.png) bottom left no-repeat;
	float: left;}
	
.showcase-row-container-noborder {
	margin: 0 0 30px 0;
	height: auto;
	width: 927px;
	float: left;}
	
.showcase-row-container-alt {
	height: auto;
	width: 927px;
	background:url(../images/showcase-hline.png) bottom left no-repeat;
	float: left;}
	
.show-group-container-l {
	padding: 0 0 30px 12px;
	height: auto;
	width: 454px;
	float: left;}
	
.show-group-container-l-last {
	padding: 0 0 30px 12px;
	height: auto;
	width: 454px;
	float: left;}
	
.show-group-container-l-noborder {
	padding: 0 0 30px 12px;
	height: auto;
	width: 454px;
	float: left;}
	
.show-group-container-r {
	margin: 0 0 0 7px;
	padding: 0 0 30px 0;
	height: auto;
	width: 454px;
	float: left;}
	
.show-group-container-r-last {
	padding: 0 0 30px 0;
	height: auto;
	width: 454px;
	float: left;}
	
.show-group-container-r-noborder {
	padding: 0 0 30px 0;
	height: auto;
	width: 454px;
	float: left;}
	
.show-item-container {position: relative; margin: 0 0 10px 0; height: auto; width: 454px; float: left;}
.show-img {margin: 7px 0 0 7px;}
	
.launch {
	position: absolute;
	display: block;
	background: url(../images/portfolio/launch.gif) 404px 222px no-repeat;
	cursor: pointer;}
	
.launch:hover {background: url(../images/portfolio/launch-over.gif) 404px 222px no-repeat;}

.show-info-container {
	padding: 0 20px 0 20px;
	height: auto;
	width: 414px;
	float: left;}
	
.show-info-container p {color: #333; font-size: 0.8em; line-height: 1.2em;}
.show-info-container .title {margin: 0 0 15px 0; color: #333; font-size: 1.2em;}
.show-info-container .credit {margin: -10px 0 15px 0; color: #333; font-size: 0.8em;}

	/*slideshow caption styles*/
.show-caption-container {
	padding: 0 3px 0 3px;
	position: absolute;
	height: auto;
	width: 100%;
	left: 0px;
	bottom: 3px;
	color: #000;
	float: left;}
	
.show-caption-container a {color: #cc0000;}
.show-caption-container a:hover {color: #000;}

.show-text {
	margin: 0 7px 0 7px;
	height: auto;
	width: auto;
	display: block;
	font-size: 9pt;
	color: #000;
	float: left;}
	
.show-pipe {
	height: auto;
	width: 1px;
	display: block;
	font-size: 8pt;
	color: #000;
	float: left;}
	
.show-pagenumber {
	margin: 0 7px 0 7px;
	padding: 0 7px 0 0;
	height: auto;
	width: auto;
	display: block;
	font-size: 8pt;
	color: #000;
	font-weight: bold;
	float: right;}

	/*portfolio, creative*/
#show-wrapper-columnl {height: auto; width: 466px; float: left;}

#show-wrapper-columnr {
	margin: 0 0 0 7px;
	height: auto;
	width: 453px;
	float: left;}

.show-container {
	position: relative;
	height: 275px;
	width: 454px;
	background: url(../images/portfolio/show-bg.png) top left no-repeat;
	float: left;}

#panels-wrapper {
	height: auto;
	width: 927px;
	float: left;}

.panel-container {
	margin: 0 3px 0 0;
	padding: 30px;
	height: 335px;
	width: 170px;
	display: block;
	float: left;}
	
.panel-info {color: #fff; font-size: 0.8em; display: block;}
	
.panel-container-last {
	padding: 30px;
	height: 335px;
	width: 168px;
	display: block;
	float: left;}
	
	/*creative*/
a.panel-paintings {background: #f0c102 url(../images/panel-titles/paintings.png) 157px 133px no-repeat;}
a.panel-paintings:hover {background: #a88701 url(../images/panel-titles/paintings.png) 157px 133px no-repeat;}

a.panel-sketches {background: #7db8d9 url(../images/panel-titles/sketches.png) 157px 135px no-repeat;}
a.panel-sketches:hover {background: #578097 url(../images/panel-titles/sketches.png) 157px 135px no-repeat;}

a.panel-photographs {background: #675d56 url(../images/panel-titles/photographs.png) 157px 46px no-repeat;}
a.panel-photographs:hover {background: #48413c url(../images/panel-titles/photographs.png) 157px 46px no-repeat;}

a.panel-illustrations {background: #bd8cbf url(../images/panel-titles/illustrations.png) 157px 86px no-repeat;}
a.panel-illustrations:hover {background: #846285 url(../images/panel-titles/illustrations.png) 157px 86px no-repeat;}

	/*portfolio*/	
a.panel-web {background: #9900cc url(../images/panel-titles/web.png) 157px 249px no-repeat;}
a.panel-web:hover {background: #6b008e url(../images/panel-titles/web.png) 157px 249px no-repeat;}

a.panel-print {background: #cccc00 url(../images/panel-titles/print.png) 157px 252px no-repeat;}
a.panel-print:hover {background: #8e8e00 url(../images/panel-titles/print.png) 157px 252px no-repeat;}

a.panel-branding {background: #ff6600 url(../images/panel-titles/branding.png) 157px 144px no-repeat;}
a.panel-branding:hover {background: #b24700 url(../images/panel-titles/branding.png) 157px 144px no-repeat;}

a.panel-campaigns {background: #66cccc url(../images/panel-titles/campaigns.png) 157px 80px no-repeat;}
a.panel-campaigns:hover {background: #478e8e url(../images/panel-titles/campaigns.png) 157px 80px no-repeat;}

	/*services*/
a.panel-web2 {background: #668098 url(../images/panel-titles/web.png) 157px 249px no-repeat;}
a.panel-web2:hover {background: #47596a url(../images/panel-titles/web.png) 157px 249px no-repeat;}

a.panel-print2 {background: #887f6f url(../images/panel-titles/print.png) 157px 252px no-repeat;}
a.panel-print2:hover {background: #5f594d url(../images/panel-titles/print.png) 157px 252px no-repeat;}

a.panel-branding2 {background: #a186be url(../images/panel-titles/branding.png) 157px 144px no-repeat;}
a.panel-branding2:hover {background: #705e85 url(../images/panel-titles/branding.png) 157px 144px no-repeat;}

a.panel-multimedia {background: #afaa5a url(../images/panel-titles/multimedia.png) 157px 80px no-repeat;}
a.panel-multimedia:hover {background: #7a773f url(../images/panel-titles/multimedia.png) 157px 80px no-repeat;}

	/*news*/
.news-row-container {margin: 0 0 0 28px; height: auto; width: 867px; float: left;}

#news-columnl {
	margin: 0 0 0 30px;
	height: auto;
	width: 415px;
	display: inline;
	float: left;}

#news-columnr {
	margin: 0 30px 0 37px;
	height: auto;
	width: 415px;
	display: inline;
	float: left;}
	
.news-wrapper-l {
	margin: 0 0 25px 0;
	height: auto;
	width: 415px;
	display: inline;
	float: left;}
	
.news-wrapper-r {
	margin: 0 0 25px 37px;
	height: auto;
	width: 415px;
	display: inline;
	float: left;}
	
.news-container {
	position: relative;
	padding: 0 0 21px 0;
	height: auto;
	width: 415px;
	background:#cc0000 url(../images/testimonials-tail.gif) bottom left no-repeat;
	display: inline;
	float: left;}
	
.news-container p {padding: 20px; color: #fff; font-size: 1.0em;}
	
.news-author-container {
	padding: 10px 0 0 0;
	height: auto;
	width: 415px;
	color: #333;
	display: inline;
	float: left;}
	
.news-author-container span {font-size: 1.1em;}
.news-author-container .subcopy {font-size: 0.8em;}

.news-launch {
	position: absolute;
	display: block;
	background: url(../images/portfolio/launch.gif) no-repeat;
	cursor: pointer;
	bottom: 21px;
	right: 0px;}
	
.news-launch:hover {background: url(../images/portfolio/launch-over.gif) no-repeat;}

.news-launch-no {
	position: absolute;
	display: block;
	background: none;
	cursor: pointer;
	bottom: 21px;
	right: 0px;}
	
.news-launch-no:hover {background: none;}

.year-container {margin: 0 0 25px 0; height: auto; width: 927px; float: left;}
.year-container-alt {margin: 0 0 25px 0; height: auto; width: 927px; background:url(../images/dash-hline.png) bottom left repeat-x; float: left;}
.year-last-container {height: auto; width: 927px; float: left;}
.date-block-container {
	height: 97px;
	width: 106px;
	float: left;}
	
.date-block {
	padding: 42px 0 0 0;
	height: 36px;
	width: 76px;
	display: block;
	color: #fff;
	text-align: center;
	font-size: 1.9em;
	letter-spacing: -1px;
	font-weight: bold;
	background-color: #cd2026;
	float: left;}
	
.archives-container {
	height: auto;
	width: 791px;
	float: left;}
	
.archives-container .title .nolink {color: #000; font-size: 1.1em; font-weight: bold;}
.archives-container .title a {color: #000; font-size: 1.1em; font-weight: bold;}
.archives-container .title a:hover {color: #cc0000; font-size: 1.1em; font-weight: bold;}

.archives-container .entry {margin: 0 0 25px 0; font-size: 0.8em;}
.archives-container .entry-hasmore {margin: 0 0 10px 0; font-size: 0.8em;}
.archives-container .entry-last {margin: 0; font-size: 0.8em;}

#article-title-container {
	margin: 0 0 0 30px;
	height: auto;
	width: 867px;
	float: left;}

#article-title-container h2 {font-size: 1.6em; color: #cc0000; font-weight: bold;}
#article-title-container .byline {color: #333; font-size: 0.7em;}
#article-title-container .title {margin: 20px 0 0 0; color: #000; font-size: 1.2em; font-weight: bold;}

#article-body-container {
	margin: 0 0 0 30px;
	height: auto;
	width: 867px;
	float: left;}
	
#article-body-container h1 {
	margin: 20px 0 0 0;
	display: block;
	width: 700px;
	font-size: 2.0em;
	font-weight: bold;
	line-height: 1.2em;}
	
#article-body-container p {
	margin: 20px 0 0 0;
	font-size: 1.0em;
	line-height: 1.2em;}
	
#dropdown-menu-wrapper {padding: 9px 12px 4px 12px; height: 30px; width: 253px; background-color: #CC0000; float: left; position: absolute; top: 125px; left: 610px;}
.text-container {margin: 2px 0 0 0; width: 100px; display: block; font-size: 0.8em; float: left; color: #fff;}
.dropdown-container {margin: 0px 10px 0 0; padding: 0; height: auto; width: 100px; background-color:#fff; float: left; border: 1px solid #fff;}
.button-container {padding: 2px 6px 4px 5px; color: #fff; background-color: #000; border: 0;}
	/*services*/
#services-id-container-branding {
	height: 97px;
	width: 106px;
	float: left;}
	
#services-block {
	height: 76px;
	width: 76px;
	display: block;
	color: #fff;
	text-align: center;
	font-size: 1.9em;
	letter-spacing: -1px;
	font-weight: bold;
	float: left;}
	
.branding {background: url(../images/services/b.png) top left no-repeat;}
.web {background: url(../images/services/w.png) top left no-repeat;}
.print {background: url(../images/services/p.png) top left no-repeat;}
.multimedia {background: url(../images/services/m.png) top left no-repeat;}
	
.services-body-container {
	height: auto;
	width: 791px;
	float: left;}
	
.services-body-container .title {color: #000; font-size: 1.1em; font-weight: bold;}
.services-body-container .title a {color: #000; font-size: 1.1em; font-weight: bold;}
.services-body-container .title a:hover {color: #cc0000; font-size: 1.1em; font-weight: bold;}

.services-body-container .entry {margin: 0 0 25px 0; font-size: 0.8em;}
.services-body-container .entry-last {margin: 0; font-size: 0.8em;}
	
	/*share this*/
span#sharethis_0 {
	width:50px;
	height:50px;
	padding:0 !important;
	margin:0 !important;
	float: left;}

span#sharethis_0 a.stico_default {
	display:block !important;
	width:147px;
	height:50px;
	background:url(../images/socialmedia/share-st.png) no-repeat !important;
	padding:0 !important;
	margin:0 !important;
	float: left;}

span#sharethis_0 a.stico_default:hover {
	background:url(../images/socialmedia/share-st-over.png) no-repeat !important;}

span#sharethis_0 a span.stbuttontext {
	margin: 0 0 0 60px;
	padding: 20px 0 0 0;
	display:inline;
	line-height: 1.0em;
	font-size: 1.2em;
	color: #000;
	float: left;}

span#sharethis_0 a span.stbuttontext:hover {
	color:#cc0000;}
	
	
span#sharethis_0 a span.stbuttontext p:first-line {
	background-color: #3399CC;}

span#sharethis_0 a span.stbuttontext:hover p:first-line {
	background-color: #3399CC;}
	
#share-wrapper {margin: 0 0 0 12px; height: 55px; width: 145px; float: left;}
#share-text-container {
	height: 55px;
	width: 90px;}

a.share {
	margin: 0 0 0 12px;
	height: 55px;
	width: 145px;}
a.share:hover {}
a.share span {color: #000;}
a.share:hover span {color: #cc0000;}
.share-first {line-height: 1.0em; font-size: 0.8em;}
.share-last {line-height: 1.2em; font-size: 1.6em;}
/*end: other pages standard styles*/

/*begin: top banner list*/
#bannerlist-container {
	margin: 25px 0 0 0;
	height: 35px;
	width: 868px;
	display: inline;
	float: left;}
	
#alt-bannerlist-container {
	margin: 25px 0 0 30px;
	height: 35px;
	width: 868px;
	display: inline;
	float: left;}

#bannerlist-left-navlist ul {
	display: inline;}
#bannerlist-left-navlist li {
	display: inline;}
#bannerlist-left-navlist li span {
	font-size: 1.5em;
	line-height: 1.1em;}
#bannerlist-left-navlist li.last {border:none;}
#bannerlist-left-navlist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	text-align: left;}
.bannerlist-right {line-height: 1.6em; float: right;}
.bannerlist-left {float: left;}
#bannerlist-left-navlist a {
	margin: 0 2px 0 0;
	text-decoration: none;}
#bannerlist-left-navlist a:hover {
	text-decoration: none;}
	
a.white-over {color: #000;}
a.white-over:hover {color: #fff;}

a.nav-left {background: url(../images/banner-nav/nav-topleft-reg.gif) 100% 8px no-repeat;}
a.nav-left:hover {background: url(../images/banner-nav/nav-topleft-over.gif) 100% 8px no-repeat;}

a.nav-right {background: url(../images/banner-nav/nav-topright-reg.gif) 92% 8px no-repeat;}
a.nav-right:hover {background: url(../images/banner-nav/nav-topright-over.gif) 92% 8px no-repeat;}

a.plain {padding: 0 20px 0 10px; color: #000; display: block;}
a.plain:hover {padding: 0 20px 0 10px; color: #cc0000; display: block;}

a.plainer {padding: 0 34px 0 0; color: #000; display: block; background: url(../images/banner-nav/nav-topleft-reg.gif) 100% 8px no-repeat;}
a.plainer:hover {padding: 0 34px 0 0; color: #cc0000; display: block; background: url(../images/banner-nav/nav-topleft-over.gif) 100% 8px no-repeat;}

a.plainer-blog {padding: 0 34px 0 0; color: #000; display: block;}
a.plainer-blog:hover {padding: 0 34px 0 0; color: #cc0000; display: block;}

a.plain-last {padding: 0 0 0 10px; color: #000; display: block;}
a.plain-last:hover {padding: 0 0 0 10px; display: block;}

a.marstudio {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/banner-nav/nav-topright-reg.gif) 92% 8px no-repeat;}
a.marstudio:hover {padding: 0 34px 0 10px; color: #fff; display: block; background: url(../images/banner-nav/nav-topright-over.gif) 92% 8px no-repeat #cc0000;}
	
a.orange {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/banner-nav/nav-topright-reg.gif) 92% 8px no-repeat;}
a.orange:hover {color: #fff; display: block; background: url(../images/banner-nav/nav-topright-over.gif) 92% 8px no-repeat #ff6600;}

a.olive {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/banner-nav/nav-topright-reg.gif) 92% 8px no-repeat;}
a.olive:hover {color: #fff; display: block; background: url(../images/banner-nav/nav-topright-over.gif) 92% 8px no-repeat #cccc00;}

a.violet {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/banner-nav/nav-topright-reg.gif) 92% 8px no-repeat;}
a.violet:hover {color: #fff; display: block; background: url(../images/banner-nav/nav-topright-over.gif) 92% 8px no-repeat #9900cc;}

a.teal {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/banner-nav/nav-topright-reg.gif) 92% 8px no-repeat;}
a.teal:hover {color: #fff; display: block; background: url(../images/banner-nav/nav-topright-over.gif) 92% 8px no-repeat #66cccc;}


a.slate {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/banner-nav/nav-topright-reg.gif) 92% 8px no-repeat;}
a.slate:hover {color: #fff; display: block; background: url(../images/banner-nav/nav-topright-over.gif) 92% 8px no-repeat #668098;}

a.brown {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/banner-nav/nav-topright-reg.gif) 92% 8px no-repeat;}
a.brown:hover {color: #fff; display: block; background: url(../images/banner-nav/nav-topright-over.gif) 92% 8px no-repeat #887f6f;}

a.lavender {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/banner-nav/nav-topright-reg.gif) 92% 8px no-repeat;}
a.lavender:hover {color: #fff; display: block; background: url(../images/banner-nav/nav-topright-over.gif) 92% 8px no-repeat #a186be;}

a.pea {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/banner-nav/nav-topright-reg.gif) 92% 8px no-repeat;}
a.pea:hover {color: #fff; display: block; background: url(../images/banner-nav/nav-topright-over.gif) 92% 8px no-repeat #afaa5a;}


a.mustard {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/banner-nav/nav-topright-reg.gif) 92% 8px no-repeat;}
a.mustard:hover {color: #fff; display: block; background: url(../images/banner-nav/nav-topright-over.gif) 92% 8px no-repeat #f0c102;}

a.sky {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/banner-nav/nav-topright-reg.gif) 92% 8px no-repeat;}
a.sky:hover {color: #fff; display: block; background: url(../images/banner-nav/nav-topright-over.gif) 92% 8px no-repeat #7db8d9;}

a.dirt {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/banner-nav/nav-topright-reg.gif) 92% 8px no-repeat;}
a.dirt:hover {color: #fff; display: block; background: url(../images/banner-nav/nav-topright-over.gif) 92% 8px no-repeat #675d56;}

a.berry {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/banner-nav/nav-topright-reg.gif) 92% 8px no-repeat;}
a.berry:hover {color: #fff; display: block; background: url(../images/banner-nav/nav-topright-over.gif) 92% 8px no-repeat #bd8cbf;}

/*end: top banner list*/

/*begin: social media (also see: share this*/
#socialmedia-container {
	padding: 40px 0 0 0;
	height: 88px; /*128*/
	width: 437px;
	float: left;}

#socialmedia-action-items-container {float: right;} /*was position:relative*/
	
.socialmedia-action-container {
	margin: 40px 0 0 20px;
	height: 50px;
	width: 150px;
	float: right;}

a.twitter {
	margin: 0 0 0 12px;
	padding: 10px 0 0 60px;
	height: 45px;
	width: 85px;
	background: url(../images/socialmedia/twitter.gif) top left no-repeat;
	display: block;
	float: left;}
a.twitter:hover {background:url(../images/socialmedia/twitter-over.gif) top left no-repeat;}
a.twitter span {color: #000;}
a.twitter:hover span {color: #cc0000;}
.twitter-first {line-height: 1.0em; font-size: 0.8em;}
.twitter-last {line-height: 1.2em; font-size: 1.6em;}

a.friends {
	margin: 0 0 0 12px;
	padding: 10px 0 0 60px;
	height: 45px;
	width: 85px;
	background: url(../images/socialmedia/share.gif) top left no-repeat;
	display: block;
	float: left;}
a.friends:hover {background:url(../images/socialmedia/share-over.gif) top left no-repeat;}
a.friends span {color: #000;}
a.friends:hover span {color: #cc0000;}
.friends-first {line-height: 1.0em; font-size: 0.8em;}
.friends-last {line-height: 1.2em; font-size: 1.6em;}

#demotip {
	display:none;
	background:transparent url(../images/tooltip-bg-1.png) no-repeat;
	font-size:12px;
	height:70px;
	width:600px;
	padding:25px;
	color:#fff;	
}

/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

/*end: social media*/

/*begin: footer*/
#footer-wrapper {
	padding: 37px 0 10px 0;
	height: 57px;
	width: 927px;
	background:url(../images/footer-bg.png) top left no-repeat;
	float: left;}

#footer-credit-container {
	margin: 0 0 0 30px;
	height: 20px;
	width: 315px;
	display: inline-block;
	float: left;}	
	
#credit-text-container-first {
	height: 20px;
	width: 205px;
	float: left;
	font-size: 1em;}
#credit-text-container-first a {color: #000;}
#credit-text-container-first a:hover {color: #cc0000;}
.credit-text-container {
	height: 20px;
	width: 15px;
	float: left;}
.credit-text-container2 {
	height: 20px;
	width: 42px;
	float: left;}
#footer-credit-container p {margin: 5px 0 0 0; font-size: 0.6em;}
#credit-pipe-container {
	margin: 0 10px 0 0;
	height: 20px;
	width: 1px;
	background-color: #000;
	float: left;}
#s3logo-container {
	margin: 0 4px;
	height: 20px;
	width: 20px;
	background:url(../images/s3-logo.png) top left no-repeat;
	float: left;}
#footer-navlist-container {
	margin: 0 40px 0 0;
	padding: 5px 0 0 0;
	height: 20px;
	width: 540px;
	float: right;}
.pipe-style {margin: 2px 0 0 4px; padding: 0; font-size: 0.8em; color: #41508c;}
#footer-left-navlist ul {
	display: inline;
	margin: 0;
	padding: 0;}
#footer-left-navlist li {
	display: inline;
	margin: 0;
	padding: 0;}
#footer-left-navlist li.last {border:none;}
#footer-left-navlist {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-weight: normal;
	text-align: right;}
#footer-left-navlist span {
	color: #000;
	text-decoration: none;}
#footer-left-navlist span.style0412 {font-weight: bold; color: #cc0000;}
#footer-left-navlist a {
	color: #000;
	text-decoration: none;}
#footer-left-navlist a:hover {
	color: #cc0000;
	text-decoration: none;}
/*end: footer*/

/* =Hoverbox Code - Box
----------------------------------------------------------------------*/

#overviewnav {position:absolute;visibility:hidden;width:100px;height:20px; z-index: 500;}
#box-all-wrapper {position:absolute;visibility:hidden;top:0px;left:0px; height: 200px; width: 200px; float: left;}
#box-wrapper {padding: 0 0 21px 0; height: auto; width: 160px; background: url(../images/socialmedia/sm-funnel.png) 10px bottom no-repeat; float: left;}

#box-main {padding: 10px 10px 0 10px; height: auto; width: 140px; background-color: #cc0000; float: left;}

a.box-item1 { /*flickr*/
	padding: 5px 0 10px 45px;
	height: 36px;
	width: 100%;
	color: #fff;
	background: url(../images/socialmedia/flickr.png) top left no-repeat;
	float: left;
	font-size: 1.3em;
	line-height: 0.8em;}
a.box-item1:hover {
	color: #000;
	background: url(../images/socialmedia/flickr-over.png) top left no-repeat;}
	
a.box-item1 span {font-size: 0.7em;}
	
a.box-item2 { /*facebook*/
	padding: 5px 0 10px 45px;
	height: 36px;
	width: 100%;
	color: #fff;
	background: url(../images/socialmedia/facebook.png) top left no-repeat;
	float: left;
	font-size: 1.3em;
	line-height: 0.8em;}
a.box-item2:hover {
	color: #000;
	background: url(../images/socialmedia/facebook-over.png) top left no-repeat;}
	
a.box-item2 span {font-size: 0.7em;}

a.box-item3 { /*twitter*/
	padding: 5px 0 10px 45px;
	height: 36px;
	width: 100%;
	color: #fff;
	background: url(../images/socialmedia/twitter.png) top left no-repeat;
	float: left;
	font-size: 1.3em;
	line-height: 0.8em;}
a.box-item3:hover {
	color: #000;
	background: url(../images/socialmedia/twitter-over.png) top left no-repeat;}
	
a.box-item3 span {font-size: 0.7em;}