@charset "UTF-8";
/* CSS Document */

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #898989;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

p{
	text-align:justify;

}
h1 {
	font-size: 25px;
	color: #6C747A;
	font-weight: normal;
	margin-bottom: 25px;
	padding: 0px;
	margin-top: 0px;
}
h2 {
	font-size: 20px;
	color: #6C747A;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
a:link, a:visited {
	color: #3C8A6D;
	text-decoration: none;
}
a:hover {
	color: #6B747B;
	text-decoration: underline;
}
.wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.logo-home a {
	background-image: url(../images/logo.jpg);
	height: 52px;
	width: 314px;
	display: block;
	text-indent: -999em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 35px;
}
.logo a {
	background-image: url(../images/logo.jpg);
	height: 75px;
	width: 314px;
	display: block;
	text-indent: -999em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 12px;
}
.navigation {
	text-align: center;
	margin-bottom: 50px;
}
.navigation ul {
	margin: 0px;
	padding: 0px;
}
.navigation ul li {
	margin: 0px;
	display: inline;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #B2B2B2;
}
.navigation  ul  li  a:link, .navigation ul li a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #B2B2B2;
	text-decoration: none;
}
.navigation ul li a:hover {
	color: #3E8A6D;
	text-decoration: none;
}

.main-content {
	width: 540px;
	margin-right: auto;
	margin-left: auto;
}
#flash-container {
	width: 800px;
	position: relative;
	height: 200px;
	z-index: 1;
	clear: both;
}
.sub-nav {
	width: 184px;
	padding-right: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	float: left;
	margin-left: 15px;
	text-align: right;
	margin-top: 40px;
}
.sub-nav ul {
	margin: 0px;
	padding: 0px;
}
.sub-nav ul li {
	list-style-type: none;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.sub-nav ul li a:link, .sub-nav ul li a:visited {
	font-size: 14px;
	color: #B2B2B2;
	font-weight: bold;
	text-decoration: none;
}
.sub-nav ul li a:hover {
	color: #6B747A;
}
.right-content {
	float: left;
	width: 550px;
	padding-left: 15px;
}
.media a {
	background-image: url(../images/spheres/media-off.jpg);
	height: 229px;
	width: 125px;
	display: block;
	text-indent: -999em;
	position: absolute;
	left: 20px;
	top: 0px;
	text-decoration: none;
}
.media a:hover {
	background-image: url(../images/spheres/media-over.png);
}
.online a {
	background-image: url(../images/spheres/online-off.png);
	height: 229px;
	width: 137px;
	display: block;
	text-indent: -999em;
	position: absolute;
	left: 129px;
	top: 0px;
	text-decoration: none;
	z-index: 2;
}
.online a:hover {
	background-image: url(../images/spheres/online-over.png);
}
.loyalty a {
	background-image: url(../images/spheres/loyalty-off.png);
	height: 229px;
	width: 118px;
	display: block;
	text-indent: -999em;
	position: absolute;
	left: 246px;
	top: 0px;
	text-decoration: none;
	z-index: 1;
}
.loyalty a:hover {
	background-image: url(../images/spheres/loyalty-over.png);
}
.creative a {
	background-image: url(../images/spheres/creative-off.png);
	height: 229px;
	width: 130px;
	display: block;
	text-indent: -999em;
	position: absolute;
	left: 378px;
	top: 0px;
	text-decoration: none;
	z-index: 2;
}
.creative a:hover {
	background-image: url(../images/spheres/creative-over.png);
}
.production a {
	background-image: url(../images/spheres/production-off.png);
	height: 229px;
	width: 128px;
	display: block;
	text-indent: -999em;
	position: absolute;
	left: 488px;
	top: 0px;
	text-decoration: none;
	z-index: 1;
}
.production a:hover {
	background-image: url(../images/spheres/production-over.png);
}
.data a {
	background-image: url(../images/spheres/data-off.png);
	height: 229px;
	width: 147px;
	display: block;
	text-indent: -999em;
	position: absolute;
	top: 0px;
	text-decoration: none;
	z-index: 1;
	right: 20px;
}
.data a:hover {
	background-image: url(../images/spheres/data-over.png);
}
.column1 {
	width: 270px;
	float: left;
	font-size: 13px;
	margin-top: 15px;
}

.column1 ul {
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 15px;
}
.footer {
	height: 140px;
	width: 800px;
	position: relative;
	font-size: 12px;
	color: #CCCCCC;
	clear: both;
	padding-top: 20px;
}
.footer-spheres a {
	background-image: url(../images/spheres-footer.jpg);
	height: 91px;
	width: 273px;
	display: block;
	text-indent: -999em;
	margin-right: auto;
	margin-left: auto;
}
.footer-nav {
	width: 800px;
	position: absolute;
	z-index: 10;
	text-align: center;
	bottom: 15px;
}
.footer-nav ul {
	margin: 0px;
	padding: 0px;
}
.footer-nav ul li {
	display: inline;
	margin: 0px;
	list-style-type: none;
	padding: 0px;
}
.footer-nav       ul       li.last  a   {
	border-right-style: none;
}
.footer-nav ul li.last a:link, .footer-nav ul li.last a:visited {
	border-right-style: none;
}
.footer-nav ul li a:link, .footer-nav ul li a:visited {
	font-size: 12px;
	color: #7F7F7F;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 4px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	line-height: 12px;
}
.footer-nav ul li a:hover {
	color: #333333;
	text-decoration: underline;
}
.container {
	width: 800px;
	position: relative;
	height: 200px;
	z-index: 1;
	clear: both;
}

#What-We-Do li.WhatWeDo a, #Media li.WhatWeDo a, #Alternative li.alternative a, #Alternative li.WhatWeDo a, #Billing li.billing a, #Billing li.WhatWeDo a, #Digital li.digital a, #Digital li.WhatWeDo a, #Mail li.mail a, #Mail li.WhatWeDo a, #DRTV li.drtv a, #DRTV li.WhatWeDo a, #Outdoor li.outdoor a, #Outdoor li.WhatWeDo a, #Radio li.radio a, #Radio li.WhatWeDo a, #Telemarketing li.telemarketing a, #Telemarketing li.WhatWeDo a, #OnlineMarketing li.WhatWeDo a, #Development li.development a, #Development li.WhatWeDo a, #SEO li.seo a, #SEO li.WhatWeDo a, #PPC li.ppc a, #PPC li.WhatWeDo a, #Banner li.banner a, #Banner li.WhatWeDo a, #Email li.email a, #Email li.WhatWeDo a, #Social li.social a, #Social li.WhatWeDo a, #Analytics li.analytics a, #Analytics li.WhatWeDo a, #LoyaltyMarketing li.WhatWeDo a, #Creative li.WhatWeDo a, #Production li.WhatWeDo a, #Software li.software a, #Software li.WhatWeDo a, #Print li.print a, #Print li.WhatWeDo a, #Data li.WhatWeDo a, #How-We-Do-It li.HowWeDoIt a, #Contact li.contact a, #Clients li.clients a, #Hispanic li.WhatWeDo a, #Printad li.printad a, #Printad li.WhatWeDo a, #Printservices li.printservices a, #Printservices li.WhatWeDo a {
	color: #3D896D;
}

#Who-We-Are li.WhoWeAre a, #Careers li.careers a, #Careers li.WhoWeAre a{
 color: #3D896D;
 }

#What-We-Do .media a{
	background-image: url(../images/spheres/media-over.png);
}
#What-We-Do .online a{
	background-image: url(../images/spheres/online-over.png);
}
#What-We-Do .loyalty a{
	background-image: url(../images/spheres/loyalty-over.png);
}
#What-We-Do .creative a{
	background-image: url(../images/spheres/creative-over.png);
}
#What-We-Do .production a{
	background-image: url(../images/spheres/production-over.png);
}
#What-We-Do .data a{
	background-image: url(../images/spheres/data-over.png);
}
#Media .media a, #Alternative .media a, #Billing .media a, #Digital .media a, #Mail .media a, #DRTV .media a, #Radio .media a, #Telemarketing .media a, #Outdoor .media a, #Printad .media a{
	background-image: url(../images/spheres/media-over.png);
}
#OnlineMarketing .online a, #Development .online a, #SEO .online a, #PPC .online a, #Banner .online a, #Email .online a, #Social .online a, #Analytics .online a{
	background-image: url(../images/spheres/online-over.png);
}

#LoyaltyMarketing .loyalty a{
	background-image: url(../images/spheres/loyalty-over.png);
}
#Creative .creative a{
	background-image: url(../images/spheres/creative-over.png);
}
#Production .production a, #Software .production a, #Print .production a, #Printservices .production a{
	background-image: url(../images/spheres/production-over.png);
}
#Data .data a{
	background-image: url(../images/spheres/data-over.png);
}
.columns {
	width: 270px;
	float: left;
	font-size: 13px;
	margin-top: 15px;
}
.columns3 {
	width: 180px;
	float: left;
	font-size: 13px;
	margin-top: 15px;
}
.columns3 ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.columns3  ul  li {
	list-style-type: none;
}
#footer-flash {
	width: 300px;
	position: absolute;
	z-index: 1;
	top: 0px;
	margin-left: 240px;
}