@charset "UTF-8";
/* CSS Document */
 
body {
	background-color:#98B79A;
background-image:url(../images/bg_top.gif);
background-position:center top;
background-repeat:repeat-x;
color:#808080;
font-family:Verdana,Geneva,sans-serif;
font-size:1em;
margin:0;
padding:0;
}

a:link, a:visited {

font-size: 12px; 
color: #769c79;
text-decoration: none;
font-family:  Verdana, Helvetica, sans-serif;

}

a:hover {
color: #769c79; text-decoration: underline;
}

.green {
	font-weight:bold;
	color:#769c79;
}

.smallprint {
	font-size: 7pt;
	font-weight: normal;
	color: #68926b;
} 

a.smallprintlink:link, a.smallprintlink:visited {  
	font-size: 7pt;
	font-weight: normal;
	color: #68926b;
	text-decoration: none;
}
a.smallprintlink:hover {  
	font-size: 7pt;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

p { 
	font-size: 0.75em;
	line-height:150%; 
}

li {
	list-style-type: none; 
}

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

li ul {
	padding-left: 5px;
}

#main_content, #title h1 {
	margin: 0 auto;
	width: 979px;
}

#main_content {
	background-image:url(../images/background.gif);
	background-repeat:no-repeat;
	padding:12px 15px 10px 10px;
	position:relative;
	top:-51px;
}

#title {
	width: 100%;
	height: 136px;
	background-color: #769c79;
}

#content {
	background-color:#FFFFFF;
	background-image:url(../images/content_bg.gif);
	background-repeat: x-repeat;
	float:right;
	padding:15px 26px;
	position:relative;
	right:-8px;
	width:829px;
	z-index: 0;
}
#content_top {
	background-image:url(../images/content_bg_top.gif);
	float:left;
	height:39px;
	left:0;
	position:absolute;
	top:0;
	width:882px;
}
#content_bottom {
	background-image:url(../images/content_bottom.gif);
	background-repeat:no-repeat;
	bottom:-10px;
	height:10px;
	left:0;
	position:absolute;
	width:880px;
}


#nav {
	background-image:url(../images/nav_bg.gif);
	background-repeat:repeat-y;
	float:left;
	left:0px;
	min-height:253px;
	padding:0 5px 0 25px;
	position:absolute;
	top:51px;
	width:100px;
	z-index: 100;
}
#nav_bottom {
	background-image:url(../images/bottom_nav.gif);
	background-repeat:no-repeat;
	height:20px;
	left:-00px;
	position:absolute;
	width:130px;
	bottom: -20px;
}

#nav li, #nav li a {
	font-family: Helvetica, Arial, sans-serif;
	
	color: #4a4b4a;
	margin: 14px 0px;
}

#nav li ul li {
	margin: 2px 0px;
}

#nav li a, #nav li ul li a {
	font-size: 0.88em;
}

.small_font{
	font-size: 0.88em;
	}

#nav li ul li, #nav li ul li a {
	color: #769c79;
	
	font-family: Helvetica, Arial, sans-serif;
}

#content div.small_box {
	position: relative;
	bottom: 0px;
	width: 361px;
	padding: 10px;
	margin: 15px;
	background-color: #ffffff;
	min-height: 150px;
}

#content div.small_box.right {
	right: 0px;
	float: right;
}

#content div.small_box.left {
	left: 0px;
	float: left;
}

#content div.small_box h2 {
	margin-top: 0px;
}

#content div.small_box {
	border:#99b89b solid 1px;
}

#content div.small_box.home {
	position: absolute;
	margin: 45px;
}

#fade {
	width: 100%;
	height: 500px;
}
#wedding-info, #wedding-gallery, #portrait-gallery, #portrait-info, #about-heading, #contact-heading, #welcome-heading, #links, #get_flash, #testimonial-gallery { width: 99%; padding-left: 20px; }


div.floatHolder {
	position: relative;
	z-index: 10;
	height: auto !important;
	height: 1%;
}

div.floatHolder:after {
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}

span.imageReplace { 
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	z-index:1;
}


#title h1 span.imageReplace { background-image:url(../images/logo.gif); height:84px; width:407px; }
#title h1 {	height:84px; position:relative; width:407px; top: 0px; left: -299px; overflow:hidden; }

#introduction h2 span.imageReplace { background-image:url(../images/introduction.gif); height:28px; width:232px; }
#introduction h2 {	height:28px; position:relative; width:232px; top: 0px; left: 0px; overflow:hidden; }

#wedding_package h2 span.imageReplace { background-image:url(../images/wedding_packages.gif); height:28px; width:232px; }
#wedding_package h2 {	height:28px; position:relative; width:232px; top: 0px; left: 0px; overflow:hidden; }

#contact h2 span.imageReplace { background-image:url(../images/quick_contact.gif); height:28px; width:170px; }
#contact h2 {	height:28px; position:relative; width:170px; top: 0px; left: 0px; overflow:hidden; }

#wedding-info h2 span.imageReplace { background-image:url(../images/wedding_info_heading.gif); height:35px; width:352px; }
#wedding-info h2 { height:35px; position:relative; width:352px; top: 0px; left: 0px; overflow:hidden; }

#wedding-gallery h2 span.imageReplace { background-image:url(../images/wedding_gallery_title.gif); height:35px; width:352px; }
#wedding-gallery h2 { height:35px; position:relative; width:352px; top: 0px; left: 0px; overflow:hidden; }

#portrait-info h2 span.imageReplace { background-image:url(../images/portrait_info_heading.gif); height:35px; width:352px; }
#portrait-info h2 { height:35px; position:relative; width:352px; top: 0px; left: 0px; overflow:hidden; }

#portrait-gallery h2 span.imageReplace { background-image:url(../images/portait_gallery_heading.gif); height:35px; width:352px; }
#portrait-gallery h2 { height:35px; position:relative; width:352px; top: 0px; left: 0px; overflow:hidden; }

#about-heading h2 span.imageReplace { background-image:url(../images/about_heading.gif); height:35px; width:352px; }
#about-heading h2 { height:35px; position:relative; width:352px; top: 0px; left: 0px; overflow:hidden; }

#contact-heading h2 span.imageReplace { background-image:url(../images/contact_heading.gif); height:35px; width:352px; }
#contact-heading h2 { height:35px; position:relative; width:352px; top: 0px; left: 0px; overflow:hidden; }

#welcome-heading h2 span.imageReplace { background-image:url(../images/welcome_heading.gif); height:35px; width:352px; }
#welcome-heading h2 { height:35px; position:relative; width:352px; top: 0px; left: 0px; overflow:hidden; }

#links h2 span.imageReplace { background-image:url(../images/links_heading.gif); height:35px; width:352px; }
#links h2 { height:35px; position:relative; width:352px; top: 0px; left: 0px; overflow:hidden; }

#get_flash h2 span.imageReplace { background-image:url(../images/get_flash_heading.gif); height:35px; width:352px; }
#get_flash h2 { height:35px; position:relative; width:352px; top: 0px; left: 0px; overflow:hidden; }

#testimonial-gallery h2 span.imageReplace { background-image:url(../images/testimonials_heading.gif); height:35px; width:352px; }
#testimonial-gallery h2 { height:35px; position:relative; width:352px; top: 0px; left: 0px; overflow:hidden; }

p.small {
	font-size: 0.56em;
	color: #4a4b4a;
}

#copyright {
left:60px;
margin:-51px auto;
position:relative;
top:-47px;
width:860px; }
#copyright div { display: inline; }
#copyright div.left { float: left; }
#copyright div.right { float: right; }

#pageContent { position: relative;
margin:0 auto;
width:1024px; }

#wedding-info ul,
#wedding-gallery ul, 
#portrait-gallery ul,
#portrait-info ul,
#about-heading ul,
#contact-heading ul,
#welcome-heading ul {
	margin:13px 0;
	padding:0 0 0 30px;
}

#wedding-info img.right,
#wedding-gallery img.right, 
#portrait-gallery img.right,
#portrait-info img.right,
#about-heading img.right,
#contact-heading img.right,
#welcome-heading img.right{
	float: right;
}

#wedding-info li {
	width: 300px;
	list-style-type: none;
	list-style-image: url('../images/bullet2.gif');
	font-size: 0.75em;
}

#wedding-info li span {
	position: relative;
	right: 0px;
	font-size: 1em;
}

div.fullWidth {
	width: 100%;
}