/* CSS Document */
/********************
Portfolio Styles for Bella-Festa.net
Bella Festa

version 1.0
June 20, 2006

Copyright 2006 Product 9 DESIGN
http://www.product9.com
All rights reserved.
********************/
/*------2 Services-------*/
#sidebar_02 {height:375px; background:#FFFFFF url('../images/pages/reviews/sidebar_reviews.jpg') no-repeat;}
#content_02 {height:345px; background:#FFFFFF url('../images/pages/reviews/content_bkg_reviews.gif') no-repeat center;
text-align:left; }
	#content_02 h1 {padding:25px 0 3px 15px; margin:0; font-size:0.96em; line-height:1.25em; color:#B8CD27; font-weight:bold; letter-spacing:0.1em; }
	#content_02 h2 {padding:30px 0 3px 15px; margin:0; font-size:0.86em; line-height:1.25em; color:#B8CD27; }
	#content_02 p {padding:0 10px 10px 10px; margin:5px; font-size:0.86em; line-height:1.25em;}
		
/*------2a Portfolio-------*/
	#content_02a h1 {padding:25px 0 3px 0; margin:0; font-size:0.86em; line-height:1.25em; font-weight:normal;}
	#content_02a h2 {color:#B8CD27; padding:30px 0 3px 0; margin:0; font-size:0.86em; line-height:1.25em;}
	#content_02a p {padding:0 0 10px 0; margin:0; font-size:0.86em; line-height:1.25em;}
	
	#portfolio_item { text-align:center;}
	
	
	#portfolio_nav {padding:0 0 0 255px;}
		
		/***** portfolio navigation *****/	
		#navp_wrapper {padding:105px 0 0 0; text-align:center;}
		
		/*-- position the ul (don't add padding, use only margin. auto to center) --*/
		#navp {height:120px; width:170px; padding:0; margin:0 auto;
		position:relative; background:url(/images/pages/portfolio/navp.gif) no-repeat;}
			#navp li {margin:0; padding:0; list-style:none; position:absolute; left:0; }
			#navp li, #navp a {height:40px; width:170px; display:block; text-decoration:none;}
			
			/*-- position each li item --*/
			#navp_01 {top:0; width:170px;}
			#navp_02 {top:40px; width:170px;}
			#navp_03 {top:80px; width:170px;}
			
			/*-- position the rollovers --*/
			#navp_01 a:hover, #navp_02 a:hover, #navp_03 a:hover
			{background-image:url(/images/pages/portfolio/navp.gif); background-repeat:no-repeat;}
			#navp_01 a:hover {background-position:-170px 0;}
			#navp_02 a:hover {background-position:-170px -40px;}
			#navp_03 a:hover {background-position:-170px -80px;}
			
			/* current page values */
			#navp_01_on {top:0; width:170px; background:url(/images/pages/portfolio/navp.gif) -340px 0 no-repeat;}
			#navp_02_on {top:40px; width:170px; background:url(/images/pages/portfolio/navp.gif) -340px -40px no-repeat;}
			#navp_03_on {top:80px; width:170px; background:url(/images/pages/portfolio/navp.gif) -340px -80px no-repeat;}
			
			/*--  PORTFOLIO BROWSE --*/
			/*#pbrowse_wrapper {height:27px;}*/
			#portfolio_browse {height:25px; width:50px; float:right; padding:3px 0 0 0;}
			
			/*this goes on the ul*/
			#pbrowse {height:25px; padding:0; margin:0 0; position:relative; width:49px;
			background:url(../images/pages/portfolio/portfolio_nav.gif) no-repeat;}
			
				#pbrowse li {height:25px; margin:0; padding:0; list-style:none; position:absolute; top:0;}
				#pbrowse li, #pbrowse a {height:25px; display:block; 
				background:url(../images/pages/portfolio/portfolio_nav.gif) no-repeat;}
				
				#pbrowse_back {left:0; width:24px;}
				#pbrowse_next {left:24px; width:24px;}
				
				#pbrowse_back a {top:0; background-position:0 0;}
				#pbrowse_next a {top:0; background-position:-24px 0;}
				
				/* position the rollovers */
				#pbrowse_back a:hover {background-position:-0 -25px;}
				#pbrowse_next a:hover {background-position:-24px -25px;}
				
				/* no data value */
				#pbrowse_back_none {background-position:-0 -50px;}
				#pbrowse_next_none {background-position:-24px -50px;}
				
				
				/*
				#pbrowse_01 {left:0; width:80px; padding:5px; background:#006699;}
				#pbrowse_02 {left:100px; width:80px;}
				#pbrowse_03 {left:200px; width:80px;}
				
				#pbrowse_01 a {padding:0;}
				#pbrowse_02 a {padding:0;}
				#pbrowse_03 a {padding:0;}
				
				#pbrowse_01 a:hover {background:#3399CC;}
				#pbrowse_02 a:hover {background:#3399CC;}
				#pbrowse_03 a:hover {background:#3399CC;}
				*/
				
				
		/*------3a Portfolio events-------*/
		#sidebar_02a_a {height:375px; background:#83BAD8;}
		#content_02a_a {height:345px; background:#FFFFFF; text-align:left; line-height:1.25em;}
		#content_02a_a h2 {color:#B8CD27; padding:15px 0 5px 15px; margin:0; font-size:0.86em;}
		#content_02a_a p {padding:3px 0 2px 15px; font-size:0.76em; }
		#content_02a_a ul {margin:3px 0 2px 15px; padding:0 0 0 15px; font-size:0.76em; list-style:square;}
		#content_02a_a li {} 
		
		/*------3b Portfolio weddings-------*/
		#sidebar_02a_b {height:375px; background:#F95463;}
		#content_02a_b {height:345px; background:#FFFFFF; text-align:left; line-height:1.25em;}
		#content_02a_b h2 {color:#B8CD27; padding:15px 0 5px 15px; margin:0; font-size:0.86em;}
		#content_02a_b p {padding:3px 0 2px 15px; font-size:0.76em;}
		#content_02a_b ul {margin:3px 0 2px 15px; padding:0 0 0 15px; font-size:0.76em; list-style:square;}
		#content_02a_b li {}
		
		/*------3c Portfolio parties-------*/
		#sidebar_02a_c {height:375px; background:#B14D96;}
		#content_02a_c {height:345px; background:#FFFFFF; text-align:left; line-height:1.25em;}
		#content_02a_c h2 {color:#B8CD27; padding:15px 0 5px 15px; margin:0; font-size:0.86em; }
		#content_02a_c p {padding:3px 0 2px 15px; font-size:0.76em;}
		#content_02a_c ul {margin:3px 0 2px 15px; padding:0 0 0 15px; font-size:0.76em; list-style:square;}
		#content_02a_c li {}
		
		#goto_port {width:185px; float:right; margin:15px 3px 3px 3px; padding:5px; border:dashed 1px #B8CD27;}
		#goto_port img {text-align:center;}
		#goto_port p {padding:0 0 3px 0; margin:0; line-height:1.15em;}