/* CSS for  */
* {
	margin: 0;
	padding: 0;
}
body {
  font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #473c29;
	background: url('/images/bg-body.gif') top repeat-x #601a19;
}

a, a:link { color: #601a19; text-decoration: underline; }
a:hover { text-decoration: none; }

h1 {
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
	color: #491202;
	font-size: 2em;
	font-weight: normal;
	border-bottom: 1px solid #b2ada5;
}
h1 img { float: right; margin-top: -7px; }

h2 {
	padding: 0;
	margin: 0 0 15px 0;
	color: #491202;
	font-size: 1.5em;
	font-weight: normal;
}
h3 {
	padding: 0;
	margin: 0 0 15px 0;
	color: #491202;
	font-size: 1.3em;
	font-weight: normal;
}

table { border-collapse: collapse; } /* Removes all padding and spacing from table cells */
input, select, option { padding: 2px; }
ul, ol { margin: 10px 0 10px 35px; }
li { margin: 0 0 5px 0; }
p { margin: 0; padding: 0 0 15px 0; }

.l { float: left; }
.r { float: right; }
.clear { clear: both; }
.clear-l { clear: left; }
.clear-r { clear: right; }

.b { font-weight: bold; }
.u { text-decoration: underline; }
.i { font-style: italic; }
.small { font-size: .79em; }
.large { font-size: 1.2em; }
.t-c { text-align: center; }
.t-r { text-align: right; }
.t-l { text-align: left; }

img { border: 0; }
img.l { margin: 0 10px 0 0; border: 3px solid #4a1302; }
img.r { margin: 0 0 0 10px; border: 3px solid #4a1302; }

.red { color: #601a19; }
.yellow { color: #c08014; }

.email_confirm, /* Directions on how to use this are in the formail */
.hide,
.hideme { display: none; }

#wrap {
	width: 921px;
	margin: 0 auto;
	text-align: center;
}

#nav {
	margin: 50px 0 0 0;
	padding-left: 28px; 
	height: 39px;
	font-size: 1.6em;
	line-height: 1em;
	background: url('/images/bg-nav.gif') bottom left no-repeat;
}
#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	background: url('/images/bg-nav.gif') bottom left no-repeat;
}

#nav a {
	display: block;
	padding: 2px 0 2px 0;
	margin: 0;
	color: #c08014;
	text-decoration: none;
}

#nav li { /* all list items */
	float: left;
	width: 100px; /* width needed or else Opera goes nuts */
	text-align: center;
	border-right: 1px solid #c08014; 
}

#nav li.nav-home { width: 100px; }
#nav li.nav-weddings { width: 125px; }
#nav li.nav-events { width: 110px; }
#nav li.nav-menus { width: 125px; }
#nav li.nav-about { width: 125px; }
#nav li.nav-environment { width: 150px; }
#nav li.nav-contact { width: 125px; border: 0; }

#nav ul li a:hover { font-weight: bold; }
#nav ul li#active-nav { font-weight: bold; }
#nav ul li.first { margin-left: 0; padding-left: 0; }
#nav ul li.last { border: 0; margin-right: 0; padding-right: 0; }

#nav li ul { /* second-level lists */
	position: absolute;
	background: none;
	width: 127px;
	left: -999em;
	z-index: 999;
	margin: 0 0 0 -1px;
	padding: 0;
	font-size: .79em;
	font-weight: normal;
	background-color: #c08014;
}
#nav li ul li {
	margin: 0;
	padding: 0;
	text-align: center;
	border: 0;
	width: 127px;
	border-top: 1px solid #d29d44;
	border-bottom: 1px solid #4b3208;
}
#nav li ul li a {
	margin: 0;
	padding: 5px 0 5px 0;
	color: #FFFFFF;
	width: 127px;
}
#nav li ul li a:hover { padding: 5px 0 5px 0; margin: 0; background-color: #9c6810; }

#nav li.nav-contact ul,
#nav li.nav-contact ul li,
#nav li.nav-contact ul li a { width: 125px; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { /* lists nested under hovered list items */
	left: -999em;
}

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

#content {
	float: left;
	width: 921px;
	vertical-align: top;
	background: url('/images/bg-content.gif') 0px 0px repeat-y;
}
#content-padding { 
	float: left;
	width: 843px;
	margin: 0 0 0 39px; 
	display: inline;
	background: url('/images/bg-left.gif') top left repeat-y; /* Put here instead of left-col so that it fills the remainder when right-col is too longer, which is almost always */
}

#left-col {
	float: left;
	width: 229px;
	padding-top: 25px;
	text-align: center;
}
#logo {	margin: 0 0 65px 0; }
#phone { color: #5f0c0c; font-size: 2.4em; }


#right-col {
	float: left;
	width: 614px;
	height: 587px;
	margin: 0;
	padding: 0;
	background: url('/images/bg-right.jpg') top left no-repeat;
}
#right-col.contact-us { background: url('/images/bg-right-contact.jpg') top left no-repeat; }
#right-col.media { background: url('/images/bg-right-media.jpg') top left no-repeat; }
#right-col.about { background: url('/images/bg-right-about.jpg') top left no-repeat; }
#right-col.menus { background: url('/images/bg-right-menus2.jpg') top left no-repeat; }
#right-col.weddings { background: url('/images/bg-right-weddings.jpg') top left no-repeat; }
#right-col.events { background: url('/images/bg-right-events.jpg') top left no-repeat; }
#CCGallery_largeImage.menus { background: url('/images/bg-right-menus.jpg') top left no-repeat; }
#right-col.environment { background: url('/images/bg-right-environment.jpg') top left no-repeat; }

#bwm-copy {  }
.interior-content {
	padding: 30px 20px 0 20px;
	font-size: 1.3em;
	line-height: 1.6em;
	text-align: left;
	height: 557px; 
	overflow: auto;
}
.interior-content-band {
	padding: 30px 20px 0 20px;
	font-size: 1.3em;
	line-height: 1.6em;
	text-align: left;
	height: 405px; 
	overflow: auto;
}

.gallery-content {	
	padding: 30px 20px 0 20px;
	font-size: 1.3em;
	line-height: 1.6em;
	text-align: left;
}
#band {
	clear: both;
	float: left;
	width: 843px;
	height: 132px;
	margin-top: -173px;
	text-align: left;
	z-index: 999;
	background: url('/images/bg-band.png') top left no-repeat;
}
#band.home p {
	float: right;
	width: 320px;
	margin: 31px 10px 0 0;
	color: #341b04;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.4em;
}

#band.gallery #gallery-title {
	float: left;
	width: 230px;
	margin: 0 15px 0 15px;
}
#band.gallery .padding { padding: 31px 0 0 0; }

#band.gallery { height: 170px; }
#gallery-caption {
	clear: both;
	padding: 20px 15px 0 245px;
}
#footer {
	clear: both;
	vertical-align: top;
	color: #c08014;
	text-align: left;
	background: url('/images/bg-footer.gif') 0px 0px no-repeat #601a19;
}
#footer a { color: #c08014; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer a.bwm:hover { color: #0099FF; }
#footer p {
	margin: 0;
	padding: 20px 0 0 42px;
}

#footer ul {
	float: right; 
	padding: 10px 42px 0 0;
}
#footer ul li {
	display: inline;
	margin: 0 0 0 7px;
	padding: 0 7px 0 0;
	list-style-type: none;
	border-right: 1px solid #c08014; 
}
#footer ul li.last { border: 0; margin-right: 0; padding-right: 0; }

a.highslide { 
	position: absolute;
	display: block;
	width: 175px; 
	height: 205px; 
	z-index: 999; 
	margin: 130px 0 0 210px;
}

.numbers { float: right; margin-right: 200px; }