@import "common.css"; /* common styles across "levels" */

#header	{
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

#main	{
	clear: both;
}

#main .sectionPortfolio	{
	background: url(../img/bg_portfolio_l2.gif) repeat-y;
}

	#main td	{
		margin: 0;
		padding: 0;
		vertical-align: top;
	}

	#main #left	{
		width: 157px;
		margin: 0;
		padding: 0;
	}

		#main #left .content	{
			margin: 0;
			padding: 25px 10px 5px 10px;
			font-size: .85em;
			color: #ffffff;
		}

			#main #left .content p	{
				margin: 0;
				padding: 3px 0;
			}

	#main #mid	{
		width: 461px;
		margin: 0;
		padding: 0;
	}

		#main #mid .portfolioImage	{
			border-left: 2px solid #fff;
			clear: both;
			text-align: center;
		}

		#main #mid .portfolioSection	{
			border-left: 2px solid #fff;
			clear: both;
			text-align: center;
		}

			#main #mid .portfolioSection img	{
				border:2px solid #fff;
			}

			#main #mid .portfolioSection h2	{
				text-align: left;
				padding:10px 5px 5px 5px;
				margin:0;
				font-size: 1.2em;
			}

			#main #mid .portfolioSection p	{
				text-align: left;
				padding:0 5px 5px 5px;
				margin:0;
			}

			#main #mid .portfolioSection p.small	{
				font-size: .85em;
			}

			#main #mid .portfolioSection div.event	{
				text-align: center;
				padding:10px 0;
				margin:0 4px;
				width:105px;
				height: 150px;
				display:inline;
				float:left;
			}

			#main #mid .portfolioSection ul	{
				text-align: left;
				padding:10px 0;
				margin:0 0 0 25px;
				list-style-type:none;
			}

			#main #mid .portfolioSection ul li	{
				padding:1px 0;
			}

		#main #mid .content	{
			margin: 0;
			padding: 15px 13px 5px 13px;
		}

		#main #mid .content h1	{
			margin: 10px 0 2px 0;
			padding: 0;
			color: #990000;
			font-size: 1.2em;
		}

		#main #mid .content p	{
			margin: 0;
			padding: 0 0 10px 0;
		}

	#main #right	{
		width: 152px;
		margin: 0;
		padding: 0;
	}

		#main #right .content	{
			margin: 0;
			padding: 15px 13px 5px 13px;
			color: #333;
			font-size: .85em;
		}

		#main #right .content p	{
			margin: 0;
			padding: 7px 0 0 0;
		}



/* page title styles */

#titlePortfolioBusiness h1 {text-indent: -9999px;background: transparent url(../img/title_portfolio_businessevents.gif) no-repeat;width:461px;height:62px;margin:0;padding:0;}
#titlePortfolioEntertainment h1 {text-indent: -9999px;background: transparent url(../img/title_portfolio_entertainment.gif) no-repeat;width:461px;height:62px;margin:0;padding:0;}
#titlePortfolioRecent h1 {text-indent: -9999px;background: transparent url(../img/title_portfolio_recentevents.gif) no-repeat;width:461px;height:62px;margin:0;padding:0;}
#titlePortfolioSeasonal h1 {text-indent: -9999px;background: transparent url(../img/title_portfolio_seasonalevents.gif) no-repeat;width:461px;height:62px;margin:0;padding:0;}
#titlePortfolioFeatured h1 {text-indent: -9999px;background: transparent url(../img/title_portfolio_featuredevent.gif) no-repeat;width:461px;height:62px;margin:0;padding:0;}
#titlePortfolioTheme h1 {text-indent: -9999px;background: transparent url(../img/title_portfolio_themeevents.gif) no-repeat;width:461px;height:62px;margin:0;padding:0;}


/* Main navigation area - sublevel pages 
------------------------------------------*/
#mainnavSub {
	clear: both;
	position:relative;
	top: 0px;
	left: 0px;
}
#navlist {
	height: 60px; width:609px;
	background: url(../img/nav_sub.jpg) no-repeat;
	margin:0; padding:0;
	position:relative;
}
#navlist li {
	position: absolute;
	margin: 0; padding: 0;
	list-style: none;
	top: 0;
}
#navlist a {
	height: 60px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0;
}
	
#navAbout	{left: 4px; width: 61px;}
#navWhy	{left: 69px; width: 66px;}
#navServices	{left: 139px; width: 74px;}
#navPortfolio	{left: 217px; width: 82px;}
#navPartyhats	{left: 303px; width: 87px;}
#navContact	{left: 394px; width: 71px;}
#navNews	{left: 469px; width: 54px;}
#navRFQ	{left: 527px; width: 78px;}


#mainnavSub ul.about #navAbout a {background:  url(../img/nav_sub.jpg) -4px -60px no-repeat;}
#mainnavSub ul.why #navWhy a {background:  url(../img/nav_sub.jpg) -69px -60px no-repeat;}
#mainnavSub ul.services #navServices a {background:  url(../img/nav_sub.jpg) -139px -60px no-repeat;}
#mainnavSub ul.portfolio #navPortfolio a {background:  url(../img/nav_sub.jpg) -217px -60px no-repeat;}
#mainnavSub ul.partyhats #navPartyhats a {background:  url(../img/nav_sub.jpg) -303px -60px no-repeat;}
#mainnavSub ul.contact #navContact a {background:  url(../img/nav_sub.jpg) -394px -60px no-repeat;}
#mainnavSub ul.news #navNews a {background:  url(../img/nav_sub.jpg) -469px -60px no-repeat;}
#mainnavSub ul.requestquote #navRFQ a {background:  url(../img/nav_sub.jpg) -527px -60px no-repeat;}

#navAbout a:hover, #navAbout a:active {background:  url(../img/nav_sub.jpg) -4px -60px no-repeat;}
#navWhy a:hover, #navWhy a:active {background:  url(../img/nav_sub.jpg) -69px -60px no-repeat;}
#navServices a:hover, #navServices a:active {background:  url(../img/nav_sub.jpg) -139px -60px no-repeat;}
#navPortfolio a:hover, #navPortfolio a:active {background:  url(../img/nav_sub.jpg) -217px -60px no-repeat;}
#navPartyhats a:hover, #navPartyhats a:active {background:  url(../img/nav_sub.jpg) -303px -60px no-repeat;}
#navContact a:hover, #navContact a:active {background:  url(../img/nav_sub.jpg) -394px -60px no-repeat;}
#navNews a:hover, #navNews a:active {background:  url(../img/nav_sub.jpg) -469px -60px no-repeat;}
#navRFQ a:hover, #navRFQ a:active {background:  url(../img/nav_sub.jpg) -527px -60px no-repeat;}

/* end nav styles */

/* Main subnavigation area - sublevel pages 
------------------------------------------*/
#subnav {
	clear: both;
	position:relative;
	top: 0px;
	left: 0px;
}
#subnavlistPortfolio {
	height: 310px; width:157px;
	background: url(../img/subnav_portfolio.jpg) no-repeat;
	margin:0; padding:0;
	position:relative;
}

#subnav li {
	position: absolute;
	margin: 0; padding: 0;
	list-style: none;
}
#subnav a {
	height: 62px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0;
}

#subnavPortfolioFeatured	{left: 0px; width: 157px;top:0px;}
#subnavPortfolioTheme	{left: 0px; width: 157px;top:62px;}
#subnavPortfolioSeasonal	{left: 0px; width: 157px;top:124px;}
#subnavPortfolioBusiness	{left: 0px; width: 157px;top:186px;}
#subnavPortfolioEntertainment	{left: 0px; width: 157px;top:248px;}

#subnav ul.portfolioFeatured #subnavPortfolioFeatured a {background:  url(../img/subnav_portfolio.jpg) -157px 0px no-repeat;}
#subnav ul.portfolioTheme #subnavPortfolioTheme a {background:  url(../img/subnav_portfolio.jpg) -157px -62px no-repeat;}
#subnav ul.portfolioSeasonal #subnavPortfolioSeasonal a {background:  url(../img/subnav_portfolio.jpg) -157px -124px no-repeat;}
#subnav ul.portfolioBusiness #subnavPortfolioBusiness a {background:  url(../img/subnav_portfolio.jpg) -157px -186px no-repeat;}
#subnav ul.portfolioEntertainment #subnavPortfolioEntertainment a {background:  url(../img/subnav_portfolio.jpg) -157px -248px no-repeat;}

#subnavPortfolioFeatured a:hover, #subnavPortfolioFeatured a.active {background:  url(../img/subnav_portfolio.jpg) -157px 0px no-repeat;}
#subnavPortfolioTheme a:hover, #subnavPortfolioTheme a.active {background:  url(../img/subnav_portfolio.jpg) -157px -62px no-repeat;}
#subnavPortfolioSeasonal a:hover, #subnavPortfolioSeasonal a.active {background:  url(../img/subnav_portfolio.jpg) -157px -124px no-repeat;}
#subnavPortfolioBusiness a:hover, #subnavPortfolioBusiness a.active {background:  url(../img/subnav_portfolio.jpg) -157px -186px no-repeat;}
#subnavPortfolioEntertainment a:hover, #subnavPortfolioEntertainment a.active {background:  url(../img/subnav_portfolio.jpg) -157px -248px no-repeat;}

/* end nav styles */