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


*, html {
	border:none;
	margin:0;
	padding:0;
}

body {
	font-family: "Courier New", Courier, monospace;
	color:#2b2928;
	background-color: #e6dfd4;

}

a {
	text-decoration: none;
	color: inherit;
}

a:hover {
	color:#88827e;
}

ul, li {
	list-style:none;	
}



#container {
	border-top: solid 3px #2b2928;
	width: 856px;
	height: 100%;
	margin:0 auto;
}







/* - - - left column - - - */

#left_column {
	width:264px;
	height:100%;
	float:left;
}


a#logo {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	display: block;
	height:174px;
	width:264px;
	text-indent: -9999em;
	margin:0;
}

#fltr_nav {
	margin:0;
}

#fltr_nav ul li a {
	display: block;
	overflow: hidden;
	text-indent: -9999em;
	width: 264px;
	height: 52px;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin:0 0 16px;
	border: none;
}

#fltr_nav ul li a:hover {
	background-position:0 -52px;
}

#fltr_nav ul li a.active {
	background-position:0 -104px;
}

#fltr_nav ul li a#fltr_nav_featured {
	background-image: url(../images/fltr_nav_featured.png);
}

#fltr_nav ul li a#fltr_nav_commercials {
	background-image: url(../images/fltr_nav_commercials.png);
}

#fltr_nav ul li a#fltr_nav_brandedcontent {
	background-image: url(../images/fltr_nav_brandedcontent.png);
}

#fltr_nav ul li a#fltr_nav_entertainment {
	background-image: url(../images/fltr_nav_entertainment.png);
}

#fltr_nav ul li a#fltr_nav_gaming {
	background-image: url(../images/fltr_nav_gaming.png);
}

#fltr_nav ul li a#fltr_nav_interactive {
	background-image: url(../images/fltr_nav_interactive.png);
}










/*  - - - right column - - - */

#right_column {
	width:560px;
	height:100%;
	float:right;
}



/* ---nav--- */
#nav {
	height:46px;
	width:560px;
	display: block;
	background-position: 0 0;
	background-image: url(../images/nav_bkgd.png);
	background-repeat: no-repeat;
	margin:64px 0 0;
}

#nav ul li a {
	display: block;
	overflow:hidden;
	float: right;
	margin:11px 8px 0;
	text-indent: -9999em;
	height:24px;
	background-position: 0 -24px;
	
}

#nav ul li a:hover {
	background-position: 0 0;
}

#nav ul li a#nav_btn_work {
	width:84px;
	background-image:  url(../images/nav_btn_work.png);

}

#nav ul li a#nav_btn_press {
	width:85px;
	background-image:  url(../images/nav_btn_press.png);

}

#nav ul li a#nav_btn_info {
	width:71px;
	background-image:  url(../images/nav_btn_info.png);

}




/* ---thumbnails--- */

#thumbnail_container {
	margin:64px 0 0;
}


#thumbnail_container ul li a {
	height:188px;
	width: 176px;
	display:block;
	overflow: hidden;
	background-position: 0 0;
	float:left;
	margin:0 16px 16px 0;
	text-indent: -9999em;
	
}

#thumbnail_container ul li a:hover {
	background-position: 0 -188px;
}





/* - - - Commercials  - - - */

#thumbnail_container ul li a#thumb_starter{

	background-image: url(/images/thmb_starter.jpg);
}

#thumbnail_container ul li a#thumb_voom{

	background-image: url(/images/thmb_voom.jpg);
}

#thumbnail_container ul li a#thumb_ultimate{

	background-image: url(/images/thmb_ultimate.jpg);
}

#thumbnail_container ul li a#thumb_nylotto{

	background-image: url(/images/thmb_nylotto.jpg);
}

#thumbnail_container ul li a#thumb_lipton{

	background-image: url(/images/thmb_lipton.jpg);
}

#thumbnail_container ul li a#thumb_cbs{

	background-image: url(/images/thmb_cbs.jpg);
}

#thumbnail_container ul li a#thumb_wendys{

	background-image: url(/images/thmb_wendys.jpg);
}

#thumbnail_container ul li a#thumb_dunkin{

	background-image: url(/images/thmb_dunkin.jpg);
}

#thumbnail_container ul li a#thumb_shoneys{

	background-image: url(/images/thmb_shoneys.jpg);
}

/*  - - - branded content - - - */

#thumbnail_container ul li a#thumb_jcpenney{

	background-image: url(/images/thmb_jcpenney.jpg);
}

#thumbnail_container ul li a#thumb_si_models{

	background-image: url(/images/thmb_si_models.jpg);
}

#thumbnail_container ul li a#thumb_si_ride{

	background-image: url(/images/thmb_si_theride.jpg);
}

#thumbnail_container ul li a#thumb_sobe{

	background-image: url(/images/thmb_sobe.jpg);
}

#thumbnail_container ul li a#thumb_food_loop{

	background-image: url(/images/thmb_foodloop.jpg);
}


/* - - - entertainment - - - */


#thumbnail_container ul li a#thumb_good_god{

	background-image: url(/images/thmb_goodgod.jpg);
}

#thumbnail_container ul li a#thumb_jaafar{

	background-image: url(/images/thmb_jafaar.jpg);
}

#thumbnail_container ul li a#thumb_danimal{

	background-image: url(/images/thmb_danimal.jpg);
}

#thumbnail_container ul li a#thumb_jib_jab{

	background-image: url(/images/thmb_jibjab.jpg);
}

#thumbnail_container ul li a#thumb_dreamland{

	background-image: url(/images/thmb_dreamland.jpg);
}

#thumbnail_container ul li a#thumb_browning{

	background-image: url(/images/thmb_browning.jpg);
}



/* - - -  games  - - - */

#thumbnail_container ul li a#thumb_mascot{

	background-image: url(/images/thmb_sixflags_mascotpark.jpg);
}

#thumbnail_container ul li a#thumb_vwz_game{

	background-image: url(/images/thmb_vwz_suckitin.jpg);
}

#thumbnail_container ul li a#thumb_full_throttle{

	background-image: url(/images/thmb_fullthrottle.jpg);
}

#thumbnail_container ul li a#thumb_flavorcreator_games{

	background-image: url(/images/thmb_vw_flavorcreator_games.jpg);
}


/* - - - interactive - - - */


#thumbnail_container ul li a#thumb_vw_greatdebate {
	
	background-image: url(/images/thmb_vw_greatdebate.jpg);
}

#thumbnail_container ul li a#thumb_vw_march {
	background-image: url(/images/thmb_vw_march.jpg);
}

#thumbnail_container ul li a#thumb_vw_twilight {
	background-image: url(/images/thmb_vw_twilight.jpg);
}

#thumbnail_container ul li a#thumb_vwz_brand {
	background-image: url(/images/thmb_vwz_brand.jpg);
}

#thumbnail_container ul li a#thumb_flavorcreator {
	background-image: url(/images/thmb_vw_flavorcreator.jpg);
}

#thumbnail_container ul li a#thumb_sears {
	background-image: url(/images/thmb_sears_campus.jpg);
}

#thumbnail_container ul li a#thumb_park_pal{
	background-image: url(/images/thmb_sixflags_iphoneapp.jpg);
}

#thumbnail_container ul li a#thumb_intel{

	background-image: url(/images/thmb_intel_progress.jpg);
}

#thumbnail_container ul li a#thumb_puma{

	background-image: url(/images/thmb_puma.jpg);
}

#thumbnail_container ul li a#thumb_jungle{

	background-image: url(/images/thmb_jungle.jpg);
}

#thumbnail_container ul li a#thumb_trident{

	background-image: url(/images/thmb_trident.jpg);
}

#thumbnail_container ul li a#thumb_fonzi{

	background-image: url(/images/thmb_fonzi.jpg);
}

#thumbnail_container ul li a#thumb_inn{

	background-image: url(/images/thmb_inn.jpg);
}










/*  - - - -  - - anythingSlider - - - - - - */

.content_container {
	margin:64px 0 0;
}



.anythingSlider                         { width: 560px; height: 366px; position: relative; margin: 0 auto; }
.anythingSlider .wrapper                { width: 560px; overflow: auto; height: 312px; margin: 0 0; position: absolute; top: 0; left: 0; }


                                        /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #e0d8cd; margin: 0; }

/* the default setting 

.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; }

*/

.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 312px; width: 560px; margin: 0; }


.anythingSlider .arrow                  { display: block; height: 21px; width: 21px; text-indent: -9999px; position: absolute; top:-5px; cursor: pointer; }
.anythingSlider .forward                { background: url(/images/btn_slider_next.png) no-repeat 0 0; left:525px;}
.anythingSlider .back                   { background: url(/images/btn_slider_prev.png) no-repeat 0 0; left:495px;}
.anythingSlider .forward:hover          { background-position: 0 -21px; }
.anythingSlider .back:hover             { background-position: 0 -21px; }

.thumbNav                               { position: relative; top: 332px; text-align: center; }
.thumbNav li                            { display: inline; }
.thumbNav a                             { display: inline-block; height: 12px; width:12px; background:url(/images/slider_item_inactive.png); margin:0 3px;  
											text-indent: -9999px; }
.thumbNav a:hover                       { background-image:url(/images/slider_item_active.png); }
.thumbNav a.cur                         { background:url(/images/slider_item_active.png); }


/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }






/*  - - - content info - - - */

.center {
	margin:0 auto;
	text-align: center;
}



#project_info {
	width:560px;
	height:312px;
	position:relative;
	background: url(../images/project_info_bkgd.png)no-repeat 0 0;

}

#project_info h2 {
	height:35px;
	width:450px;
	position: absolute;
	top:16px;
	left:20px;
	text-transform: uppercase;
	font-size: 18px;
	font-family: "Helvetica Neue";
	font-weight: normal;
}

#project_info p {
	font-size: 13px;
	line-height: 18px;
	height:35px;
	width:520px;
	position: absolute;
	top:60px;
	left:20px;
}

.fb_like {
	top:16px;
	left:485px;

}


.vwz_swf {
	margin:30px auto 0;
	text-align: center;
}




/* - - - Info Page - - - */

#info_content {
	margin:64px 0 0;

}

#info_bio {
	width:560px;
	height:393px;
	position:relative;
	background: url(../images/project_info_bkgd.png)no-repeat 0 0;
	background-color: #fff;
	margin:28px 0 0;

}

#info_bio h2 {
	height:35px;
	width:450px;
	position: absolute;
	top:16px;
	left:20px;
	text-transform: uppercase;
	font-size: 18px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

#info_bio p {
	font-size: 13px;
	line-height: 18px;
	height:35px;
	width:520px;
	position: absolute;
	top:60px;
	left:20px;
}


#resume {
	text-align: right;

}

#resume h1 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;

}

#resume h2 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
	margin: 16px 0 0;

}

#resume h2 {
	font-size: 13px;

}

#resume p {
	font-size: 13px;

}




#coming_soon {
	margin:64px 0 0;
}


#coming_soon h1 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; 

}



























/* - - - footer - - - */

#footer {
	width:856px;
	height:260px;
	display: block;
	position: relative;
	background-position: 0 0;
	background-image: url(../images/footer_bkgd.png);
	background-repeat: no-repeat;
	margin:224px 0 0;
	font-size: 11px;
	color:#88827e;
	text-align: left;
}


.footer_list {
	float: left;
	width:140px;
	margin:26px 0 0 26px;

}

#footer h3 {
	margin:0 0 12px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	color:#e6dfd4;

}



#footer ul li {
	margin:0 0 6px;
	
}


#footer ul li a:hover {
	color:#e6dfd4;
	
}