body. html {
	height:100%;
}	

body {
	margin:0;
	padding:0;
	background:#FFF;
	font:11px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#181818;
	text-align:center;
}

a, img {
	border:0px;
	outline:none;
}

div.clear {
	clear:both;
	display:block;
}

/* 
-------------------------------
	MAIN STRUCTURE
-------------------------------
*/

#wrapper {
	margin:0 auto;
	width:970px;
	text-align:left;
}

#header {
	margin:0;
	width:970px;
	height:91px;
}

#nav-box {
	margin:20px auto 0 auto;
	width:920px;
	height:125px;
	background:#FFF url('/img/bg-nav.gif') no-repeat;
	clear:both;
}

#splash-box {
	margin:20px auto;
	width:970px;
	height:400px;
	min-height:400px;
	background: url('/img/splash/rotate.php') no-repeat;
}

#content-box {
	position:relative;
	margin:20px auto;
	padding:0 0 30px 0;
	width:970px;
	min-height:400px;
}

#footer {
	position:relative;
	margin:0 auto;
	padding:0 0 10px 0;
	background: url('/img/footer.gif') no-repeat;
	width:970px;
	height:45px;
	text-align:center;
	font-size:18px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color:#CCC;
	text-indent: -5000px;
	clear:both;
	z-index:10;
}



/* 
-------------------------------
	HEADER STUFF
-------------------------------
*/

#header h1 {
	position:relative;
	margin:0;
	padding:0;
	width:970px;
	height:91px;
	text-indent: -5000px;
	overflow:hidden;
}
a.gohome {
	float:left;
	display:block;
	width:970px;
	height:90px;
}
a#morse {
	position:absolute;
	bottom:0px;
	padding-bottom:5px;
	display:block;
	width:970px;
	height:18px;
	text-indent: -5000px;
	overflow:hidden;
}

body#home #header h1#wp-h1 {
	text-indent:0;
	background:#FFF url('/img/good-people.gif') no-repeat 0 0;
}

body#work #header h1 {
	background: url('/img/work/rotate.php') no-repeat;
}
body#play #header h1 {
	background: url('/img//play/rotate.php') no-repeat;
}
body#bg #header h1 {
	background: url('/img/bg/rotate.php') no-repeat;
}
body#hello #header h1 {
	background: url('/img/hello/rotate.php') no-repeat;
}



/* 
-------------------------------
	NAV BOXES
-------------------------------
*/

#nav-box ul {
	margin:20px 0 0 0;
	padding:0;
	list-style-type: none;
	width:180px;
	float:left;
	text-transform: uppercase;
}
#nav-box ul li, #nav-box ul li a {
	display:block;
	font-size:11px;
	font-weight: bold;
	line-height:16px;
	height:100%;
}
#nav-box ul ul {
	margin:0;
	padding:0;
}
li.not-yet {
	color:#EBEBEB;
}

/*
	NAV > PROJECT DESCRIPTION
*/
#nav-box #work-descript {
	margin:18px 0 0 0;
	padding:0;
	width:380px;
	float:left;
}
#nav-box #work-descript p {
	margin:0;
	padding:0;
	line-height:14px;
}
body#work #nav-box #work-descript p span {
	font-weight: bold;
	color:#00ff00;
}
body#bg #nav-box #work-descript p span {
	font-weight: bold;
	color:#00ffff;
}

#nav-box #work-descript p a:link, #nav-box #work-descript p a:visited {
	color:#555;
	text-decoration: none;
	font-weight: bold;
}
body#work #nav-box #work-descript p a:hover {
	color:#00ff00;
}
body#bg #nav-box #work-descript p a:hover {
	color:#00ffff;
}

/* 
-------------------------------
	NAV LINKS
-------------------------------
*/

#nav-box ul a:link,
#nav-box ul a:visited,
#nav-box ul a:hover {	
	text-decoration:none;
	color:#555;
}

/*
	WORK
*/
body#work li#work-li a,
	body#work.nike li#nike-li a,
	body#work.lance li#lance-li a,
	body#work.barre3 li#barre3-li a,
/*
	WORK PERMALINKS
*/
	ul#nav3 ul.work-nike li.onstate a,
	ul#nav3 ul.work-lance li.onstate a,
	ul#nav3 ul.work-barre3 li.onstate a, 
/*
	WORK HOVERS
*/
		li#work-li a:hover,
		#nav2 ul.ul-work li a:hover,
		#nav3 ul.work-nike li a:hover,
		#nav3 ul.work-lance li a:hover,
		#nav3 ul.work-barre3 li a:hover
{
	color:#00ff00;
}


/*
	PLAY
*/
body#play li#play-li a,
body#play.photo li#photo-li a,
body#play.nuance li#nuance-li a,
body#play.cranbrook li#nuance-li a,
body#play.cranbrook li#cbrook a,
body#play.ad-center li#adcenter a,
		#nav2 ul.ul-play li a:hover,
		#nav3 ul.play-photo li a:hover,
		#nav3 ul.play-nuance li a:hover,
		li#play-li a:hover
{
	color:#ff6600;
}
/*
	PLAY PERMALINKS
*/
ul#nav3 ul.play-photo li.onstate a,
ul#nav3 ul.play-nuance li.onstate a
{
	color:#ff6600;
}


/*
	BKGRND
*/
body#bg li#bg-li a,
body#bg.bg-nike li#bg-nike-li a,
body#bg.oregon li#ot-li a,
body#bg.bg-microsoft li#microsoft-li a,
body#bg.bg-dietcoke li#dc-li a,
body#bg.bg-coke li#dc-li a,
body#bg.bg-cokes li#dc-li a,
body#bg.bg-espn li#espn-li a,
body#bg.bg-kelloggs li#kelloggs-li a,
		#nav2 ul.ul-bg li a:hover,
		#nav3 ul.ul-bg-nike li a:hover,
		#nav3 ul.ul-bg-cokes li a:hover,
		#nav3 ul.ul-bg-espn li a:hover,
		#nav3 ul.ul-bg-oregon li a:hover,
		#nav3 ul.ul-bg-microsoft li a:hover,
		#nav3 ul.ul-bg-dietcoke li a:hover,
		li#bg-li a:hover
{
	color:#00ffff;
}
/*
	BKGRND PERMALINKS
*/
ul#nav3 ul.ul-bg-nike li.onstate a,
ul#nav3 ul.ul-bg-espn li.onstate a,
ul#nav3 ul.ul-bg-oregon li.onstate a,
ul#nav3 ul.ul-bg-cokes li.onstate a,
ul#nav3 ul.ul-bg-microsoft li.onstate a,
ul#nav3 ul.ul-bg-dietcoke li.onstate a
{
	color:#00ffff;
}


/*
	HELLO
*/
body#hello li#hello-li a,
body#hello.who li#who-li a,
body#hello.what li#what-li a,
body#hello.where li#where-li a,
	
	ul#nav3 ul.ul-hello-who li.onstate a,

		#nav2 ul.ul-hello a:hover,
		#nav3 ul.ul-hello-who a:hover,
		li#hello-li a:hover 
{
	color:#d74887;
}




/* 
-------------------------------
	NAV HIDERS
-------------------------------
*/
ul.ul-work,
	ul.work-nike,
	ul.work-lance,
	ul.work-barre3,
	
ul.ul-play,
	ul.play-photo,
	ul.play-nuance,
	
ul.ul-bg,
	ul.ul-bg-nike,
	ul.ul-bg-espn,
	ul.ul-bg-cokes,
	ul.ul-bg-oregon,
	ul.ul-bg-microsoft,
	ul.ul-bg-dietcoke,
	ul.bg-lance,
	ul.bg-running,
	ul.bg-brand,
	ul.bg-oregon,
	ul.bg-microsoft,
	ul.bg-dietcoke,

ul.ul-hello,
	ul.ul-hello-who
{
	display:none;
}

/* 
-------------------------------
	NAV SHOW-ERS
-------------------------------
*/

body#work ul.ul-work,
	body#work.nike ul.work-nike,
	body#work.lance ul.work-lance,
	body#work.barre3 ul.work-barre3,

body#play ul.ul-play,
	body#play.photo ul.play-photo,
	body#play.nuance ul.play-nuance,
	body#play.cranbrook ul.play-nuance,
	body#play.ad-center ul.play-nuance,
body#bg ul.ul-bg,
	body#bg.bg-nike ul.ul-bg-nike,
	body#bg.bg-coke ul.ul-bg-cokes,
	body#bg.bg-cokes ul.ul-bg-cokes,
	body#bg.bg-dietcoke ul.ul-bg-cokes,
	body#bg.bg-espn ul.ul-bg-espn,
	body#bg.bg-nike-womens ul.ul-bg-nike,
	body#bg.bg-microsoft ul.ul-bg-microsoft,
	body#bg.oregon ul.ul-bg-oregon,

body#hello ul.ul-hello,
body#hello.who ul.ul-hello-who
{
	display: inline;
}



/* 
-------------------------------
	WORK PAGES
-------------------------------
*/

body#work #content-box, 
body#play #content-box,
body#bg #content-box
{
	position:relative;
	width:924px;
	min-height:400px;
}

#thumb-box {
	margin:0;
	width:180px;
	min-height:300px;
	float:left;
}
body#hello.who #thumb-box {
	background: #FFF;
	height:400px;
}

#display-box {
	margin:0 0 20px 186px;
	min-height:440px;
	width:740px;
}

#display-box img {
/*	width:738px; */
	max-width:738px;
}

div.thumb {
	margin:0 8px 8px 0;
	padding:0;
	width:80px;
	height:80px;
	border:1px solid #EBEBEB;
	background:#EBEBEB url('/img/off.gif');
	float:left;
}

/* 
-------------------------------
	LIGHT WINDOW > WORK
-------------------------------
*/

#display-box ul {
	position:relative;
	list-style-type:none;
	margin:0;
	padding:0;
	width:738px; 
	height:440px;
	float:left;
	overflow:hidden;
}

#display-box ul li {
	position:absolute;
	top:0; 
	margin:0; 
	padding:0;
	overflow:hidden;
}

#display-box ul li, #display-box ul a {
	display:block;
	margin:0;
	width:738px;
	height:880px; 
}

#display-box ul a:hover {
	margin-top:-440px;
}


/* 
-------------------------------
	HELLO PAGE
-------------------------------
*/

body#hello #content-box {
	width:924px;
}
body#hello.home #content-box {
	background:url('/img/studio/who-b.gif') no-repeat top right;	
}
body#hello #more-box {
	float:right;
	width:738px;
	text-indent: -5000px;
	overflow:hidden;	
	z-index:5;
}
body#hello.home #more-box {
	background:#FFF url('/img/studio/who-a.gif') no-repeat top right;	
	height:330px;
}

/*
	WHO
*/	
#content-box.team {
	background:#FFF url('/img/studio/wp-who-b.gif') no-repeat top right;
	width:924px;
	height:600px;
}
#content-box.team #more-box {
	background:#FFF url('/img/studio/wp-who-a.gif') no-repeat top right;
	height:600px;
}

body#hello #person2 {
	position:absolute;
	top:0;
	left:-60px;
	width:260px;
	height:500px;
	z-index:2;
}
body#hello #person1 {
	margin:0;
	width:260px;
	height:500px;
	z-index:1;
}

body#hello.home #more-box,
body#hello.who #more-box {
	height:500px;	
}	
body#hello.home #more-box.whoweare2 {
	background:#FFF url('/img/studio/who-a.gif') no-repeat top right;
	height:600px;
}

/*
	WHAT
*/
#content-box.whatwedo {
	background:url('/img/studio/what-b.gif') no-repeat top right;
}
#content-box.whatwedo-slide {
	height:729px;
	background:url('/img/studio/team.jpg') no-repeat top right;
}
#more-box.whatwedo2 {
	height:390px;
	background:#FFF url('/img/studio/what-a.gif') no-repeat top right;
}

/*
	SELMAN
*/
body#hello #content-box.selman {
	height:550px;
}

body#hello.who #content-box.selman {
	background:#FFF url('/img/studio/james_bio_2.gif') no-repeat top right;
}
body#hello.who #more-box.selman2 {
	height:580px;
	background:#FFF url('/img/studio/james_bio_1.gif') no-repeat top right;
}

body#hello #content-box.selman #person2 {
	width:210px;
	height:494px;
	background:#FFF url('/img/studio/selman1.jpg') no-repeat 0 0;
}
body#hello #content-box.selman #person1 {
	width:210px;
	height:494px;
	background:#FFF url('/img/studio/selman2.jpg') no-repeat 0 0;
}




/*
	stein
*/
body#hello #content-box.stein {
	height:450px;
}
body#hello #content-box.stein #person2 {
	left:-80px;	
	background:#FFF url('/img/studio/stein1.jpg') no-repeat 0 -60px;
}
body#hello #content-box.stein #person1 {
	background:#FFF url('/img/studio/stein2.jpg') no-repeat 0 -60px;
}
body#hello.who #content-box.stein {
	background:#FFF url('/img/studio/stein_bio_2.gif') no-repeat top right;
}                                                             
body#hello.who #more-box.stein2 {                           
	height:480px;
	background:#FFF url('/img/studio/stein_bio_1.gif') no-repeat top right;
}



/*
	carroll
*/
body#hello #content-box.carroll #person2 {
	left:-80px;	
	background:#FFF url('/img/studio/carroll2.jpg') no-repeat 0 -45px;
}
body#hello #content-box.carroll #person1 {
	background:#FFF url('/img/studio/carroll1.jpg') no-repeat 0 -45px;
}
body#hello.who #content-box.carroll {
	background:#FFF url('/img/studio/Kim_bio_2.gif') no-repeat top right;
}                                                              
body#hello.who #more-box.carroll2 {                           
	height:400px;
	background:#FFF url('/img/studio/Kim_bio_1.gif') no-repeat top right;
}
/* 
-------------------------------
	FOOTER STUFF
-------------------------------
*/
	
a#location {
	position:absolute;
	top:0; 
	left:0;
	width:545px;
	height:45px;
}	

a#holla {
	position:absolute;
	top:0; 
	left:550px;
	width:260px;
	height:45px;
}