/* @group General */

body {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 75%;
	line-height: 1.83em;
	background: #1f1f1f url(background-floral.gif) repeat top center;
	color: #fff;
}
p {
	margin: 0;
	padding: 0;
}

/* @end */

/* @group Layout */

#splash {
	margin: 0 auto;
	display: block;
	width: 940px;
	min-height: 550px;
	height: 550px;
	height: auto !important;
	position: relative;
}
#splash #copy {
	position: relative;
	z-index: 999;
}
#splash #image1, #splash #image2, #splash #image3 {
	display: block;
	width: 940px;
	height: 550px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	display: none;
}
#splash #image1 {
	background: transparent url(splash-hero-1.jpg) no-repeat top right;
}
#splash #image2 {
	background: transparent url(splash-hero-2.jpg) no-repeat top right;
}
#splash #image3 {
	background: transparent url(splash-hero-3.jpg) no-repeat top right;
}
#intro {
	margin: -270px 60px 0 0;
	background: transparent url(introcontainer.png) no-repeat top;
	width: 300px;
	padding: 20px;
	padding-bottom: 0;
	float: right;
	position: relative;
}
#intro .close {
	display: block;
	background: transparent url(introcontainer-close.png) no-repeat bottom;
	width: 340px;
	height: 20px;
	position: absolute;
	left: 0;
}

/* @end */

/* @group Branding */

#splash h1, #splash h1 a {
	display: block;
	width: 300px;
	height: 480px;
}
#splash h1 a {
	background: transparent url(eternal-weddings-logo-s.gif) no-repeat 0 30px;
	text-indent: -9999em;
	text-decoration: none;
}
#splash h2 span {
	display: block;
	width: 340px;
	height: 75px;
	background: transparent url(tagline.png) no-repeat 0 0;
	text-indent: -9999em;
	text-decoration: none;
	position: absolute;
	right: 60px;
	bottom: 20px;
	z-index: 9999;
}
/* @end */

/* @group Page Elements */

p#bookappointment {
	margin: 20px 0 20px 0;
	position: 0;
	display: block;
	width: 220px;
	height: 150px;
	background: transparent url(button-book-appointment.jpg) no-repeat;
}
p#bookappointment a {
	margin: 0 auto;
	padding-top: 105px;
	color: #fff;
	text-decoration: none;
	display: block;
	width: 200px;
	text-align: center;
}
p#bookappointment a span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.16em;
}
#footer .category ul {
	margin: 0;
}
#footer .category ul li {
	list-style-type: none;
	margin: 0;
}
#footer .category ul li ul li {
	margin-left: 2em;
}
#footer .category li a {
	color: #b9b9b9;
	text-decoration: none;
}
#footer .category li a:hover {
	color: #fff;
}
#footer .right p {
	margin: 0 0 20px 0;
	display: block;
	width: 220px;
	line-height: 1.2em;
}
#footer .right p a {
	display: block;
	width: 150px;
	height: 40px;
	color: #ccc;
	text-decoration: none;
	padding-left: 70px;
	padding-top: 15px;
}
#footer .right p a span {
	font-weight: 900;
	color: #fff;
}
#footer .right p.secure, #footer .right p.payment {
	float: left;
}
#footer .right p.shipping, #footer .right p.revium {
	float: right;
}
#footer .right p.secure a {
	background: transparent url(icon-footer-secure.gif) no-repeat;
}
#footer .right p.payment a {
	background: transparent url(icon-footer-payment.gif) no-repeat;
}
#footer .right p.shipping a {
	background: transparent url(icon-footer-shipping.gif) no-repeat;
}
#footer .right p.revium a {
	background: transparent url(icon-footer-revium.gif) no-repeat;
}

/* @end */

/* @group IE6 :( */

* html #intro {			/* Fixes see through background issue */
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="theme/introcontainer.png", sizingMethod="crop");
	padding-bottom: 20px;	/*	Compensates for the missing bottom div in IE6 */
}
* html #intro .close {	/* Fixes see through background issue */
	display: none;
}
* html #splash h2 span {	/* Fixes see through background issue and re-positioned */
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="theme/tagline.png", sizingMethod="crop");
	right: 120px;
	bottom: 30px;
}

/* @end */