body, html{
width:100%;
height:100.1%;
margin:0 auto;
font-size: 9pt; 
font-family: Arial; 
color: #2A3C8C;	 
float: left; 
clear: left;
background: url('../images/bgpattern.jpg') no-repeat top center;

}

/*structure*/
#wrap{
	
	width:100%;
	height:100%;
	margin:0 auto;
	padding-top:30px;
}
	#content{
		height:100%;
		width:800px;
		margin:0 auto;
		padding-top:0 auto;
	}
		#logo{
			height:200px;
			width:800px; /*empty div used as spacer*/
		}

		#header{
			height:60px;
			width:800px;
			margin:0 auto;
			background: url(../images/header.png) no-repeat;
		}
	
			#navbart{
				height:40px;
				width:800px;
				margin: 0 auto;
			}
			#navbarb{
				height:20px;
				width:800px;
				padding-left:14px;/*margin-left on #css dropdown is 6px. (20-6 = 14px)*/
				margin: 0 auto;
			}
			
		#body{
			width:800px;
			text-align:center;
			margin:0 auto;
			background: url(../images/bodybg.png) repeat-y;
		}
		
			#bodyleft{
				width:450px;
				margin-left:20px;
				text-align:left;
				margin-right:330px;
			}
			
			#bodyleftok{
				width:800px;
				height:450px;
				margin-left:20px;
				text-align:left;
				background: url(../images/pages/indexr.png) no-repeat top right;
			}
			#bodymenu{
				width:800px;
				height:570px;
				margin:0 auto;
				background: url(../images/bodybg.png) repeat-y;
			}
				
			#bodyright{
				width:100%;
				text-align:right;
				margin-right:20px;
				background: url(../images/pages/indexr.png) no-repeat top right;
			}
			#contactright{
				width:100%;
				text-align:right;
				background: url(../images/pages/contactr.png) no-repeat top right;
			}
			
			#corporateright{
				width:100%;
				text-align:right;
				background: url(../images/pages/corporater.png) no-repeat top right;
			}
			
			#gallerybody{
				width:800px;
				text-align:center;
				margin:0 auto;
				background: url(../images/bodybg.png) repeat-y;
			}
			
			#gallery{
				width:800px;
				padding-left:20px;
				margin-left:0px;
				text-align:left;
				margin-right:0px;
			}
			
			#flash{
				width:674px;
			}
			
			#weddingsright{
				width:100%;
				text-align:right;
				background: url(../images/pages/weddingscr.png) no-repeat top right;
			}
			
			#weddingssright{
				width:100%;
				text-align:right;
				background: url(../images/pages/weddingssr.png) no-repeat top right;
			}
			
			#weddingfsright{
				width:100%;
				text-align:right;
				background: url(../images/pages/weddingfsr.png) no-repeat top right;
			}
			
			#peopleright{
				width:100%;
				text-align:right;
				background: url(../images/pages/people.png) no-repeat top right;
			}
			
			#funeralright{
				width:100%;
				text-align:right;
				background: url(../images/pages/funeralcr.png) no-repeat top right;
			}
			
			#corporatecright{
				width:100%;
				text-align:right;
				background: url(../images/pages/corporatecr.png) no-repeat top right;
			}
			
			#dedicationright{
				width:100%;
				text-align:right;
				background: url(../images/pages/dedicationr.png) no-repeat top right;
			}
			
			#privatecright{
				width:100%;
				text-align:right;
				background: url(../images/pages/privatecr.png) no-repeat top right;
			}
			
			#wholesalecright{
				width:100%;
				text-align:right;
				background: url(../images/pages/wholesalecr.png) no-repeat top right;
			}
			
			#contractcright{
				width:100%;
				text-align:right;
				background: url(../images/pages/contractcr.png) no-repeat top right;
			}
			
			#menusright{
				width:100%;
				text-align:right;
				background: url(../images/pages/menusr.png) no-repeat top right;
			}
			
			#testright{
				width:100%;
				text-align:right;
				background: url(../images/pages/testr.png) no-repeat top right;
			}
			
			#enviroright{
				width:100%;
				text-align:right;
				background: url(../images/pages/enviror.png) no-repeat top right;
			}
			
			#form{
				width:800px;
				text-align:left;
				margin:0 auto;
				padding-left:20px;
				}
		#footer{
			height:60px;
			width:800px;
			text-align:center;
			margin:0 auto;
			position:relative;
			margin-bottom:10px;
			background: url(../images/footer.png) no-repeat center center;
		}
		#whitefooter{
			height:10px;
			width:800px;
			text-align:center;
			margin:0 auto;
		}
/*structure*/

/*navigation*/
#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0 auto;
text-align:bottom;
list-style: none;
font: bold 16px Georgia, serif;
}

#cssdropdown li {
float: left;
z-index:2;
position: relative;
}

#cssdropdown a{
margin-left: 6px;
margin-right: 8px;
text-decoration: none;
color: #ffffff;
}

#cssdropdown a:hover{
text-decoration: underline;
color: #ffffff;
visibility:visible;
}

.subuls{
display: none;
width: 10em;
position: absolute;
top: 1.1em;
left: 0;
z-index:1;
}

.subuls li{
width: 100%;
background: #a42830;
z-index:3;
}

.subuls li a{
text-decoration: none;
color: #ffffff;
}

.subuls li a:hover{
text-decoration: underline;
color: #ffffff;
visibility:visible;
}


#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
visibility:visible;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}

/*page selectors*/
body#home a#homenav, 
body#menus a#menusnav,
body#contact a#contactnav,
body#catering a#cateringnav,
body#weddings a#weddingsnav,
body#people a#peoplenav {
	color: #2A3C8C;
	text-decoration: underline;
}
	
	
/*misc*/
a { 
	outline: none; 
}
a:link { 
	color:#AD2B32; 
}
a:visited { 
	color:#2A3C8C; 
}
a.option {
  color: #ffffff;	
  display: block;
  cursor: pointer;
  text-decoration:underline;
}
a.option:hover {
  text-decoration: none;
  color: #ffffff;
}

/**png fix**/
*, ul, li {
behavior: url(css/iepngfix.htc);
}

/**whatever:hover**/
body {
behavior: url(css/csshover3.htc); 
}

/**ie lovely hacks**/
/* Holly Hack: Hide From IE5/Mac \*
* html img { vertical-align: middle; }
* html input { vertical-align: middle; }
/* Holly Hack: End Hide From IE5/Mac */
* html li { vertical-align: bottom; }


/*styles*/
h1{
	font-size:18px;
	color:#AD2B32;  
}
h2{
	color:#AD2B32;
	font: bold 16px Georgia, serif;
}

h3{
	padding-top:20px;
	color:#AD2B32;
	font: bold 13px Georgia, serif;
}

h4{
	color:#AD2B32;
	font: bold 13px Georgia, serif;
}
/*layout*/
.hide {
position: absolute;
left: -90000px;
}