/* CSS Document */
BODY {
	FONT-SIZE: 12px; PADDING: 0px; MARGIN: 0px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center; background: url(../images/body-bg.gif) #627d91;
}
.formline { width: 510px; display: block; margin-top: 10px;}
.formspacer {width: 200px; display: block; float: left; line-height: 25px;}
.formspacer2 {width: 310px;  line-height: 25px;}
.formbutton {cursor: pointer; width:185px;font-size:12px; font-family:Arial,sans-serif; font-weight:bold;color:#ffffff;background-color:#627d91;;border-style:double;border-color:#eeeeee;border-width:3px;}
.looksgood {visibility:hidden;}
.formtext {width: 300px;}
.formarea {width: 300px; height: 100px;}






.right {float: right; width: 200px;}
.line {height: 1px; font-size: 1px; line-height:1px; background-color: #e5e5e5;}
#footer {height: 200px; width: 850px; margin: 0px auto; padding-top: 15px; color: #f1eedf; line-height:20px;}
.links-body {color: #5c788c; text-decoration: underline;}
a.links-body:hover {color: #333333;}
.links-footer {color: #f1eedf; text-decoration: underline;}
a.links-footer:hover {color: #d9edf4; text-decoration: none;}
.links-nav-bottom {color: #f1eedf; text-decoration: underline; margin-left: 5px; margin-right:5px;}
a.links-nav-bottom:hover {color: #d9edf4; text-decoration: none; margin-left: 5px; margin-right:5px;}
#logo {height: 160px; width: 250px; margin-left: 40px;}
#logo a{height: 160px; width: 250px; display:block;}

#header-right {height: 46px; width: 120px; float: right;}
#header-right a{height: 46px; width: 120px; display:block;}


#tab-weddings {width: 294px; height: 134px; background-image: url(../images/tab-weddings.gif);}
#tab-weddings a {width: 294px; height: 134px; display: block;}
#tab-weddings a:hover {width: 294px; height: 134px; background: url(../images/tab-weddings.gif) -295px 0px no-repeat; }
#tab-private-parties {width: 294px; height: 134px; background-image: url(../images/tab-private-parties.gif);}
#tab-private-parties a {width: 294px; height: 134px; display: block;}
#tab-private-parties a:hover {width: 294px; height: 134px; background: url(../images/tab-private-parties.gif) -297px 0px no-repeat; }
.events-col {width: 165px; float: left; padding: 2px;font-weight:bold; color: #5e7a8e;}





.bold {font-weight:bold;}
.bold-blue {font-weight:bold; color: #5e7a8e;}
.blue {color: #5e7a8e;}
.better ul {list-style:none;padding: 0px; margin: 0px;}
.better li {margin-left: 20px;}






#media-blank {width: 850px; height: 300px; background-color: #ffffff;}
#media-home {width: 850px; height: 300px;}
#media-preferred {width: 850px; height: 300px; background-image: url(../images/media-preferred-professionals.jpg)}
#media-weddings {width: 850px; height: 300px; background-image: url(../images/media-weddings.jpg)}
#media-about {width: 850px; height: 300px; background-image: url(../images/media-about.jpg)}
#media-events {width: 850px; height: 300px; background-image: url(../images/media-events.jpg)}
#media-about {width: 850px; height: 300px; background-image: url(../images/media-about.jpg)}
#media-history {width: 850px; height: 300px; background-image: url(../images/media-history.jpg)}
#media-contact {width: 850px; height: 300px; background-image: url(../images/media-contact.jpg)}
#media-location {width: 850px; height: 300px; background-image: url(../images/media-location.jpg)}
#media-renovation {width: 850px; height: 300px; background-image: url(../images/media-renovation.jpg)}


#container-outer {background-color: #95bdca; width: 900px; margin: 0px auto; padding: 3px; margin-top: 10px;}
#container-inner {background: url(../images/container-inner-bg.gif) #d9edf4; width: 900px; padding-bottom: 20px; text-align:left}
#header {width: 900px; height: 166px; background-image: url(../images/header.gif)}
#page {background-color: #627c91; width: 850px; margin: 0px auto;}
.spacer3 {height: 3px; font-size: 1px; line-height: 3px;}
.spacer1 {height: 1px; font-size: 1px; line-height: 1px;}
#page-content {background-color: #ffffff; width: 830px; padding: 10px; text-align:left;}
#page-left {width: 520px;}
#page-right {width: 294px; float:right;}
.clear {font-size: 1px; height: 1px; line-height:1px; clear: both;}












#mu10 { 	
  BACKGROUND: url(../images/bg.gif) no-repeat;
  height:1395px;
  background-repeat: no-repeat;
background-position: 50% 0%; 
}
















/*nav*/

#divnav {margin: 0px auto;}	
#nav { 
	background:url("../images/nav.gif") no-repeat; 
	width:850px; 
	height:40px; 
	margin:0;
	padding:0; 
	list-style: none;
	line-height: 1;
	 text-align: left;
	}

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;

}

#nav span { display: none; }

#nav li, #nav a { height:40px; display:block; } /* add the height again */

#nav li { float:left; list-style:none; position:relative; }

#nav-01 { width: 74px;}
#nav-02 { width: 99px;}
#nav-03 { width: 97px;}
#nav-04 { width: 211px;}
#nav-05 { width: 84px;}
#nav-06 { width: 182px;}
#nav-07 { width: 103px;}


/*-------------- X position of item -84px (width of first item)/ height of item from above -40px (height of visibale portion of menu) ------------- */
#nav-01 a:hover { background:url("../images/nav.gif") 0px -40px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.gif") -74px -40px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.gif") -173px -40px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.gif") -270px -40px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.gif") -481px -40px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.gif") -565px -40px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.gif") -747px -40px no-repeat; }



#nav a {
	display: block;
/*	width: 10em;*/
}

#nav li {
	float: left;
/*	width: 10em;*/
}

#nav li ul {
	position: absolute;
	left: -9999em;
	padding-right:1px;			
	background-color:#7d95a5;	/* this is the bgcolor of drop down menu*/
	z-index: 10;
}




/*start of third level*/

#nav li ul ul {
	margin: -25px 0 0 10em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}







/* end of third level */





#nav li:hover, #nav li.hover {  
    position: static;  
}


/* test for IE7 hack

*/

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul li { 
	height:25px; 				/* Height of each drop down nav list item */
	border:1px solid #333333;
	border-top:none;
	width: 180px;
	}	

#nav li ul li a {
	width:100%;
	height:25px;				/* Height of each drop down nav link, same as above */
	line-height:25px;			/* Height of each drop down nav link, same as above */
	}

#nav li ul li a span {
	display:block;
	padding-left:14px;
	text-align: left;
	font-size: 12px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#ffffff;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }


/* Hover styles for drop down items */

#nav ul a:hover { 
	background-image:none;
	background-color:#5b778b;
	color:#ffffff;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line*/
#nav-02 ul, #nav-02 li { width:180px; }
#nav-03 ul, #nav-03 li { width:180px; }
#nav-04 ul, #nav-04 li { width:180px; }
#nav-05 ul, #nav-05 li { width:180px; }
#nav-06 ul, #nav-06 li { width:180px; }