/*

Site Design by Creative Deluxe
CSS Design by 350 Productions
Date 5/5/2009

Primary Colors:
blue: #6fcde4;
brown: #54311a;
light gray: #77787b;
dark gray for text: #666666;

*/

html {
background: #FFFFFF;
}

body {
font-size: 80%;
/*
font-family: Arial, Helvetica, sans-serif;
*/
font-family: Geneva, Arial, Helvetica, sans-serif;
line-height: 1.4em;
text-align: center;
color:  #666666;
}

ul, li, img, body, html {
margin: 0; padding: 0;
}

a {
text-decoration: underline;
/*
color: #54311a;
*/
/* original color
color: #77787b;
*/
color: #666666;
}

a:hover {
text-decoration: underline;
color: #6fcde4;
}

a img {
border: none;
}

.fr {
float: right;
}

.fl {
float: left;
}


#container {
text-align: left;
width: 971px;
margin: auto;
margin-top: .5em;
background: #ffffff;
}

#container ul,
#container ul li {
list-style-type: none;
}


#header {
position: relative;
overflow: hidden;
}

#header #logo {
position: absolute;
top: .5em; left: 7.7em;
}

#header_left {
height: 98px;
width: 211px;
float: left;
overflow: hidden;
}

#header_left h1 {
display: none;
}

#header_middle{
height: 98px;
width: 3px;
float: left;
overflow: hidden;
}

#header_right{
height: 98px;
width: 757px;
overflow: hidden;
}


/* NAVIGATION */

#navigation  {
text-align:left;
width:971px;
margin:auto;
}



.nav {
	width: 971px;
	height: 44px;
	background: url(../images/nav_img.jpg) no-repeat;
	position: relative;
	top: 4px;
	left: 0px;

}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 44px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}

	.nav .aboutUs a:link, .nav .aboutUs a:visited {
		left: 60px;
		width: 102px;
	}
	.nav .aboutUs a:hover, .nav .aboutUs a:focus {
		background: url(../images/nav_img.jpg) no-repeat -60px -46px;
	}
	.nav .aboutUs a:active {
		background: url(../images/nav_img.jpg) no-repeat -60px -94px;
	}
	.current-aboutUs .aboutUs a:link, .current-aboutUs .aboutUs a:visited {
		background: url(../images/nav_img.jpg) no-repeat -60px -138px;
		cursor: default;
	}
	.nav-aboutUs, .nav-aboutUs-click {
		position: absolute;
		top: 0;
		left: 60px;
		width: 102px;
		height: 44px;
		background: url(../images/nav_img.jpg) no-repeat -60px -46px;
	}
	.nav-aboutUs-click {
		background: url(../images/nav_img.jpg) no-repeat -60px -94px;
	}



	.nav .network a:link, .nav .network a:visited {
		left: 164px;
		width: 103px;
	}
	.nav .network a:hover, .nav .network a:focus {
		background: url(../images/nav_img.jpg) no-repeat -164px -46px;
	}
	.nav .about a:active {
		background: url(../images/nav_img.jpg) no-repeat -164px -94px;
	}
	.current-network .network a:link, .current-network .network a:visited {
		background: url(../images/nav_img.jpg) no-repeat -164px -138px;
		cursor: default;
	}
	.nav-network, .nav-network-click {
		position: absolute;
		top: 0;
		left: 164px;
		width: 103px;
		height: 44px;
		background: url(../images/nav_img.jpg) no-repeat -164px -46px;
	}
	.nav-network-click {
		background: url(../images/nav_img.jpg) no-repeat -164px -94px;
	}



	.nav .entertainmentMarketing a:link, .nav .entertainmentMarketing a:visited {
		left: 270px;
		width: 138px;
	}
	.nav .entertainmentMarketing a:hover, .nav .entertainmentMarketing a:focus {
		background: url(../images/nav_img.jpg) no-repeat -270px -46px;
	}
	.nav .entertainmentMarketing a:active {
		background: url(../images/nav_img.jpg) no-repeat -270px -94px;
	}
	.current-entertainmentMarketing .entertainmentMarketing a:link, .current-entertainmentMarketing .entertainmentMarketing a:visited {
		background: url(../images/nav_img.jpg) no-repeat -270px -138px;
		cursor: default;
	}
	.nav-entertainmentMarketing, .nav-entertainmentMarketing-click {
		position: absolute;
		top: 0;
		left: 270px;
		width: 138px;
		height: 44px;
		background: url(../images/nav_img.jpg) no-repeat -270px -46px;
	}
	.nav-entertainmentMarketing-click {
		background: url(../images/nav_img.jpg) no-repeat -270px -94px;
	}


	
	.nav .shopperMarketing a:link, .nav .shopperMarketing a:visited {
		left: 410px;
		width: 101px;
	}
	.nav .shopperMarketing a:hover, .nav .shopperMarketing a:focus {
		background: url(../images/nav_img.jpg) no-repeat -410px -46px;
	}
	.nav .shopperMarketing a:active {
		background: url(../images/nav_img.jpg) no-repeat -410px -94px;
	}
	.current-shopperMarketing .shopperMarketing a:link, .current-shopperMarketing .shopperMarketing a:visited {
		background: url(../images/nav_img.jpg) no-repeat -410px -138px;
		cursor: default;
	}
	.nav-shopperMarketing, .nav-shopperMarketing-click {
		position: absolute;
		top: 0;
		left: 410px;
		width: 101px;
		height: 44px;
		background: url(../images/nav_img.jpg) no-repeat -410px -46px;
	}
	.nav-shopperMarketing-click {
		background: url(../images/nav_img.jpg) no-repeat -410px -94px;
	}
	
	
	
	.nav .creativeServices a:link, .nav .creativeServices a:visited {
		left: 514px;
		width: 101px;
	}
	.nav .creativeServices a:hover, .nav .creativeServices a:focus {
		background: url(../images/nav_img.jpg) no-repeat -514px -46px;
	}
	.nav .creativeServices a:active {
		background: url(../images/nav_img.jpg) no-repeat -514px -94px;
	}
	.current-creativeServices .creativeServices a:link, .current-creativeServices .creativeServices a:visited {
		background: url(../images/nav_img.jpg) no-repeat -514px -138px;
		cursor: default;
	}
	.nav-creativeServices, .nav-creativeServices-click {
		position: absolute;
		top: 0;
		left: 514px;
		width: 101px;
		height: 44px;
		background: url(../images/nav_img.jpg) no-repeat -514px -46px;
	}
	.nav-creativeServices-click {
		background: url(../images/nav_img.jpg) no-repeat -514px -94px;
	}
	
	
	.nav .mediaServices a:link, .nav .mediaServices a:visited {
		left: 617px;
		width: 87px;
	}
	.nav .mediaServices a:hover, .nav .mediaServices a:focus {
		background: url(../images/nav_img.jpg) no-repeat -617px -46px;
	}
	.nav .mediaServices a:active {
		background: url(../images/nav_img.jpg) no-repeat -617px -94px;
	}
	.current-mediaServices .mediaServices a:link, .current-mediaServices .mediaServices a:visited {
		background: url(../images/nav_img.jpg) no-repeat -617px -138px;
		cursor: default;
	}
	.nav-mediaServices, .nav-mediaServices-click {
		position: absolute;
		top: 0;
		left: 617px;
		width: 87px;
		height: 44px;
		background: url(../images/nav_img.jpg) no-repeat -617px -46px;
	}
	.nav-mediaServices-click {
		background: url(../images/nav_img.jpg) no-repeat -617px -94px;
	}
	

	.nav .promotionalExperience a:link, .nav .promotionalExperience a:visited {
		left: 706px;
		width: 108px;
	}
	.nav .promotionalExperience a:hover, .nav .promotionalExperience a:focus {
		background: url(../images/nav_img.jpg) no-repeat -706px -46px;
	}
	.nav .promotionalExperience a:active {
		background: url(../images/nav_img.jpg) no-repeat -706px -94px;
	}
	.current-promotionalExperience .promotionalExperience a:link, .current-promotionalExperience .promotionalExperience a:visited {
		background: url(../images/nav_img.jpg) no-repeat -706px -138px;
		cursor: default;
	}
	.nav-promotionalExperience, .nav-promotionalExperience-click {
		position: absolute;
		top: 0;
		left: 706px;
		width: 108px;
		height: 44px;
		background: url(../images/nav_img.jpg) no-repeat -706px -46px;
	}
	.nav-promotionalExperience-click {
		background: url(../images/nav_img.jpg) no-repeat -706px -94px;
	}


	.nav .contactUs a:link, .nav .contactUs a:visited {
		left: 816px;
		width: 92px;
	}
	.nav .contactUs a:hover, .nav .contactUs a:focus {
		background: url(../images/nav_img.jpg) no-repeat -816px -46px;
	}
	.nav .contactUs a:active {
		background: url(../images/nav_img.jpg) no-repeat -816px -94px;
	}
	.current-contactUs .contactUs a:link, .current-contactUs .contactUs a:visited {
		background: url(../images/nav_img.jpg) no-repeat -816px -138px;
		cursor: default;
	}
	.nav-contactUs, .nav-contactUs-click {
		position: absolute;
		top: 0;
		left: 816px;
		width: 92px;
		height: 44px;
		background: url(../images/nav_img.jpg) no-repeat -816px -46px;
	}
	.nav-contactUs-click {
		background: url(../images/nav_img.jpg) no-repeat -816px -94px;
	}

#navSubmenu {
height:48px;
width:102px;
position: relative;
left: 60px;
top: -11px;
overflow: hidden;
margin-bottom: -48px;
}

#navigationAboutTeam {
width: 204px;
height: 12px;
position:absolute;
left: 0px;
top: 0px;
z-index: 100;
overflow: hidden;
}

#navigationAboutTeam a.active {
display: block;
width: 102px;
height: 12px;
text-decoration: none;
background: url(../images/nav_about_team.jpg);
background-position: 101px 0;
}

#navigationAboutTeam a.rollover {
display: block;
width: 102px;
height: 12px;
text-decoration: none;
background: url(../images/nav_about_team.jpg);
}

#navigationAboutTeam a.rollover:hover {
background-position: 101px 0;
}

#navigationAboutProcess {
width: 204px;
height: 15px;
position:absolute;
left: 0px;
top: 12px;
z-index: 100;
overflow: hidden;
}

#navigationAboutProcess a.active {
display: block;
width: 102px;
height: 15px;
text-decoration: none;
background: url(../images/nav_about_process.jpg);
background-position: 101px 0;
}

#navigationAboutProcess a.rollover {
display: block;
width: 102px;
height: 15px;
text-decoration: none;
background: url(../images/nav_about_process.jpg);
}

#navigationAboutProcess a.rollover:hover {
background-position: 101px 0;
}

#navigationAboutNewsFlash {
width: 204px;
height: 21px;
position:absolute;
left: 0px;
top: 27px;
overflow: hidden;
}

#navigationAboutNewsFlash a.active {
display: block;
width: 102px;
height: 21px;
text-decoration: none;
background: url(../images/nav_about_news_flash.jpg);
background-position: 102px 0;
}

#navigationAboutNewsFlash a.rollover {
display: block;
width: 102px;
height: 21px;
text-decoration: none;
background: url(../images/nav_about_news_flash.jpg);
}

#navigationAboutNewsFlash a.rollover:hover {
background-position: 102px 0;
}


/* MAIN CONTENT */

#tier1 {
width:971px;
position: relative;
margin-top: 55px;
overflow: hidden;
}

#tier2 {
width:971px;
position: relative;
padding-bottom: 90px;
overflow: hidden;
}

#front_left {
width: 360px;
padding-top: 45px;
float: left;
margin: 0 0 90px 80px;
}

#front_left #page_title {
padding-bottom: 55px;
}

#front_left .content_title {
padding-top: 2px;
padding-bottom: 12px;
}

#front_left .content_title_2 {
padding-top: 48px;
padding-bottom: 12px;
}

#front_left p {
text-align: justify;
}

#front_left ul {
padding-left: 14px;
}

#front_left ul li {
padding-left: 0px;
/*
list-style-type: disc;
*/
list-style-image: url(../images/list_bullet.gif);
margin-bottom: 6px;
}

#front_right {
width: 360px;
float: left;
padding: 45px 0 0 75px;
position: relative;
}

#front_right #page_title {
padding-bottom: 55px;
}

#front_right .content_title {
padding-top: 2px;
padding-bottom: 12px;
}

#front_right .content_title_2 {
padding-top: 48px;
padding-bottom: 12px;
}

#front_right p { 
text-align: justify;
}

#front_right ul {
padding-left: 14px;
}

#front_right ul li {
padding-left: 0px;
/*
list-style-type: disc;
*/
list-style-image: url(../images/list_bullet.gif);
margin-bottom: 6px;
}


#homeImage {
width: 626px;
height: 298px;
float: left;
padding-left: 62px;
overflow:hidden;
}

#homeImageRight {
width: 221px;
height: 298px;
float: left;
padding-left: 4px;
overflow:hidden;
}

#homeImageBottom {
width: 852px;
height: 42px;
float: left;
padding-top: 4px;
padding-left: 62px;
overflow:hidden;
}

#homeImageLogo {
position:absolute;
left: 540px;
top: 90px;
z-index: 100;
}



#mainContent {
width: 971px;
height: 500px;
padding: 0 0 0 0px;
margin-bottom:9em;
}

#mainContent div {
overflow: hidden;
}

#content_full {
width: 860px;
padding-top: 110px;
float: left;
margin: 0 0 9em 60px;
}

#content_full #page_title {
padding-bottom: 55px;
}

#content_full .content_title {
padding-top: 2px;
padding-bottom: 12px;
}

#content_full .content_title_2 {
padding-top: 48px;
padding-bottom: 12px;
}

#content_full p { 
/*
font-weight:bold;
color: #999999;
*/
text-align: justify;
}

#content_full ul {
padding-left: 14px;
/*
font-weight:bold;
color: #999999;
*/
}

#content_full ul li {
padding-left: 0px;
/*
list-style-type: disc;
*/
list-style-image: url(../images/list_bullet.gif);
margin-bottom: 6px;
}



#content_left {
width: 305px;
padding-top: 110px;
float: left;
margin: 0 0 9em 60px;
}

#content_left #page_title {
padding-bottom: 55px;
}

#content_left .content_title {
padding-top: 2px;
padding-bottom: 12px;
}

#content_left .content_title_2 {
padding-top: 48px;
padding-bottom: 12px;
}

#content_left p { 
text-align: justify;
}

#content_left .featured {
text-align: left;
}

#content_left ul {
padding-left: 14px;
}

#content_left ul li {
padding-left: 0px;
list-style-image: url(../images/list_bullet.gif);
margin-bottom: 6px;
}


#content_right {
width: 502px;
float: left;
/*width: 55%;*/
padding: 180px 0 0 69px;
position: relative;
margin-bottom: 9em;
}



#content_left_even {
width: 424px;
padding-top: 110px;
float: left;
margin: 0 0 9em 60px;
}

#content_left_even #page_title {
padding-bottom: 55px;
}

#content_left_even .content_title {
padding-top: 2px;
padding-bottom: 12px;
}

#content_left_even .content_title_2 {
padding-top: 48px;
padding-bottom: 12px;
}

#content_left_even p {
text-align: justify;
}

#content_left_even ul {
padding-left: 14px;
}

#content_left_even ul li {
padding-left: 0px;
list-style-image: url(../images/list_bullet.gif);
margin-bottom: 6px;
}

#content_right_even {
width: 424px;
margin-bottom: 9em;
margin-top:168px;
margin-left: -15px;
float: left;
padding: 45px 0 0 49px;
position: relative;
}

#content_right_even #page_title {
padding-bottom: 55px;
}

#content_right_even .content_title {
padding-top: 2px;
padding-bottom: 12px;
}

#content_right_even .content_title_2 {
padding-top: 48px;
padding-bottom: 12px;
}

#content_right_even p { 
/*
font-weight:bold;
color: #999999;
*/
text-align: justify;
}

#content_right_even ul {
padding-left: 14px;
/*
font-weight:bold;
color: #999999;
*/
}

#content_right_even ul li {
padding-left: 0px;
list-style-image: url(../images/list_bullet.gif);
margin-bottom: 6px;
}

#caseStudies_button {
width: 305px;
height: 19px;
padding-top: 40px;
padding-left: 0px;
position: relative;
}

#caseStudies_button a.rollover {
display: block;
width: 177px;
height: 19px;
text-decoration: none;
background: url(../images/btn_case_studies.jpg);
}

#caseStudies_button a.rollover:hover {
background-position: 0 19px;
}

#back_button {
width: 305px;
height: 19px;
padding-top: 40px;
padding-left:38px;
position: relative;
}

#back_button a.rollover {
display: block;
width: 226px;
height: 19px;
text-decoration: none;
background: url(../images/btn_back.jpg);
}

#back_button a.rollover:hover {
background-position: 0 19px;
}


#contact_button {
width: 305px;
height: 19px;
padding-top: 40px;
padding-left:0px;
}

#contact_button a.rollover {
display: block;
width: 177px;
height: 19px;
text-decoration: none;
background: url(../images/btn_contact_us.jpg);
}

#contact_button a.rollover:hover {
background-position: 0 19px;
}

#contact_button_2 {
width: 305px;
height: 19px;
padding-top: 15px;
padding-left:0px;
}

#contact_button_2 a.rollover {
display: block;
width: 177px;
height: 19px;
text-decoration: none;
background: url(../images/btn_contact_us.jpg);
}

#contact_button_2 a.rollover:hover {
background-position: 0 19px;
}


.displace {
position: absolute;
left: -9000px;
}

.bio {
width: 404px;
margin-bottom: 28px;
position:relative;
overflow: hidden;
}

.bioPic {
padding-top: 16px;
float: left;
width: 113px;
overflow: hidden;
}

.bioName {
color: #54311a;
font-weight: bold;
font-size:16px;
position: relative;
padding: 30px 0 0 30px;
overflow: hidden;
}

.bioTitle {
color: #54311a;
font-size:14px;
position: relative;
padding: 3px 0 52px 30px;
overflow: hidden;
}

.readMore {
font-weight: normal;
font-size: 90%;
}

.profile {
margin-bottom:.5em;
text-align: justify;
}

.profileQuestion {
color:#54311a;
font-weight:bold;
}

.profileAnswer {
margin-top: 0px;
}

#promo_left {
margin-right: 75px;
}

#promo_right {
margin-top: -30px;
margin-left: -45px;
margin-right: 75px;
}

#promo_left .title, #promo_right .title {
text-align: justify;
color: #54311a;
font-weight: bold;
font-size: 16px;
padding-bottom: 6px;
}

#promo_left ul, #promo_right ul{
padding-left: 0px;
}

#promo_left ul li, #promo_right ul li{
padding-left: 0px;
list-style:none;
margin-bottom: 6px;
}

#promo_left .last, #promo_right .last {
padding-bottom: 20px;
}

#bulletsIntro {
padding-bottom: 7px;
text-align: justify;
}

#bullets {
text-align: left;
}

#featuredImage {
float: left;
width: 123px;
position: relative;
padding-top: 5px;
padding-right: 10px;
padding-bottom:10px;
}

#featuredText {
padding-top:9px;
}


/*FOOTER*/

#footer {
clear: both;
text-align: center;
width: 971px;
padding-top: 130px;
}

#footer_navigation {
margin: 0;
padding: .1em;
margin-top: .1em;
margin-bottom: .1em;
text-align: center;
}

#footer_navigation ul#footer_nav {
list-style: none;
margin: 0;
padding: 0;
padding: .5em; 
}

#footer_navigation ul#footer_nav li {
display: inline;
padding: 0;
}

#footer_navigation a {
margin: 0;
padding: 0;
padding-left: .5em;
padding-right: .8em;
text-decoration: none;
color: #77787b;
border-right: solid 1px #77787b;
font-size: 12px;
font-weight: normal;
}

#footer_navigation a.last {
border-right: none;
}

#footer_navigation a:hover {
text-decoration: underline;
color: #444444;
}

#footer p {
font-size: .75em;
font-weight: normal;
margin: 3em 0 2em 0;
}