html, body {
    	height: 100%;
	width:100%;
	background:#f3efbe url("img/bg.gif") top center no-repeat;
}

body{	
	margin:0 auto;
	padding:0;
    	font: 12px arial, verdana, sans-serif;
	color: #eee;
}

html>body{ font-size: small; }

/* ----- GENERAL STYLES ----- */

h1, h2, h3, h4, h5{ color: #198372; margin: 0px }

.hidden { visibility: hidden;}

img{ border:none; }

a { color: #37AC98; font-weight:normal; }
a:visited { font-weight:normal;}
a:hover { color: #6fbcaf; }

#wraphome {
	width: 753px;
	margin: 0 auto;
	background:#00232f;
	}

#wrap {
	width: 753px;
	height: auto;
	margin: 0 auto;
	background:#00232f;
	}

/* ----- HEADER ----- */

#header{
	width: 753px;
	height: 104px;
	background: transparent url("img/header_bg.gif") top center no-repeat;
	}
	
/* ----- GENERAL MENU ----- */

#toplinks { 
	position: absolute;
	top: 12px;
	left: 50%;
	padding: 0;
	margin-left: 14px;
	margin-right: auto;
	z-index:100;
	overflow: none; 
	width:344px;
	height: 17px;
} 

#toplinks ul {
  margin: 0px 0px 0px 0px;
  padding: 0;
}

.hider {
  position: absolute;
  top: -9999px;
  left: -9999px;
	}

#toplinks li { margin: 0; padding: 0; list-style-type: none; display: inline; float: left; background-image: url(img/toplinks.gif); }

#toplinks a {   text-decoration:none !important; display:block; font-size:1px; background-image: url(img/toplinks.gif); overflow: hidden; height:17px; }

#toplinks a span { visibility:hidden; }


#toplinks01, #toplinks01 a {
  background-position: 0px 17px;
  width: 63px;
}

#toplinks01 a:hover, #toplinks01 a.selected {
  background-position: 0px 0px;
}

#toplinks02, #toplinks02 a {
  background-position: -63px 17px;
  width: 89px;
}

#toplinks02 a:hover, #toplinks02 a.selected {
  background-position: -63px 0px;
}

#toplinks03, #toplinks03 a {
  background-position: -152px 17px;
  width: 121px;
}

#toplinks03 a:hover, #toplinks03 a.selected {
  background-position: -152px 0px;
}

#toplinks04, #toplinks04 a {
  background-position: -273px 17px;
  width: 71px;
}

#toplinks04 a:hover, #toplinks04 a.selected {
  background-position: -273px 0px;
}	
	
#logo{
	width: 326px;
	height: 104px;
	margin-left: 16px;
	background: transparent url("img/logo.jpg") top center no-repeat;
	}
	
#logo h1 {
	width: 326px;
	height: 104px;
	margin: 0 auto 0 auto;
	text-indent: -10000px;
	font-size: 9px;
}
#logo h1 a {
	width: 326px; height: 104px; margin: 0px; padding: 0px; display: block; text-decoration: none; 
}	

/* ----- GALLERIES MENU ----- */

#menu { 
	overflow: none; 
	width:753px;
	height: 29px;
	margin: 0 auto;
	background: #016248 url("img/menu_bg.gif") top center no-repeat;
} 

#menu ul {
  margin: 0px 0px 0px 159px;
  padding: 0;
}

.hider {
  position: absolute;
  top: -9999px;
  left: -9999px;
	}

#menu li { margin: 0; padding: 0; list-style-type: none; display: inline; float: left; background-image: url(img/menu.gif); }

#menu a {   text-decoration:none !important; display:block; font-size:1px; background-image: url(img/menu.gif); overflow: hidden; height:29px; }

#menu a span { visibility:hidden; }


#menu01, #menu01 a {
  background-position: 0 0;
  width: 96px;
}

#menu01 a:hover, #menu01 a.selected {
  background-position: 0px 29px;
}

#menu02, #menu02 a {
  background-position: -96px 0;
  width: 77px;
}

#menu02 a:hover, #menu02 a.selected {
  background-position: -96px 29px;
}

#menu03, #menu03 a {
  background-position: -173px 0;
  width: 83px;
}

#menu03 a:hover, #menu03 a.selected {
  background-position: -173px 29px;
}

#menu04, #menu04 a {
  background-position: -256px 0;
  width: 47px;
}

#menu04 a:hover, #menu04 a.selected {
  background-position: -256px 29px;
}

#menu05, #menu05 a {
  background-position: -303px 0;
  width: 51px;
}

#menu05 a:hover, #menu05 a.selected {
  background-position: -303px 29px;
}

#menu06, #menu06 a {
  background-position: -354px 0;
  width: 114px;
}

#menu06 a:hover, #menu06 a.selected {
  background-position: -354px 29px;
}

#menu07, #menu07 a {
  background-position: -468px 0;
  width: 113px;
}

#menu07 a:hover, #menu07 a.selected {
  background-position: -468px 29px;
}

/* ----- WELCOME PHOTO ----- */

#main_photo{
	width: 753px;
	height: 386px;
	}
	
#subphoto h1{
	padding:0;
	margin:0px 0px 0px 0px;
	height:163px;
	width:753px;
	background-color: transparent;
	/* Default image. More defined below */
	background-image: url("img/subphoto.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
}

html>body #subphoto h1{
	width:753px;
}

/* specify new images for different pages Look for different ids on body tag */
#about #subphoto h1{ background-image: url("img/subphoto_about.jpg"); }
#weddings #subphoto h1{ background-image: url("img/subphoto_weddings.jpg"); }
#weddings-p #subphoto h1{ background-image: url("img/subphoto_weddings-p.jpg"); }
#seniors #subphoto h1{ background-image: url("img/subphoto_seniors.jpg"); }
#seniors-p #subphoto h1{ background-image: url("img/subphoto_seniors-p.jpg"); }
#families #subphoto h1{ background-image: url("img/subphoto_families.jpg"); }
#families-p #subphoto h1{ background-image: url("img/subphoto_families.jpg"); }
#kids #subphoto h1{ background-image: url("img/subphoto_kids.jpg"); }
#kids-p #subphoto h1{ background-image: url("img/subphoto_kids.jpg"); }
#pets-p #subphoto h1{ background-image: url("img/subphoto.jpg"); }
#testimonials #subphoto h1{ background-image: url("img/subphoto_testimonials.jpg"); }
#contact #subphoto h1{ background-image: url("img/subphoto_contact.jpg"); }
	
#content{
	width: 753px;
	height: 100%;
	min-height: 515px;
	padding: 0px 0px 20px 0px;
	background: #00232f url("img/content_bg.gif") top left no-repeat;
	}	
	
#text{
	width: 90%;
	margin: 0 auto;
	padding: 20px 10px 20px 10px;
	}	
	
#welcome{
	float: left;
	width: 375px;
	padding: 20px 0px 0px 38px;
	line-height: 14px;
	background: #00232f;
	}
	
#order_online{
	float: right;
	width: 264px;
	margin: 24px 20px 30px 0px;
	padding-left: 25px;
	}
	
#site_promo{
	float: right;
	width: 264px;
	margin: 10px 20px 0 0;
	padding-left: 25px;
	}	
	
.separator2 {
	clear: both;
	padding: 1px 0px 1px 0px;
	border-top: 1px #00232f solid;
	width: 100%;
}

.lgtxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #f3efbe;
	}
	
/* ----- SUBHEADERS ----- */	
	
.subheader_graphic h1{
	padding:0;
	margin:0px 0px 10px -23px;
	height:30px;
	width:300px;
	font-size: 8px;
	/* Default image. More defined below */
	background-image: url("img/subheader_welcome.gif");
	background-position: 0 0;
	background-repeat: no-repeat;
}

html>body .subheader_graphic h1{
	width:300px;
	height: 30px;
}

/* specify new images for different pages Look for different ids on body tag */
#home .subheader_graphic h1{ background-image: url("img/subheader_welcome.gif"); }
#info .subheader_graphic h1{ background-image: url("img/subheader_welcome.gif"); }

/* ----- TESTIMONIALS ----- */

.separator {
	clear: both;
	margin: 5px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	border-top: 3px #2f494a solid;
	width: 100%;
}

.writtenby {
	float: right;
	font-size: 130%;
	color: #198372;
	margin: 0px 10px 5px 0px;
}

blockquote {
	font-style: italic;
	margin: 10px 20px 5px 20px;
	line-height: 120%;
	}
	
.photo-r {
	float: right;
	margin: 10px 5px 10px 10px;
	border:#464D4A 2px solid;
	}	

/* ----- FOOTER ----- */

#footer {  font-family: Arial, Helvetica, san-serif;
	font-size: 11px;
	line-height: 17px;
	color: #fdf6a3;
	margin: 0 auto;
	padding: 5px 0px 20px 0px;
	width: 753px;
	height: 57px;
	background: transparent url("img/footer_bg.gif") top center no-repeat;
	text-align: left;
	clear:both;
	}

#footer a:link, #footer a:visited, #footer a:hover { 
	color: #ccc;
	text-decoration: none; 
	}

#footer a:hover { 
	color: #fff;
	text-decoration: underline; 
	}
	
.footer_left {
	float: left;
	margin-left: 15px;
	}
	
.footer_right {
	float: right;
	margin-right: 15px;
	text-align: right;
	color: #ccc;
	}

.text-yellow {
	color: #fdf6a3;
	}
	
.text-gray {
	color: #ccc;
	}