/*
    Description: SSE Style Sheet
    Version: 1.0
    Author: Rommel Castillo
	Date: March 1, 2010
*/


/* global style ------------------------------------------------------*/


html,body {
	margin:0px;
	padding:0px;
	background:#F8F7E6;
}

.dummy {
	clear:both;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	margin:0px 0px 14px 0px;
	padding:0px;	
}

b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	color:#930;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#930;
	font-weight:700;
	font-style:italic;
	margin:0px 0px 10px 0px;

}


h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:700;
	color:#930;
	font-style:italic;
	margin:0px;
	padding:0px;
}

h4 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:18px;
		color:#09F;
		margin:10px 0px 10px 0px;
		padding:0px;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:700;
	color:#06F;
	margin-bottom:10px;
	padding:0px;
}

hr {
	background-color:#999966;
	height:4px;
	border:0px;
}


/* main container ----------------------------------------------------*/

#main_container {
	width:996px;
	height:auto;
	margin:0px auto;
}

/* header ------------------------------------------------------------*/

#header_container {
	width:996px;
	height:118px;
	background:url(../images/header_bg.png) no-repeat;
}

#header_container2 {
	width:996px;
	height:118px;
	background:url(../images/header_bg2.png) no-repeat;
}

	#header_left {
		width:700px;
		height:auto;
		float:left;
	}
	
		#nav_container {
			width:700px;
			height:auto;
			font-family:Verdana, Geneva, sans-serif;
			font-size:11px;
			color:#333;
			padding-top:98px;
		}
		
				#nav_container ul {
					margin:0px;
					padding:0px;
				}
				
				#nav_container li {
					list-style-type:none;
					display:inline;
					margin-right:9px;
				}
				
					#nav_container a, #nav_container a:link, #nav_container a:visited {
						text-decoration:none;
						color:#333;
					}
					
					#nav_container a:hover {
						color:#900;
						text-decoration:underline;
					}
					
					#nav_container a:active {
						color:#333;
						text-decoration:none;
					}
					
					
		#nav_container2 {
			width:996px;
			height:auto;
			font-family:Verdana, Geneva, sans-serif;
			font-size:11px;
			color:#FFF;
			padding-top:98px;
		}
		
				#nav_container2 ul {
					margin:0px;
					padding:0px;
				}
				
				#nav_container2 li {
					list-style-type:none;
					display:inline;
					margin-right:24px;
					margin-left:32px;
				}
				
					#nav_container2 a, #nav_container2 a:link, #nav_container2 a:visited {
						text-decoration:none;
						color:#FFF;
					}
					
					#nav_container2 a:hover {
						color:#FFF;
						text-decoration:underline;
					}
					
					#nav_container2 a:active {
						color:#FFF;
						text-decoration:none;
					}			
					
					
					
					
	#header_right {
		width:286px;
		height:auto;
		float:right;
	}
	
		#estimate_request {
			width:286px;
			height:auto;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
                     font-weight:700;
			padding-top:16px;
		}
		
					#estimate_request a, #estimate_request a:link, #estimate_request a:visited {
						text-decoration:underline;
						color:#000;
					}
					
					#estimate_request a:hover {
						color:#900;
						text-decoration:underline;
					}
					
					#estimate_request a:active {
						color:#000;
						text-decoration:underline;
					}
					
		#text_fields_container {
			width:260px;
			height:auto;
			padding-top:13px;
			margin:0px auto;
		}
		
			.text_field_right {
				width:120px;
				height:auto;
				float:right;
			}
			
			/*.text_field_left {
				width:120px;
				height:auto;
				float:left;
			}*/
			
			   .text_field_left {
				width:260px;
				height:auto;
				float:left;
				text-align:left;
			}
			
				.text_field {
					width:120px;
					font-size:11px;
					margin-top:3px;
					padding:0px;
					
				}
			
				.text_option {
					width:120px;
					font-size:11px;
					margin-top:3px;
					padding:0px;
					
				}
				
				.submit_btn {
					width:80px;
					height:22px;
					text-align:center;
				}



/* flash banner ------------------------------------------------------*/

#flash_banner {
	width:982px;
	height:465px;
	background:url(../images/flash_bg.png) no-repeat;
	padding-left:14px;
	padding-top:12px;
}



/* content container -------------------------------------------------*/

#content_container {
	width:996px;
	height:auto;
	background:url(../images/middle_bg.png) repeat-y;
	padding-bottom:40px;
}

#top_bg {
	width:996px;
	height:3px;
	background:url(../images/top_bg.png) no-repeat;
}

#bottom_bg {
	width:996px;
	height:7px;
	background:url(../images/bottom_bg.png) no-repeat;
}

#content_wrapper {
	width:951px;
	height:auto;
	margin:0px auto;
	padding:0px 20px 0px 20px;
}

#content_container_left {
	width:274px;
	height:auto;
	float:left;
}

#content_container_right {
	width:644px;
	height:auto;
	float:right;
}

#content_container_menu_left {
	width:300px;
	height:auto;
	margin-bottom:20px;
	margin-top:20px;
	float:left;
	padding-left:26px;
	padding-right:26px;
	border-left:#CCC dashed 1px;
	border-right:#CCC dashed 1px;
}

#content_container_menu_right {
	width:260px;
	height:auto;
	margin-top:20px;
	float:right;
}


		#content_container_menu_right a, #content_container_menu_right a:link, #content_container_menu_right a:visited {
			font-weight:700;
			text-decoration:underline;
			color:#900;
		}
		
		#content_container_menu_right a:hover {
			font-weight:700px;
			text-decoration:underline;
			color:#06C;
		}
		
		#content_container_menu_right a:active {
			font-weight:700;
			text-decoration:none;
			color:#900;
		}


#content_container_menu_right p {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		color:#666;
		line-height:22px;
		text-align:left;
	}
#content_container_menu_right td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#900;
}

#more_menu {
	width:auto;
	height:auto;
	text-align:right;
}

	#content_container_menu_left p {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:14px;
		color:#666;
		line-height:22px;
	}
	
		#content_container_menu_left a, #content_container_menu_left a:link, #content_container_menu_left a:visited {
			font-weight:700;
			text-decoration:underline;
			color:#900;
		}
		
		#content_container_menu_left a:hover {
			font-weight:700px;
			text-decoration:underline;
			color:#06C;
		}
		
		#content_container_menu_left a:active {
			font-weight:700;
			text-decoration:none;
			color:#900;
		}


#content {
	width:644px;
	height:auto;
	padding-bottom:0px;
	line-height:20px;
	text-align:justify;
	padding-top:15px;
}

#content2 {
	width:644px;
	height:auto;
	padding-bottom:60px;
	line-height:20px;
	text-align:justify;
	padding-top:15px;
	background:url(../images/thumb.jpg) no-repeat top right;
}


#content p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666;
	line-height:22px;
}

#content b {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#900;
}

#content2 b {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#900;
}


		#content a, #content a:link, #content a:visited {
			font-weight:700;
			text-decoration:none;
			color:#09F;
		}
		
		#content a:hover {
			font-weight:700px;
			text-decoration:underline;
			color:#09F;
		}
		
		#content a:active {
			font-weight:700;
			text-decoration:none;
			color:#09F;
		}

		#content2 a, #content2 a:link, #content2 a:visited {
			font-weight:700;
			text-decoration:none;
			color:#09F;
		}
		
		#content2 a:hover {
			font-weight:700px;
			text-decoration:underline;
			color:#993300;
		}
		
		#content2 a:active {
			font-weight:700;
			text-decoration:none;
			color:#09F;
		}


		#content ul {
			list-style-image:url(../images/bullet.jpg);
			margin:0px;
			padding:0px 0px 0px 70px;
		}
		
		#content  li {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:14px;
			font-weight:700;
			color:#333;
			font-style:italic;
			
		}

		#content2 ul {
			list-style-image:url(../images/bullet.jpg);
			margin:0px;
			padding:0px 0px 20px 70px;
		}
		
		#content2  li {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:14px;
			font-weight:700;
			color:#333;
			font-style:italic;
			
		}

			

/* menu navigation ---------------------------------------------------*/

#menu_nav_container {
	width:941px;
	height:23px;
	background-color:#900;
	margin-top:20px;
	padding-left:10px;
}

	#menu_nav_content {
		width:941px;
		height:auto;
		margin:0px auto;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#CCC;
		font-size:11px;
		font-weight:bold;
	}
	
.ddsmoothmenu{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
background:#900; /*background of menu bar (default state)*/
width:951px;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
line-height:23px;
font-weight:bold;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background:#900; /*background of menu items (default state)*/
color: white;
padding-right:16px;
padding-left:16px;
margin-right:10px;
width:auto;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;

}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color:#FFF;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color:#FFCC00;
width:auto;
}

.ddsmoothmenu ul li a:hover{
color:#FFCC00;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: bold 10px Verdana;
width: 160px; /*width of sub menus*/
padding: 6px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}	


/* ads ---------------------------------------------------------------*/

#ads_container {
	width:274px;
	height:auto;
	margin-bottom:20px;
	margin-top:20px;
}

	#ads_container p {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:14px;
		color:#666;
		line-height:22px;
	}

#ads_tel {
	width:274px;
	height:auto;
	margin-top:40px;
	border-top:dashed 1px #999;
}

#ads_tel b {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#930;
}

	#ads_tel h4 {
		font-family:"Times New Roman", Times, serif;
		font-size:16px;
		color:#09F;
		margin:10px 0px 0px 0px;
		padding:0px;
	}
	

#ads_container_links {
	width:274px;
	height:auto;
	margin-bottom:20px;
	margin-top:30px;
	border-top:dashed 1px #999;
	padding-top:20px;
}

		#ads_container_links ul {
			list-style-image:url(../images/bullet.jpg);
			margin:0px;
			padding:0px 0px 0px 30px;
		}
		
		#ads_container_links  li {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:12px;
			font-weight:700;
			color:#333;
			font-style:italic;
			margin-top:10px;
			
		}
		
					#ads_container_links a, #ads_container_links a:link, #ads_container_links a:visited {
						text-decoration:none;
						color:#333;
					}
					
					#ads_container_links a:hover {
						text-decoration:underline;
						color:#09F;
					}
					
					#ads_container_links a:active {
						text-decoration:none;
						color:#333;
					}


/* headings ----------------------------------------------------------*/

#wedding_hd {
	width:951px;
	height:50px;
	background:url(../images/wedding_hd.jpg) no-repeat;
}

#catering_hd {
	width:951px;
	height:50px;
	background:url(../images/catering_hd.jpg) no-repeat;
}

#gallery_hd {
	width:951px;
	height:50px;
	background:url(../images/gallery_hd.jpg) no-repeat;
}

#corporate_hd {
	width:951px;
	height:50px;
	background:url(../images/corporate_hd.jpg) no-repeat;
}

#testimonials_hd {
	width:951px;
	height:50px;
	background:url(../images/testimonials_hd.jpg) no-repeat;
}

#blog_hd {
	width:951px;
	height:50px;
	background:url(../images/blog_hd.jpg) no-repeat;
}

#contact_hd {
	width:951px;
	height:50px;
	background:url(../images/contact_hd.jpg) no-repeat;
}

#links_hd {
	width:951px;
	height:50px;
	background:url(../images/links_hd.jpg) no-repeat;
}

#malibu_hd {
	width:951px;
	height:50px;
	background:url(../images/malibu_hd.jpg) no-repeat;
}




/* quote page --------------------------------------------------------*/

#content_container_right_quotes {
	width:644px;
	height:auto;
	float:right;
	margin-top:20px;
	background:url(../images/quotes_bg.jpg) no-repeat;
	padding-top:90px;
}

#text_field_qoutes_left {
	width:280px;
	height:auto;
	float:left;
	margin-left:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	border-right: #999 dashed 1px;
}

#text_field_qoutes_right {
	width:320px;
	height:auto;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

#text_field_qoutes_contact {
	width:340px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	float:right
}

#text_field_qoutes_contact img {
	margin-left:5px;
	padding:0px;
}

#text_field_qoutes_right img {
	margin-left:5px;
	padding:0px;
}

.text_field_qoutes {
	width:180px;
}

.text_menu_qoutes {
	width:184px;
}

.text_area_qoutes {
	width:249px;
	height:100px;
}

	#text_field_qoutes_left p {
		margin:0px;
		padding:10px 0px 0px 0px;
	}


/* footer ------------------------------------------------------------*/

#footer_container {
	width:996px;
	height:auto;
}

	#footer_content {
		width:996px;
		height:auto;
	}
	
	#footer_content p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#666;
		margin:0px;
		padding:0px;
	}
		
			#footer_links {
				width:996px;
				height:auto;
				font-family:Verdana, Geneva, sans-serif;
				font-size:11px;
				color:#006699;
				text-align:center;
				margin-top:6px;
				font-weight:700;
			}
			
					#footer_links ul {
					margin:0px;
					padding:0px;
				}
				
					#footer_links li {
					list-style-type:none;
					display:inline;
					margin-right:26px;
				}
				
						#footer_links a, #footer_links a:link, #footer_links a:visited {
							text-decoration:none;
							color:#006699;
						}
						
						#footer_links a:hover {
							color:#900;
							text-decoration:underline;
						}
						
						#footer_links a:active {
							color:#006699;
							text-decoration:none;
						}
						
	.footer_line {
		width:996px;
		height:4px;
		background:#C4C385;
		margin-top:7px;
		margin-bottom:5px;
	}
	
	.footer_desc {
		width:996px;
		height:auto;
		text-align:center;
margin-bottom:5px;
	}
	
	.footer_logo {
		width:996px;
		height:40px;
		text-align:center;
	}
	
	.footer_copy {
		width:996px;
		height:auto;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#999;
		padding-bottom:10px;
	}


						.footer_copy a, .footer_copy a:link, .footer_copy a:visited {
							text-decoration:none;
							color:#0099FF;
						}
						
						.footer_copy a:hover {
							color:#990000;
							text-decoration:underline;
						}
						
						.footer_copy a:active {
							color:#0099FF;
							text-decoration:none;
						}