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

version 1.0
May 24, 2006

Copyright 2006 Product 9 DESIGN
http://www.product9.com
All rights reserved.
********************/

/*********TAGS*********/
body {margin:0; padding:0; background-color:#FFFFFF; 
font-family:Helvetica, Arial, Verdana, sans-serif, Geneva; font-size:100.01%; color:#8A6E26;}
/*background-color:#EEEAE0;
background-color:#EAF0BE;*/

p, td, table, li, ul, ol {margin:0; padding:0; border:0;}
img {border:0;}


/*********LAYOUT*********/
#page_wrapper {width:770px; margin:0 auto 8px auto; background-color:#FFFFFF; 
border:8px solid #FFFFFF; border-top:none;}

	/*------header-------*/
	#header_wrapper {height:90px; background-color:#CCE82E; border-bottom:solid 8px #FFFFFF;}
		#header {}
			#title {margin-left:265px; height:90px; text-align:right;}
				#title img {padding:30px 0 0 0;}
			#logo {float:left; width:265px; height:90px; text-align:center;}
				#logo img {padding:15px 0;}
	

	/*------content-------*/
	#content_wrapper {min-height:375px;}		
	
		/*------sidebar left-------*/
		#content_left {float:left; width:265px;}
			#sidebar {text-align:center; }
		
		/*------sidebar right-------*/
		#content_right {margin-left:265px;}
			#content {border-left:solid 8px #FFFFFF; background-color:#FFFFFF;}
			
/*------ NAVIGATION -------*/
/* ####################### */
	#nav_wrapper {padding:15px 0 0 0;} /*margin:0 0 0 285px;*/
	#nav_wrapper_alt {margin:0 0 0 272px;}
	#nav_wrapper_home {margin:0 0 0 340px;}
		
		/* don't use padding on #nav or will make the li too tall, use margin instead */
		#nav {height:15px; width:400px; padding:0; margin:0 auto;
		position:relative; background:url(/images/global/bfn_nav_c.gif) 0 0 no-repeat; }
			#nav li {list-style:none; position:absolute; top:0; margin:0; padding:0;}
			#nav li, #nav a {height:15px; display:block; text-decoration:none;}
			
			/* li position values */
			#nav_01 {left:0; width:50px;}
			#nav_02 {left:69px; width:57px;}
			#nav_03 {left:144px; width:48px;}
			#nav_04 {left:207px; width:64px;}
			#nav_05 {left:284px; width:45px;}
			
			/* a:hover values*/
			#nav_01 a:hover {background:url(/images/global/bfn_nav_c.gif) 0 -15px no-repeat;}
			#nav_02 a:hover {background:url(/images/global/bfn_nav_c.gif) -69px -15px no-repeat;}
			#nav_03 a:hover {background:url(/images/global/bfn_nav_c.gif) -144px -15px no-repeat;}
			#nav_04 a:hover {background:url(/images/global/bfn_nav_c.gif) -207px -15px no-repeat;}
			#nav_05 a:hover {background:url(/images/global/bfn_nav_c.gif) -284px -15px no-repeat;}
			
			/* current page values */
			#nav_01_on {left:0; width:50px; background:url(/images/global/bfn_nav_c.gif) 0 -15px no-repeat;}
			#nav_02_on {left:69px; width:57px; background:url(/images/global/bfn_nav_c.gif) -69px -15px no-repeat;}
			#nav_03_on {left:144px; width:48px; background:url(/images/global/bfn_nav_c.gif) -144px -15px no-repeat;}
			#nav_04_on {left:207px; width:64px; background:url(/images/global/bfn_nav_c.gif) -207px -15px no-repeat;}
			#nav_05_on {left:284px; width:45px; background:url(/images/global/bfn_nav_c.gif) -284px -15px no-repeat;}

/* ####################### */

	/*------footer-------*/
	#footer_wrapper {clear:both; margin:0 auto 15px auto; width:770px;}
		#footer {}

		
/*********ELEMENTS*********/

.portfolio {background-color:#B14D96;}
.events {background-color:#B14D96;}
.contact {background-color:#B14D96;}
#copyright {font-size:0.62em; padding:0; margin:0;}

/*from 'reviews'*/
	#comments {padding:65px 0; height:50px;}
	.download_now {color:#B7D217; font-size:0.76em; font-weight:bold; text-decoration:none;}
	.comments {font-weight:bold; font-size:1.25em; text-transform:uppercase;}

/*********PAGES*********/
	
		
	/*------2 Services-------*/
	#sidebar_02 {height:375px; background:#FFFFFF url(/images/pages/services/sidebar_services.jpg) no-repeat;}
	#content_02 {height:345px; background:#FFFFFF url(/images/global/content_bkg.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;}
		
		#service_links {text-align:center;}
		#service_links a {color:#B7D217; font-size:1.0em; font-weight:bold; text-decoration:none; padding:10px;}
		#service_links a:hover {text-decoration:underline;}
		#service_links div {padding:20px 0 ;}
		
	/*------3 About Us-------*/
	#sidebar_03 {height:375px; background:#FFFFFF url(/images/pages/about/sidebar_about.jpg) no-repeat;}
	#content_03 {height:345px; background:#FFFFFF url(/images/global/content_bkg.gif) no-repeat center;
	text-align:left; }
		#content_03 h1 {padding:25px 0 3px 0; margin:0; font-size:0.86em; line-height:1.25em; font-weight:normal;}
		#content_03 h2 {color:#B8CD27; padding:30px 0 3px 0; margin:0; font-size:0.86em; line-height:1.25em;}
		#content_03 p {padding:20px 20px 10px 20px; margin:0; font-size:0.86em; line-height:1.25em;}
		
	/*------4 Contact----X---*/
	#sidebar_04 {height:375px; background:#FFFFFF url(/images/pages/contact/sidebar_contact.jpg) no-repeat;}
	#content_04 {height:345px; background:#FFFFFF url(/images/global/content_bkg.gif) no-repeat center;
	text-align:center; }
		#content_04 h1 {padding:15px 0 3px 0; margin:0; font-size:0.86em; line-height:1.25em; font-weight:normal;}
		#content_04 p {padding:0 0 10px 0; margin:0; font-size:0.86em; line-height:1.25em;}
		#content_04 h2 {color:#B8CD27; padding:25px 0 3px 0; margin:0; font-size:0.86em; line-height:1.25em;}
		
	/*------5 Home-----X--*/
	#content_left_05 {float:left; width:330px;}
	#content_right_05 {margin-left:330px;}
	
	#sidebar_05 {height:505px; background:#FFFFFF url(/images/pages/home/sidebar_home.jpg) no-repeat bottom right; 
	text-align:left;}
		#sidebar_05 img {padding:20px 0 5px 25px;}
		#sidebar_05 p {padding:10px 15px 3px 25px; margin:0; font-size:0.74em; line-height:1.55em; text-align:left;}
	#content_05 {height:505px; background:#FFFFFF url(/images/pages/home/content_bkg_home.jpg) no-repeat top right;
	text-align:center; }		

	/*------8 Sitemap-------*/
	#sidebar_08 {height:375px; background:#FFFFFF url(/images/pages/sitemap/sidebar_sitemap.jpg) no-repeat;}
	#content_08 {height:345px; background:#FFFFFF url(/images/global/content_bkg.gif) no-repeat center;
	text-align:left;}
		#content_08 h1 {color:#B8CD27; padding:15px 0 5px 0; margin:0; font-size:0.86em; line-height:1.25em; font-weight:bold;}
		#content_08 h2 {color:#B8CD27; padding:12px 0 3px 0; margin:0; font-size:0.76em; line-height:1.25em;}
		#content_08 p {padding:0 0 3px 10px; margin:0; font-size:0.76em; line-height:1.25em;}
	
	#sitemap_wrapper {padding:0 0 0 20px; height:auto;}	
	#sitemap_left {float:left; width:225px;}
	#sitemap_right {margin-left:250px;}

/*********LINKS*********/
a {color:#8A6E26; text-decoration:underline;}
a:visited {}
a:hover {color:#D9BD75;}

			
/**************
IE ONLY HACKS - SHOW ALL IE
**************/


/**************
IE PC - HIDE from mac
**************/
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	
* html #content_left {margin:0 3px 0 0;}
* html #content_right {margin:0 0 0 -3px;}

* html .nav_01 a {padding:15px 0 0 0;}
* html .nav_02 a {padding:15px 0 0 0;}
* html .nav_03 a {padding:15px 0 0 0;}
* html .nav_04 a {padding:15px 0 0 0;}
* html .nav_05 a {padding:15px 0 0 0;}
* html .nav_06 a {padding:15px 0 0 0;}
	
	/* End hide from IE5/mac */

/**************
IE MAC ONLY HACKS - SHOW to mac
(no comments in hack area!)
**************/
	/*\*//*/
	

	
	/**/
	
/* End Mac Only hacks */