/*	--------------------------------------------------------------------------------------------------------------------------
	CSS Reset, altText, clearfix
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, font, img, ins, kbd, q, s, samp,
	small, strike, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		border:0;
		margin:0; padding:0; 
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
		outline:none;
		font-weight:normal;
	}
	html {
		overflow-y:scroll;
	}
	img {
		display:block;
	}
	body {
		background:#e9b36b;
		font:normal 13px Verdana, Geneva, sans-serif;
		line-height:1;
	}
	ol, ul {
		list-style:none;
	}
	blockquote, q {
		quotes:none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content:'';
		content:none;
	}
	a {
		text-decoration:none;
		color:#ffffff;	
		/*text-shadow:0.1em 0.2em 0.05em #161615;*/
	}
		a:hover {
			color:#000000;	
		}
		a:active {
			color:#999999;	
		}
	ul li ul li a {
		color:#736d51;	
		text-shadow:none;
	}
		ul li ul li a:hover {
			color:#736d51;
			text-decoration:underline;	
		}
	/* tables still need 'cellspacing="0"' in the markup */
	table { 
		border-collapse:collapse;
		border-spacing:0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		border:0;
		margin:0; padding:0;
		height:0px;
		background:transparent;
		overflow:hidden;
		font-size:1px;
		clear:both;
	}
	.clearfix:after {
		content: ".";
		height:0;
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	#story.popup_window {
		width:393px;
		background:url(../images/popup_header.png) 0 0 no-repeat;	
	}
	.popup_window {
		background:url(../images/popup_header_left.png) 13px 0 no-repeat;
		font-size:12px;
		height:199px;
		width:404px;
		padding:79px 0 0 0;
		color:#fff;	
		position:absolute;
		display:none;
	}
	.popup_body {
		background:url(../images/popup_repeat.png) repeat-y;	
	}
	.popup_footer {
		padding:15px 0 0 0;
		background:url(../images/popup_footer.png)  0 bottom no-repeat;	
	}
	.popup_window h4 {
		width:360px;
		color:#92278f;
		font:bold 20px Arial, Helvetica, sans-serif;
		text-align:center;
		position:absolute;
		left:24px; top:37px;
	}
	.popup_window p {
		width:322px;
		font:bold 16px/22px Arial, Helvetica, sans-serif;
		color:#92278f;
		position:relative;
		left:46px; top:-13px;
	}
	#story {
		left:-98px; top:111px;	
	}
	#rsvp {
		right:133px; top:299px;	
	}
	#blog {
		right:154px; top:363px;
	}
	#guestInfo {
		right:143px; top:406px;
	}
	#guestbook {
		right:182px; top:464px;
	}
	#slideshows {
		right:178px; top:505px;
	}
	#facebook {
		right:206px; top:568px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Main Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#main {
		width:960px;
		position:relative;
		margin:0 auto;
	}
	#bg {
		height:890px;
		background:url(../images/bg_diva.png) center 117px no-repeat;
		background:url(../images/bg_diva.png) center 117px no-repeat, url(../images/bg.jpg) top center no-repeat, url(../images/bg_repeat.jpg) repeat-x;
		-pie-background:url(images/bg_diva.png) center 117px no-repeat, url(images/bg.jpg) top center no-repeat, url(images/bg_repeat.jpg) repeat-x;
		behavior:url('PIE.htc');
		position:relative;
	}
	h1 {
		width:480px; height:250px;
		margin:0 auto 44px auto;
		background:url(../images/h1_divaLogo.png) 0 0 no-repeat;	
		position:relative;
		top:28px;
	}
	.btn_story {
		width:225px; height:86px;
		background:url(../images/btn_story.png) 0 0 no-repeat;
		display:block;	
		position:absolute;
		left:-68px; top:43px;
		z-index:10;
	}
	@media all {  
		
	}
	.btn_rsvp {
		width:123px; height:37px;
		display:block;	
		position:absolute;
		right:12px; top:341px;
	}
	.btn_blog {
		width:175px; height:30px;
		display:block;
		position:absolute;
		right:-15px; top:411px;	
	}
	.btn_guestInfo {
		width:175px; height:30px;
		display:block;	
		position:absolute;
		right:-4px; top:446px;	
	}
	.btn_guestbook {
		width:226px; height:30px;
		display:block;	
		position:absolute;
		right:-44px; top:511px;	
	}
	.btn_slideshows {
		width:229px; height:30px;
		display:block;	
		position:absolute;
		right:-44px; top:550px;	
	}
	.btn_facebook {
		width:283px; height:46px;
		display:block;	
		position:absolute;
		right:-70px; top:624px;	
	}
	#h3_attention {
		width:142px; height:62px;
		margin:64px 0 0 387px;
		background:url(../images/h3_attention.png) 0 0 no-repeat;
	}
	.attention {
		width:260px;
		margin:12px 0 0 330px;
		text-align:center;
		font:normal 17px/22px Arial, Helvetica, sans-serif;
		color:#999999;
	}
	.attention p:first-child {
		margin:0 0 10px 0;	
	}
	
	.buttons {
		margin:50px 0 15px 121px;
	}
	.buttons a {
		height:67px;	
		background:url(../images/menu_sprite.png) 0 21px no-repeat;
		margin:0 25px 0 0;
		display:block;
		float:left;
	}
	.buttons .btn_example {
		width:123px;
	}
		.buttons .btn_example:hover {
			background-position:0 bottom;	
		}
	.buttons .btn_priceList {
		background-position:-143px 21px;
		width:85px;
	}
		.buttons .btn_priceList:hover {
			background-position:-143px bottom;	
		}
	.buttons .btn_contact {
		background-position:-251px 21px;
		width:141px;
	}
		.buttons .btn_contact:hover {
			background-position:-251px bottom;	
		}
	.buttons .btn_recommendedServices {
		background-position:-421px 21px;
		width:177px;
	}
		.buttons .btn_recommendedServices:hover {
			background-position:-421px bottom;	
		}
	
	#contact_the_diva {
		width:911px; height:621px;
		margin:0 0 0 -455px;
		background:url(../images/bg_contactTheDiva.png) 0 0 no-repeat;	
		z-index:1000;
		position:absolute;
		top:0; left:50%;
		display:none;
	}
	#contact_the_diva #close {
		width:16px; height:14px;
		margin:99px 0 0 850px;
		background:url(../images/btn_close.png) 0 0 no-repeat;
		display:block;
	}
	#contact_the_diva #contactForm {
		background:url(../images/h2_contactTheDiva.png) 205px 0 no-repeat;
		margin:42px 0 0 135px; padding:76px 0 0;
		display:block;
	}
	#contact_the_diva .left {
		margin:0 40px 0 0;
		float:left;
	}	
	#contact_the_diva .right {
		float:left;	
	}
	#contact_the_diva label {
		font:normal 18px Arial, Helvetica, sans-serif;
		color:#f42081;
	}
		#contact_the_diva label span {
			font-size:13px;	
		}
	#contact_the_diva .input input, 
	#contact_the_diva textarea {
		border:solid 3px #f9a7ce;	
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#662d91;
	}
	#contact_the_diva .input {
		position:relative;
	}
		#contact_the_diva .input input {
			width:170px;
			padding:6px;	
		}
	#contact_the_diva textarea {
		padding:10px;
		width:425px; height:178px;	
	}
	#contact_the_diva .boxName {
		margin:0 0 27px 0;
	}
	#contact_the_diva .boxEmail {
		margin:0 0 38px 0;
	}
	#contact_the_diva #btn_submit {
		margin:28px 0 0 280px;	
	}
	#thankYou {
		width:512px; height:273px;
		margin:149px 0 0 314px;
		background:url(../images/bg_thankYou.png) 0 0 no-repeat;
		position:relative;
		display:none;	
	}
	.btn_checkOut {
		width:274px; height:14px;
		background:url(../images/btn_checkOut.png) 0 0 no-repeat;	
		display:block;
		position:absolute;
		right:0; bottom:0;
	}
	.error {
		width:240px;
		position:absolute;
		bottom:-16px; left:2px;
		color:#F00;
		display:none;
	}	
	
	#services {
		width:710px; height:478px;
		margin:0 0 0 -345px;
		background:url(../images/bg_services.png) 0 0 no-repeat;	
		z-index:1000;
		position:absolute;
		top:0; left:50%;
		display:none;
	}
	#services #close {
		width:16px; height:14px;
		margin:71px 0 0 643px;
		background:url(../images/btn_close.png) 0 0 no-repeat;
		display:block;
	}
	#services p {
		width:380px;
		margin:-1px 0 8px 181px;
		font:normal 15px Arial, Helvetica, sans-serif;
		color:#f42081;
	}
	#services .img {
		margin:48px 0 0 238px;
		width:248px;
		height:76px;
		display:block;
	}
	#services .link {
		margin:0 0 0 228px;
		font:normal 15px Arial, Helvetica, sans-serif;
		color:#662c91;
	}
	
	#follow {
		width:231px; height:34px;
		background:url(../images/bg_follow.png) 0 0 no-repeat;	
		position:absolute;
		top:54px; right:-40px;
	}
	#follow.pink {
		background:url(../images/bg_follow_pink.png) 0 0 no-repeat;	
		right:245px; top:133px;
	}
	#follow a {
		width:36px; height:34px;
		display:block;
		position:absolute;
	}
	#follow .btn_facebook {
		right:58px; top:0;
	}
	#follow .btn_twitter {
		right:0; top:0;
	}
	
	#footer {
		margin:53px 22px 130px 0;
		font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#ed1e79;
		text-align:center;
	}
	#footer span {
		margin:0 0 25px 0;
		font:bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#9e005d;
		display:block;
		letter-spacing:3px;
	}