html, body { 
	height: 100%;
}

body {
	min-height: 100%;
    font-family: 'Lucida Grande', 'Lucida Sans', 'Helvetica', 'Arial', sans-serif;
    font-size: 11px;
    line-height: 14px;
	background: #FFF url('../images/bg_outside.png') repeat-x;
    margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
    padding: 0px;
	width: 758px;

}


/*----------------------------------------------------------------------------
Text Styles
*/
h1{ 
	font: 14px 'Lucida Sans', sans-serif Bold;
	color: #000;
	}

h2{ 
	font: 15px 'Lucida Sans', sans-serif Bold;
	color: #A4E021;
	}
	

h3{ 
	font: 13px 'Lucida Sans', sans-serif Bold;
	color: #8c734b;
	}

p { 
	font: 12px 'Lucida Sans', sans-serif;
	color: #8c734b;
	}


ul li { list-style: outside;}

div#wedding ul li { color: #8c734b }

a {
	color:#A4E021;
	text-decoration:none;
}
a:hover {text-decoration: underline;}
/*----------------------------------------------------------------------------
Navigation
*/

div#nav {
	width:100%;
	height: 34px;
	line-height:34px;
	margin: auto;
	text-align:center;
	background:#f6f5f2 ;
}

div#nav ul{
	display: inline;
	height: 34px;
	line-height: 34px;
	list-style: outside;

}

div#nav ul li {
	list-style: outside;
	display: inline;
	}

div#nav ul li a {
    display: inline;
    vertical-align: middle;
	padding-top: 10px;
	padding-bottom:10px;
	padding-left: 6px;
	padding-right: 10px;
	height: 34px;
    line-height:34px;
    text-decoration: none;
	font-size: 13px;
	color: #8c734b;
}

div#nav ul li a#welcome,
div#nav ul li a#weddings,
div#nav ul li a#specialevents,
div#nav ul li a#gallery,
div#nav ul li a#thankyous,
div#nav ul li a#about {
	background:url('../images/bg_nav.png') no-repeat right;
}

div#nav ul li a:hover {
	display: inline;
	height: 34px;
	line-height: 34px;
	text-decoration: none;
	font-size: 13px;
	color: #A4E021;
}

body#welcome a#welcome,
body#weddings a#weddings,
body#specialevents a#specialevents,
body#gallery a#gallery,
body#thankyous a#thankyous,
body#about a#about,
body#contact a#contact {
	color: #A4E021;
	font-size: 13px;
}

div#wedding-nav {
	width:100%;
	height: 34px;
	line-height:34px;
	margin:auto;
	text-align:center;
}

div#wedding-nav ul{
	display: inline;
	height: 34px;
	width: 800px;
	margin: 0px;
	padding:0px;
	line-height: 34px;
	text-align:center;
	list-style:outside;

}
div#wedding-nav ul li {
	display: inline;
	list-style:outside;
	}

div#wedding-nav ul li a{
    display: inline;
    vertical-align: middle;
	padding-top: 10px;
	padding-bottom:10px;
	padding-left: 6px;
	padding-right: 10px;
	height: 34px;
    line-height:34px;
    text-decoration: none;
	font-size: 11px;
	color: #8c734b;
}
div#wedding-nav ul li a#essentials,
div#wedding-nav ul li a#essentialsplus,
div#wedding-nav ul li a#planning,
div#wedding-nav ul li a#consulting{
		background:url('../images/bg_nav.png') no-repeat right;
}

div#wedding-nav ul li a:hover,
div#essentials div#wedding-nav ul li a#essentials,
div#essentialsplus div#wedding-nav ul li a#essentialsplus,
div#weddingplanning div#wedding-nav ul li a#planning,
div#weddingconsulting div#wedding-nav ul li a#consulting,
div#weddingpricing div#wedding-nav ul li a#pricing {
	display: inline;
	height: 34px;
	line-height: 34px;
	text-decoration: none;
	font-size: 11px;
	color: #A4E021;
}



/*----------------------------------------------------------------------------
Wrapper
*/

#wrapper {
	width: 758px;
	height:100%;
	min-height: 100%;
	background-color:#FFF;
	float: left;
	display: table;
	padding: 0px;
	margin: 0px;
}

/*----------------------------------------------------------------------------
Welcome
*/
#banner {
	height: 200px;
	width:758px;
	margin:0px;
	padding:0px;
	}

#welcome-1, #welcome-2, #welcome-3 {
	width: 162px;
	height: 162px;
	display: block;
	margin: 0px;
	padding: 45px;
	float: left;
	background: url('../images/bg_square.png') 0 0 no-repeat;
}
 
/*----------------------------------------------------------------------------
Twitter
*/

#twitter {
	width: 668px;
	hieght: 75px;
	padding: 25px 50px 40px 40px;
	margin:auto;
	display:block;
	background: url('../images/bg_twitter.png') 0 0 no-repeat;
}
#twitter_div {
	width:668px;
	height: 75px;
}

ul#twitter_update_list {
	font: 10px 'Lucida Sans', sans-serif;
	color: #8c734b;
	list-style:disc;
	margin-left: -15px;
	margin-top: -10px;
	}
/*----------------------------------------------------------------------------
Pages
*/	

div#about, div#special_events,
div#contact { 
	padding: 20px; 
	float: left;
	line-height: 18px;
}

div#weddingplanning, 
div#weddingconsulting,
div#essentials,
div#essentialsplus,
div#weddingpricing {
	background:#FFF;
	min-height: 100%;
	height: 100%;
	padding: 20px;
}

}
div#events {text-align:center;}
div#events ul li{
	list-style: none;
	display: inline-block;
	margin-right: 20px;
	}
	
div#event {
	background:#FFF;
	font-size:9px;
	color: #8c734b;
	width:110px;
	hieght: 170px;
	padding: 15px;
	float: left;
	text-align:center;
}
div#event img {clear:both;}

div#gallery {
	background:#FFF;
	height:100%;
	min-height:100%;
}

div#thumbnail{
	padding: 20px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

div#thankyous {
	column-count: 2;  
    column-gap: 22px;  
}  

div#testimonials  {
	padding:20px;
	background:#FFF;
	background: url('../images/bg_quote.png') 0 0 no-repeat;
	padding: 20px;
	margin:20px;

}

/*----------------------------------------------------------------------------
Gallery Styles
*/
#gallery-box {
	position: relative;
	float: left;
	width: 720px;
	padding: 0px 15px 10px 15px;
}

.photos {
	position: relative;
	float: left;
	display: block;
	padding-right:5px;
	padding-bottom: 10px;
}
.photosets {
	clear: both;
	padding-top: 1px;
}
.photosets h2 {
	color: #000;
}

	

/*----------------------------------------------------------------------------
Footer
*/
div#footer {
	text-align:center;
	height: 15px;
	line-height: 15px;
	width: 100%;
	margin: auto 0px;
	padding: 25px auto;
	vertical-align: bottom;
	border-top: 1px dotted #8c734b;
}
div#footer p {font-size:9px;}
/*----------------------------------------------------------------------------
Extras
*/
.clear { clear: both; }
a img {text-decoration: none; border:none;}
.right{ float:right }
.left {float:left}