@charset "utf-8";
/* CSS Document */

body {
	margin:				25px 0 0 0;
	font-family:		Century Gothic;
	font-size:			14px;
	background:			url(images/body-bg-repeat.png) repeat-x #511b35;
}

img {
	border:				none;
}

#page-container {
	width:				900px;
	margin:				0 auto 0 auto;
	padding:			0 7px;
	background:			url(images/page-bg-repeat.png) repeat-y;
}

#header-top {
	width:				900px;
	height:				306px;
	background:			url(images/header-top-bg.jpg) no-repeat;
}

#navigation {
	width:				900px;
	padding:			0;
}

#navigation ul {
	margin:				0;
	padding: 			0;
}

#navigation ul li {
	float:				left;
	margin:				0;
	padding: 			0;
	list-style:			none;
}

#navigation ul li.home a {
	display:			block;
	width:				61px;
	height:				46px;
	margin:				3px 40px 0 53px;
	background:			url(images/nav/home-hover.png);
}

#navigation ul li.home a:hover img, #navigation ul li.home a.current img {
	display:			none;
}

#navigation ul li.bridal-packages a {
	display:			block;
	width:				171px;
	height:				49px;
	margin:				7px 40px 0 0;
	background:			url(images/nav/bridal-packages-hover.png);
}

#navigation ul li.bridal-packages a:hover img, #navigation ul li.bridal-packages a.current img {
	display:			none;
}

#navigation ul li.services a {
	display:			block;
	width:				91px;
	height:				45px;
	margin:				11px 40px 0 0;
	background:			url(images/nav/services-hover.png);
}

#navigation ul li.services a:hover img, #navigation ul li.services a.current img {
	display:			none;;
}

#navigation ul li.events a {
	display:			block;
	width:				74px;
	height:				45px;
	margin:				11px 40px 0 0;
	background:			url(images/nav/events-hover.png);
}

#navigation ul li.events a:hover img, #navigation ul li.events a.current img {
	display:			none;
}

#navigation ul li.clients a {
	display:			block;
	width:				80px;
	height:				42px;
	margin:				11px 40px 0 0;
	background:			url(images/nav/clients-hover.png);
}

#navigation ul li.clients a:hover img, #navigation ul li.clients a.current img {
	display:			none;
}

#navigation ul li.contact-us a {
	display:			block;
	width:				115px;
	height:				46px;
	margin:				6px 40px 0 0;
	background:			url(images/nav/contact-us-hover.png);
}

#navigation ul li.contact-us a:hover img, #navigation ul li.contact-us a.current img {
	display:			none;
}

#header-bottom {
	width:				900px;
	height:				270px;
	background:			url(images/header-bottom-bg.jpg) no-repeat;
}

#header-bottom #mailing-list {
	float:				right;
	width:				221px;
	height:				142px;
	margin:				50px 40px 0 0;
	padding:			10px;
	background:			url(images/mailing-list-bg.png) no-repeat;
}

#header-bottom #mailing-list h2 {
	margin:				0;
	padding:			5px 10px;
	font-family:		Georgia;
	font-size:			15px;
	text-transform:		uppercase;
	color:				#753956;
}

#header-bottom #mailing-list p {
	margin:				0;
	padding:			0 10px;
	font-family:		Century Gothic;
	font-size:			12px;
	line-height:		13px;
	text-transform:		uppercase;
	color:				#753956;
}

#header-bottom #mailing-list form {
	margin:				10px 0 0 0;
	padding:			0 10px;
	text-align:			center;
}

#header-bottom #mailing-list form input {
	margin:				0;
}

#header-bottom #mailing-list form input[type=text] {
	width:				145px;
	height:				13px;
	padding:			5px;
	background:			#f6ebf1;
	border:				1px solid #753956;
	color:				#8d5b73;
	outline:			none;
}

#header-bottom #mailing-list form input[type=submit] {
	height:				25px;
	margin-left:		-1px;
	font-size:			12px;
	background:			#8d5b73;
	border:				1px solid #753956;
	color:				#f6ebf1;
}

#header-bottom #mailing-list form label {
	font-family:		Arial;
	font-size:			10px;
	text-transform:		uppercase;
	color:				#390d22;
}

#content {
	width:				800px;
	min-height:			500px;
	padding:			30px 50px 50px 50px;
	background:			#fff;
}

/******************************* BEGIN INDEX PAGE STYLES *******************************/

#index #workshop img {
	float:				left;
	margin:				10px 0 0 0;

}

#index #workshop div.description {
	float:				right;
	width:				475px;
	margin:				0 0 0 0;
}

#index h3 {
	margin:				0 0 5px 0;
	font-family:		Georgia;
	font-size:			15px;
	text-align:			center;
	font-style:			italic;
	text-transform:		uppercase;
	color:				#511b35;
}

#index h3.has-divider {
	padding:			0 0 38px 0;	
	background:			url(images/divider.jpg) bottom center no-repeat;
}

#index #workshop div.description p {
	margin:				0;
	font-family:		Century Gothic;
	font-size:			14px;
	text-align:			justify;
	line-height:		1.4em;
	letter-spacing:		1px;
	color:				#222222;
}

#index #main {
	width:				500px;
	margin:				auto;
	padding-right:		180px;
	background:			url(images/home/main-design-3.jpg) bottom right no-repeat;
}

#index #main img {
	float:				right;
	margin:				60px 50px 0 20px;
}

#index #main p {
	margin:				0px 0 0 0;
	padding:			25px 0 0 0;
	font-family:		Century Gothic;
	font-size:			14px;
	text-align:			justify;
	line-height:		1.4em;
	letter-spacing:		1px;
	color:				#222222;
}

#index #main div.description {
	float:				right;
}

#index #main img.main-design {
	float:				right;
}

#index #main p b {
	display:			block;
	width:				350px;
	margin:				0 0 15px 0;
	font-size:			15px;
	text-align:			right;
	color:				#511b35;
	border-bottom:		1px solid #cccccc;
}

/********************************** END INDEX PAGE STYLES **********************************/

/**************************** BEGIN BRIDAL PACKAGES PAGE STYLES ****************************/

#bridal-packages {
	width:				90%;
	margin:				auto;
	padding:			20px 0 0 0;
}
#bridal-packages h2 {
	margin:				0 0 5px 0;
	font-family:		Georgia;
	font-size:			22px;
	text-align:			left;
	text-transform:		uppercase;
	color:				#511b35;
	border-bottom:		1px dotted #ccc;
}

#bridal-packages h3 {
	margin:				0 0 5px 0;
	font-family:		Georgia;
	font-size:			15px;
	text-align:			center;
	font-style:			italic;
	text-transform:		uppercase;
	color:				#511b35;
}

#bridal-packages h3.has-divider {
	margin-top:			10px;
	padding:			38px 0 0 0;	
	background:			url(images/divider.jpg) top center no-repeat;
}

#bridal-packages p {
	font-family:		Century Gothic;
	font-size:			14px;
	text-align:			justify;
	line-height:		1.4em;
	letter-spacing:		1px;
	color:				#222222;
}

/***************************** END BRIDAL PACKAGES PAGE STYLES *****************************/

/***************************** BEGIN SERVICES PAGE STYLES *****************************/

#services {
	width:				90%;
	margin:				auto;
	padding:			20px 0 0 0;
}

#services h2 {
	margin:				0 0 5px 0;
	font-family:		Georgia;
	font-size:			22px;
	text-align:			left;
	text-transform:		uppercase;
	color:				#511b35;
	border-bottom:		1px dotted #ccc;
}

/**************************** END SERVICES PAGE STYLES ****************************/

/**************************** BEGIN EVENTS PAGE STYLES ****************************/

#events {
	width:				90%;
	margin:				auto;
	padding:			20px 0 0 0;
}

#events h2 {
	margin:				0 0 5px 0;
	font-family:		Georgia;
	font-size:			22px;
	text-align:			left;
	text-transform:		uppercase;
	color:				#511b35;
	border-bottom:		1px dotted #ccc;
}

#events h3 {
	margin:				0 0 5px 0;
	font-family:		Georgia;
	font-size:			15px;
	text-align:			center;
	font-style:			italic;
	text-transform:		uppercase;
	color:				#511b35;
}

#events h3.has-divider {
	margin-top:			10px;
	padding:			38px 0 0 0;	
	background:			url(images/divider.jpg) top center no-repeat;
}

#events p {
	font-family:		Century Gothic;
	font-size:			14px;
	text-align:			justify;
	line-height:		1.4em;
	letter-spacing:		1px;
	color:				#222222;
}

#events p.img {
	margin:				5px auto;
}

#events img {
	padding:			15px;
	border:				1px dotted #ccc;
}

#events img.cyw {
	margin:				0 0 25px 25px;
	padding:			15px;
	border:				1px dotted #ccc;
}

#events p.img-desc {
	text-align:			left;
}

#events ul {
	margin-left:		20px;
	padding:			15px;
	background:			#f7ecf1;
	border:				1px dotted #cf98b2;
	list-style-position:inside;
	list-style-type:	square;
	color:				#511b35;
	line-height:		22px;
}

/***************************** END EVENTS PAGE STYLES *****************************/

/***************************** BEGIN CLIENTS PAGE STYLES *****************************/

#clients {
	width:				90%;
	margin:				auto;
	padding:			20px 0 0 0;
}

#clients h2 {
	margin:				0 0 5px 0;
	font-family:		Georgia;
	font-size:			22px;
	text-align:			left;
	text-transform:		uppercase;
	color:				#511b35;
	border-bottom:		1px dotted #ccc;
}

/***************************** END CLIENTS PAGE STYLES *****************************/

/***************************** BEGIN CONTACT US PAGE STYLES *****************************/

#contact-us {
	width:				90%;
	margin:				auto;
	padding:			20px 0 0 0;
}

#contact-us h2 {
	margin:				0 0 5px 0;
	font-family:		Georgia;
	font-size:			22px;
	text-align:			left;
	text-transform:		uppercase;
	color:				#511b35;
	border-bottom:		1px dotted #ccc;
}

#contact-us #main {
	float:				left;
	width:				420px;
	padding:			0 25px 0 0;
	border-right:		1px dotted #ccc;
}

#contact-us #contact {
	padding:			20px;
	background:			#f7ecf1;
	border:				1px dotted #cf98b2;	
}

#contact-us #contact label {
	float:				left;
	display:			block;
	clear:				both;
	width:				120px;
	margin:				0 0 8px 0;
}

#contact-us #contact input {
	float:				left;
	width:				244px;
	margin:				0 0 8px 0;
	padding:			5px;
}

#contact-us #contact input[type=checkbox] {
	clear:				both;
	float:				left;
	width:				auto;
	margin:				3px 5px 25px 0;
}

#contact-us #contact input[type=submit] {
	width:				252px;
	margin:				0 0 0 120px;
	background:			#8d5b73;
	border:				1px solid #753956;
	color:				#f6ebf1;
}

#contact-us #contact textarea {
	float:				left;
	width:				246px;
	margin:				0 0 8px 0;
	padding:			5px;
}

#contact-us #contact p {
	float:				left;
	width:				260px;
	margin:				0 0 20px 120px;
}

#contact-us .contact-image {
	float:				right;
	margin-top:			10px;
}

/***************************** END CONTACT US PAGE STYLES *****************************/
#footer {
	clear:				both;
	width:				900px;
	margin-bottom:		50px;
}

.clear {
	clear:				both;
}

.left {
	float:				left;
}

.right {
	float:				right;
}

hr {
	display:			block;
	clear:				both;
	width:				900px;
	height:				1px;
	margin:				0 0 40px -50px;
	padding:			0 0 40px 0;
	border:				none;
	border-bottom:		1px dotted #ccc;
	background:			none;
	/*
	height:				34px;
	margin:				0 0 0 -50px;
	padding:			0;
	border:				none;
	background:			url(images/divider.jpg) no-repeat;
	*/
}