html { height: 100%; margin-bottom: 1px; } /* This forces a scrollbar on Mozilla & WebKit to prevent jumping on centered sites */
	
	/* Do not remove the following section, these rules are required for forms */
		.comment-replies {
			margin-left: 30px;
		}

		.form-element.form-hide, .form-important {
			display: none;
		}

		.form-element.form-type-checkbox label,
		.form-element.form-type-radio label {
			display: inline;
		}

		.form-float-left {
			float: left;
		}

		.form-element.form-float-left {
			padding-right: 10px;
		}
		
		/* This section works with the wt.hero function in site-local.js.  Values set to % need to be set.  Caption and control rules should be removed if not in use. */

		div#imageFadeContainer {
			position: relative;
			width: %;
			height: %;
			overflow: hidden;
		}

			div#imageFadeContainer img {
				position: absolute;
				top: 0px;
				left: 0px;
			}

			div#imageFadeContainer div#hero-foreground {

			}

			div#imageFadeContainer div#hero-caption {

			}

			div#imageFadeContainer div#hero-controls {

			}

				div#imageFadeContainer div#hero-controls ul {

				}

					div#imageFadeContainer div#hero-controls ul li {

					}

						div#imageFadeContainer div#hero-controls ul li a {

						}

						div#imageFadeContainer div#hero-controls ul li a#hero-previous {

						}

						div#imageFadeContainer div#hero-controls ul li a#hero-pause {

						}

						div#imageFadeContainer div#hero-controls ul li a#hero-play {

						}

						div#imageFadeContainer div#hero-controls ul li a#hero-next {

						}
						
		/* Global styles */
		
		.clear {
			clear: both;
		}
		
		form .clear {
			clear: none;
		}
		
		.left {
			text-align: left;
		}
		
		.center {
			text-align: center;
		}
		
		.right {
			text-align: right;
		}
		
		img.left {
			float: left;
		}
		
		img.center {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		
		img.right {
			float: right;
		}
		
		/* Specific styles */
		
		#wrapper { /* If a non YUI-standard width is being used, set it here; otherwise replace the wrapper ID in includes/header.inc.php with the appropriate YUI ID. */
			width: 67.6923em; /* Set in ems by dividing the desired width by 13; the default is for 800px */
			*width: 66.1654em; /* Make up for IE's inability to do math by multiplying the first width by 0.9759 */
			text-align: left;
			margin: auto; /* A value of auto centers the page, while 'auto 0px' will left align it; god help you 'auto 0px auto auto' will right align it */
		}

html { 
	height: 100%;
	margin-bottom: 1px;
}

html, body { 
	color: #f4e9d4; 
	background: #20170b url(../images/background.jpg) repeat-x fixed top center;
	font-family: helvetica, arial, sans-serif;
}

#hd {margin: 40px 0 0 0;}

.logo {margin-bottom: 20px;}

ul.navigation {
	background: #493721 url(../images/nav_bg.gif) repeat-x;
	*background: #493721 url(../images/clear.gif);
	padding: 25px 25px 0;
	width: 110px;
	height: 497px;
	float: left;
	margin: 0;
}

ul.navigation li {
	list-style-type: none;
}

ul.navigation li a {
	color: #6899b0;
	text-transform: uppercase;
	display: block;
	text-indent: -50000px;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 15px;
	margin-bottom: 15px;
}

ul.navigation li.nav-home a {
	background-image: url(../images/nav_home.png); width: 34px;}

ul.navigation li.nav-studio a {
	background-image: url(../images/nav_studio.png); width: 40px;}

ul.navigation li.nav-floral-design a {
	background-image: url(../images/nav_floral_design.png); width: 87px;}

ul.navigation li.nav-weddings a {
	background-image: url(../images/nav_weddings.png); width: 62px;}
	
	ul.navigation li.nav-weddings a, ul.navigation li.nav-weddings a:hover {margin-left: -2px;}

ul.navigation li.nav-events a {
	background-image: url(../images/nav_events.png); width: 40px;}
	
ul.navigation li.nav-gallery a {
	background-image: url(../images/nav_gallery.png); width: 49px;}	

ul.navigation li.nav-partners a {
	background-image: url(../images/nav_partners.png); width: 54px;}

ul.navigation li.nav-contact a{
	background-image: url(../images/nav_contact.png); width: 55px;}

ul.navigation li.selected a, ul.navigation li a:hover {
	background-position: 0 -15px;}

a {text-decoration: none;}

a:active, a:focus {outline: 0;}

h2 {color: #bfac8a; margin-bottom: 5px;}


#bd {
	height: 525px;
	float: right;
	font-size: 12px;
	line-height: 18px;
}

#bd img {position: relative; z-index: 1;}

#bd h2 {
	color: #bfac8a; 
	margin-bottom: 5px;
	display: block;
	text-indent: -50000px;
	overflow: hidden;
	background-repeat: no-repeat;
	height: 11px;
}

#bd a {color:#f4e9d4;}

#bd a:hover {text-decoration: underline;}

#bd h2#about {background-image: url(../images/about.png); width: 42px;}

#bd h2#professional_credentials {background-image: url(../images/professional-credentials.png); width: 175px;}

#bd h2#chattanooga {background-image: url(../images/chattanooga.png); width: 102px;}

#bd h2#web {background-image: url(../images/web.png); width: 26px;}

#bd h2#maine {background-image: url(../images/maine.png); width: 41px;}

#bd h2#floral-design {background-image: url(../images/floral-design.png); width: 95px;}

#bd h2#weddings {background-image: url(../images/weddings.png); width: 67px;}

.info-wrapper { 
	position: relative;
	width: 718px; }

.info {
	background: transparent url(../images/contact_bg.png) repeat-y;
	width: 187px;
	height: 512px;
	padding: 10px 25px 0;
	position: relative;
	z-index: 5;
	font-size: 93%;
}

.info-wrapper ul.all-attachments {
	margin: 0;
}

.info-wrapper ul.all-attachments li {
	list-style: none;
}

#bd .info-wrapper ul.all-attachments img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.info p {
	margin-bottom: 6px;
}

.info * {
	overflow: hidden;
}

#studio .info {background: transparent url(../images/about_bg.png) repeat-y; width: 396px;}


#partners .info {background: transparent url(../images/partners_bg.png) repeat-y; width: 583px; padding: 10px 10px 0;}

#partners .info table { 
	width: 100%; 
	margin-top: 9px; 
}

#partners .info table tr td {
	border: 0 none;
	vertical-align: top;
	font-size: 90%;
	width: 21%;
	padding: .8em 3%;
}

#partners .info table tr td h3 {
	margin: 0;
	width: 145px;
	line-height: 16px;
}

#partners .info table tr td ul {
	margin: 0;
}

#partners .info table tr td ul li {
	list-style: none;
	margin-bottom: -2px;
}

#contact .info ul li {
	list-style-type: none; 
	padding-bottom: 3px; 
}

#contact .info ul {margin-top: 8px;}


a.close_button {
	position: absolute; 
	z-index: 10; 
	right: 0;
	bottom: 0;
	padding-right: 18px;
	background: url(../images/left_arrow.png) no-repeat;
}

a.closed {
	background: url(../images/right_arrow.png) no-repeat;
}

#studio a:hover, #floral-design a:hover, #weddings a:hover {text-decoration: none;}


#ft {
	color: #8b7855;
	font-size: 10px;
	height: 20px;
	clear: both;
	text-align: right;
	line-height: 20px;
	padding-top: 15px;
}

#ft a {color: #8b7855;}

#ft a:hover {text-decoration: underline;}