
/******************************************** CSS Global ********************************************/
body {
	margin: 0px;
	background:url(../images/header_imgs/headerBg.jpg) top center repeat-x;
}

a:link {
	color: #339933;
	text-decoration:none;
	font-weight:bold;
}
a:visited {
	color: #339933;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	color: #666666;
	text-decoration:none;
	font-weight:bold;
}
a:active {
	color: #339933;
	text-decoration:none;
	font-weight:bold;
}

/******************************************** CSS for Header ********************************************/

#wwdshead{
	position:relative;
	top:0px;
	left:0px;
	height:49px;
	width:100%;
	background-repeat:repeat-x;
	text-align: left;
	z-index:1;
}

/*.delicious a {
	background:url(../images/header_imgs/social_icons/deli_gs.jpg);
	position:absolute;
	display:block;
	top:9px;
	right:58px;
	width:24px;
	height:24px;
	z-index:3;
	visibility: visible;
}

.delicious a:hover {
	background:url(../images/header_imgs/social_icons/deli_clr.jpg);
}*/

.twitter a {
	background:url(../images/header_imgs/social_icons/twtr_gs.jpg);
	position:absolute;
	top:9px;
	right:86px;
	width:24px;
	height:24px;
	z-index:3;
	overflow:visible;
}

.twitter a:hover {
	background:url(../images/header_imgs/social_icons/twtr_clr.jpg);
}

/*.flickr a {
	background:url(../images/header_imgs/social_icons/flickr_gs.jpg);
	position:absolute;
	top:9px;
	right:86px;
	width:24px;
	height:24px;
	z-index:3;
	overflow:visible;
}

.flickr a:hover {
	background:url(../images/header_imgs/social_icons/flickr_clr.jpg);
}*/

.facebook a {
	background:url(../images/header_imgs/social_icons/fb_gs.jpg);
	position:absolute;
	top:9px;
	right:58px;
	width:24px;
	height:24px;
	z-index:3;
	overflow:visible;
}

.facebook a:hover {
	background:url(../images/header_imgs/social_icons/fb_clr.jpg);
}

.rss a {
	background:url(../images/header_imgs/social_icons/rss_gs.jpg);
	position:absolute;
	top:9px;
	right:30px;
	width:24px;
	height:24px;
	z-index:3;
	overflow:visible;
}

.rss a:hover {
	background:url(../images/header_imgs/social_icons/rss_clr.jpg);
}


/******************************************** CSS for Navigation arrows ********************************************/

#arrows{
	position:relative;
	margin-right:auto;
	margin-left:auto;
	top:32px;
	width:73px;
	z-index:10;
}

.leftArrow a{
	float:left;
	height:24px;
	background-image:url(../images/header_imgs/leftArrow.jpg);
	width:36px;
}

.leftArrow a:hover{
	background-image:url(../images/header_imgs/leftArrow_roll.jpg);
}

.rightArrow a{
	float:right;
	height:24px;
	background-image:url(../images/header_imgs/rightArrow.jpg);
	width:37px;
}

.rightArrow a:hover{
	background-image:url(../images/header_imgs/rightArrow_roll.jpg);
}

#arrowsCase{
	position:relative;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:30px;
	top:-9px;
	width:73px;
	z-index:10;
}

/******************************************** CSS for Footer ********************************************/

#footer{
	position:relative;
	height:200px;
	width:100%;
	background-image:url(../images/footer_imgs/footerBg.jpg);
	background-repeat: repeat-x;
	bottom:0px;
	z-index:4;
	left:0px;
	top:30px;
}

#footerContent{
	position:relative;
	width:962px;
	margin:auto;
	}
	

#feedLeft{
	float:left;
	margin-top:20px;
	width:403px;
	text-align:left;
	margin-left:20px;
	font-family:verdana;
	font-size:12px;
	color:#333333;
}

#feedMid{
	float:left;
	margin-top:20px;
	width:299px;
	text-align:left;
	margin-left:20px;
	font-family:verdana;
	font-size:12px;
	color:#333333;
}

#feedRight{
	float:right;
	margin-top:20px;
	width:199px;
	text-align:left;
	font-family:verdana;
	font-size:12px;
	color:#333333;
}

#feedRightText{
	float:left;
	text-align:left;
	margin-left:20px;
	font-family:verdana;
	font-size:12px;
	color:#666666;
	width:90px;
}

#feedMidText{
	float:left;
	text-align:left;
	margin-left:20px;
	font-family:verdana;
	font-size:12px;
	color:#666666;
	width:220px;
	height:150px;
	
}

#feedLeftText{
	float:left;
	text-align:left;
	margin-left:20px;
	font-family:verdana;
	font-size:12px;
	color:#666666;
	width:299px;
	height:150px;
	
}


#feedLeftText p {
	margin-top: 0px;
}

.feedRightImg a{
	float:left;
	width:89px;
	height:17px;
}

.feedRightImg a:hover{
}

.feedMidImg a{
	float:left;
	width:59px;
	height:18px;
}

.feedMidImg a:hover{
}

.feedLeftImg a{
	float:left;
	width:84px;
	height:18px;
}

.feedLeftImg a:hover{
}

.copyright{
width:100%;
font-family:verdana;
text-align:center;
font-size:10px;
color:#CCC;
clear:float;
margin-bottom:0;
}
/******************************************** CSS for Footer IE6 **************************************************/

.feedImg a{
	width:84px;
	height:18px;
	background-image:url(../images/footer_imgs/feed.gif);
}

.feedImg a:hover{
	background-image:url(../images/footer_imgs/feed_roll.gif);
}

.aboutImg a{
	width:59px;
	height:17px;
	background-image:url(../images/footer_imgs/about.gif);
}

.aboutImg a:hover{
	background-image:url(../images/footer_imgs/about_roll.gif);
}

.workImg a{
	width:89px;
	height:18px;
	background-image:url(../images/footer_imgs/work.gif);
}

.workImg a:hover{
	background-image:url(../images/footer_imgs/work_roll.gif);
}

#feedCont{
	text-align:left;
	font-family:verdana;
	font-size:12px;
	color:#666666;
	width:430px;
	height:150px;
	top:0px;
}

#aboutCont{
	text-align:left;
	font-family:verdana;
	font-size:12px;
	color:#666666;
	width:290px;
	top:0px;
}

#footerHolder{
	padding-top:20px;
	position:relative;
	height:200px;
	width:100%;
	background-image:url(../images/footer_imgs/footerBg.jpg);
	background-repeat: repeat-x;
	bottom:0px;
	z-index:4;
	left:0px;
	top:20px;
	
}

/******************************************** CSS for Case Study Content ********************************************/

#mainContent{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:100%;
	text-align:center;
}


#thumbContainer{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:796px;
	margin-bottom:30px;
	height:142px;
}

.thumb1{
	padding:5px;
	padding-bottom:0px;
	border:1px solid #CCC;
	margin-right:20px;
	float:left;
}

.thumb2{
	padding:5px;
	padding-bottom:0px;
	border:1px solid #CCC;
	margin-right:20px;
	float:left;
}

.thumb3{
	padding:5px;
	padding-bottom:0px;
	border:1px solid #CCC;
	float:left;
}

/******************************************** CSS for Press Buttons ********************************************/

#pressTable{
	margin-top:10px;
}

.urbandad a{
	width:194px;
	height:30px;
	background-image:url(../images/press_imgs/urbandaddy.gif);
	float:left;
}

.urbandad a:hover{
	background-image:url(../images/press_imgs/urbandaddy_roll.gif);
}

.gizmodo a{
	width:226px;
	height:30px;
	background-image:url(../images/press_imgs/gizmodo.gif);
	float:left;
}

.gizmodo a:hover{
	background-image:url(../images/press_imgs/gizmodo_roll.gif);
}

.brandfreak a{
	width:115px;
	height:30px;
	background-image:url(../images/press_imgs/brandfreak.gif);
	float:left;
}

.brandfreak a:hover{
	background-image:url(../images/press_imgs/brandfreak_roll.gif);
}

.commArt a{
	width:127px;
	height:30px;
	background-image:url(../images/press_imgs/commart.gif);
	float:left;
}

.commArt a:hover{
	background-image:url(../images/press_imgs/commart_roll.gif);
}

.bestAds a{
	width:55px;
	height:30px;
	background-image:url(../images/press_imgs/bestads.gif);
	float:left;
}

.bestAds a:hover{
	background-image:url(../images/press_imgs/bestads_roll.gif);
}

.creativity a{
	width:49px;
	height:30px;
	background-image:url(../images/press_imgs/creativity.gif);
	float:left;
}

.creativity a:hover{
	background-image:url(../images/press_imgs/creativity_roll.gif);
}

.brandweek a{
	width:105px;
	height:30px;
	background-image:url(../images/press_imgs/brandweek.gif);
	float:left;
}

.brandweek a:hover{
	background-image:url(../images/press_imgs/brandweek_roll.gif);
}

.adweek a{
	width:106px;
	height:30px;
	background-image:url(../images/press_imgs/adweek.gif);
	float:left;
}

.adweek a:hover{
	background-image:url(../images/press_imgs/adweek_roll.gif);
}

.adrants a{
	width:83px;
	height:30px;
	background-image:url(../images/press_imgs/adrants.gif);
	float:left;
}

.adrants a:hover{
	background-image:url(../images/press_imgs/adrants_roll.gif);
}

.nytimes a{
	width:203px;
	height:30px;
	background-image:url(../images/press_imgs/nytimes.gif);
	float:left;
}

.nytimes a:hover{
	background-image:url(../images/press_imgs/nytimes_roll.gif);
}

.adage a{
	width:78px;
	height:30px;
	background-image:url(../images/press_imgs/adage.gif);
	float:left;
}

.adage a:hover{
	background-image:url(../images/press_imgs/adage_roll.gif);
}

.adage a{
	width:78px;
	height:30px;
	background-image:url(../images/press_imgs/adage.gif);
	float:left;
}

.adage a:hover{
	background-image:url(../images/press_imgs/adage_roll.gif);
}

.nysun a{
	width:159px;
	height:30px;
	background-image:url(../images/press_imgs/nysun.gif);
	float:left;
}

.nysun a:hover{
	background-image:url(../images/press_imgs/nysun_roll.gif);
}

.packdigest a{
	width:99px;
	height:30px;
	background-image:url(../images/press_imgs/packDig.gif);
	float:left;
}

.packdigest a:hover{
	background-image:url(../images/press_imgs/packDig_roll.gif);
}


