/* Cascading Style Sheet - www.z-2.org */
/* $Id: portfolio_full.css,v 1.2 2007/06/20 18:25:42 pete Exp pete $ */

/* portfolio h2 small */

#textcontainer h2.portfoliosm {
	width: 100px;
	height: 23px;
	background-image: url("images/h2portfoliosm.gif");
	background-repeat: no-repeat;
	margin: 10px 0 0 32px;
	padding: 0;
	font-size: 23px;
	color: #eee;
}


/* portfolio sub-sections h3 */

#textcontainer h3 {
	width: 460px;
	height: 46px;
	margin: 0 0 0 32px;
	padding: 0;
	font-size: 23px;
	color: #eee;
	background-repeat: no-repeat;
}

#textcontainer h3.brands {
	background-image: url("images/h3brands.gif");
}

#textcontainer h3.pr {
	background-image: url("images/h3pr.gif");
}

#textcontainer h3.print {
	background-image: url("images/h3print.gif");
}

#textcontainer h3.web {
	background-image: url("images/h3web.gif");
}

#textcontainer h3.photography {
	background-image: url("images/h3photography.gif");
}

#textcontainer h3.tv {
	background-image: url("images/h3tv.gif");
}

#textcontainer h3.video {
	background-image: url("images/h3video.gif");
}

#textcontainer h3.radio {
	background-image: url("images/h3radio.gif");
}

#textcontainer h3.mediabuying {
	background-image: url("images/h3mediabuying.gif");
}

#textcontainer h3.marketresearch {
	background-image: url("images/h3marketresearch.gif");
}

#textcontainer h3.brandid {
	background-image: url("images/h3brandid.gif");
}



/* portfolio 3rd level */

#nav3portfolio ul {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

#nav3portfolio ul li {
	display: inline;
	height: 14px;
	margin: 0 1px 0 0;
	padding: 0;
	font-size: 8pt;
	color: #666;
}

#nav3portfolio a:link,
#nav3portfolio a:visited, 
#nav3portfolio a:active, 
#nav3portfolio a:hover {
	color: #aaa;
	text-decoration: none;
	margin-right: 5px;
}

#nav3portfolio a:hover {
	color: #fff;
}

body#portfoliocloseup a:link,
body#portfoliocloseup a:visited, 
body#portfoliocloseup a:active, 
body#portfoliocloseup a:hover {
	color: #999;	
	text-decoration: none;
}

body#portfoliocloseup a:hover {
	color: #ddd;	
	text-decoration: none;
}



/* ******************************************************************************* */
/* portfolio stuff */

body#portfoliocloseup {
	text-align: center;
	width: 100%;
	min-height: 100%;
	height: auto;
	_height: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	color: #fff;
	background-color: #000;
	background-image: none; /* flash does not like to sit on bgnd images */
}

body#portfoliocloseup div#header {
	text-align: center;
	margin: 25px auto 10px auto;
}

#portfoliocloseup.radio div#flashcontent {
	margin-top: 240px;
	padding-bottom: 20px;
}

body#portfoliocloseup div.case {
	width: 520px;
	/* height: 380px;  should we set this? */
	margin: 0 auto 0 auto;
	/* border: 1px #f00 dotted; /* DEBUG */
}

body#portfoliocloseup div.vertimage {
	width: 250px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}

body#portfoliocloseup div.vertcopy {
	text-align: left;
	width: 250px;
	margin: 0 0 0 10px;
	padding: 0;
	float: right;
}

body#portfoliocloseup div.vertimagepr {
	width: 320px;
	height: 380px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}

body#portfoliocloseup div.vertcopypr {
	text-align: left;
	width: 180px;
	margin: 0 0 0 10px;
	padding: 0;
	overflow: auto;
	float: right;
}

body#portfoliocloseup div#navholder {
	text-align: center;
	margin: 140px auto 0 auto;
	padding: 0;
	width: 520px;
}

body#portfoliocloseup div#navholder.small {
	margin: 10px auto 0 auto;
	width: 320px;
}

body#portfoliocloseup div.navprev {
	float: left;
}

body#portfoliocloseup div.description {
	text-align: center;
	margin: 12px auto 0 auto;
	padding: 0;
}

body#portfoliocloseup div.description p.left {
	margin: 0 10px 10px 10px;
	padding: 0;
	text-align: left;
}

body#portfoliocloseup div.navnext {
	float: right;
}

div#flashcontent {
	margin: 2px 0 15px 0;
	z-index: 150;
}

div#flashcontent embed#flashcontent {
	z-index: 250;
}

div#flashcontent #audioplayer {
	z-index: 200;
}

div#flashcontent p {
	text-align: left;
	color: #fff;
	background-color: #000;
	margin: 20px 150px;
	padding: 0;
}



/* ******************************************************************************* */
/* portfolio heads */

#portfoliocloseup h4 {
	text-align: center;
	margin: 0 auto 12px auto;
	padding: 0;
}

#portfoliocloseup.radio h4 {
	width: 450px;
	height: 217px;
	background-repeat: no-repeat;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

#portfoliocloseup.radio h4.wolfpoolsandspas {
	background-image: url("portfolio/radio/images/h4wolfpoolsandspas.jpg");
}

#portfoliocloseup.radio h4.delafieldhotel {
	background-image: url("portfolio/radio/images/h4delafieldhotel.jpg");
}

#portfoliocloseup.radio h4.valuecityfurniture {
	background-image: url("portfolio/radio/images/h4valuecityfurniture.jpg");
}

#portfoliocloseup.radio h4.milwaukeewave {
	background-image: url("portfolio/radio/images/h4milwaukeewave.jpg");
}

#portfoliocloseup.radio h4.holzmotors {
	background-image: url("portfolio/radio/images/h4holzmotors.jpg");
}

#portfoliocloseup.radio h4.hniriskservices {
	background-image: url("portfolio/radio/images/h4hniriskservices.jpg");
}

#portfoliocloseup.radio h4.bloomingtonchophouse {
	background-image: url("portfolio/radio/images/h4bloomingtonchophouse.jpg");
}

#portfoliocloseup.radio h4.masonstreetgrill {
	background-image: url("portfolio/radio/images/h4masonstreetgrill.jpg");
}

#portfoliocloseup.radio h4.platinumhotel {
	background-image: url("portfolio/radio/images/h4platinumhotel.jpg");
}

#portfoliocloseup.radio h4.wellspa {
	background-image: url("portfolio/radio/images/h4wellspa.jpg");
}


/* ******************************************************************************* */
/* portfolio */

#portfoliocloseup #portfolioimage.image {
	width: 520px;
	height: 380px;
	color: #000; /* to hide alt text */
	background: url('images/z2loading.gif');
	background-repeat: no-repeat;
}

#portfoliocloseup #portfolioimage.imageshort {
	width: 520px;
	height: 340px;
	color: #000; /* to hide alt text */
	background: url('images/z2loading.gif');
	background-repeat: no-repeat;
}

#portfoliocloseup #portfolioimage.copy {
	text-align: left;
	margin: 0;
	padding: 0;
	height: 380px;
	overflow: auto;
	color: #fff;
	background-color: #000;
}

#portfoliocloseup #portfolioimage.copy p {
	padding: 8px 20px 0px 20px;
	font-size: 13px;
	line-height: 140%;
}