body {
	background-repeat: repeat;
	background-image: url(../images/general/bg_paper.gif);
	padding: 0;
	margin: 0;
	text-decoration: none;
}

#mainContentHolder {
	background: #FFF url(../images/general/bg_paper_light.gif) repeat scroll;
	margin-left: auto;
	margin-bottom: auto;
	margin-right: auto;
	margin-top: 75px;
	top:auto;
	right: auto;
	left: auto;
	position: relative;
	height: 524px;
	width: 720px;
	z-index: 2;
}

.pageContent{
	top: 2em;
	bottom: 4em;
	left: 0em;
	right: 0em;
	display: block;
	overflow: hidden;
	position: absolute;
}

.logo{
	background-repeat: no-repeat;
	background-image: url(../images/general/SWA_logo.png);
	position: relative;
	height: 30px;
	width: 260px;
	margin:0 auto;
	left:auto;
	right:auto;
	top:18px;
	z-index: 3;
	display: block;
}


#loadingIndicator{
	position: absolute;
	height: 136px;
	width:140px;
	margin-left: -70px;
	left: 50%;
	top: 9em;
}





#slider{
	width: 720px;
	margin:0 auto;
	position: relative;
}

.scroll{
	height: 426px;
	width: 720px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
}

.scrollContainer div.panel{
	padding: 20px;
	height: 386px;
	width: 680px; //720px;
	position: absolute; //non-coda slider prop
}

ul.sliderNavigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
    visibility: hidden;
    position: absolute;
}

ul.sliderNavigation li {
    display: inline;
    margin-right: 10px;
}

ul.sliderNavigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.sliderNavigation a:hover {
    background-color: #f6f6f6;
}

ul.sliderNavigation a.selected {
    background-color: #fff;
}

ul.sliderNavigation a:focus {
    outline: none;
}






/* NAVIGATION STYLING */
.navigation{
	position: absolute;
	float: right;
	width: 29em;
	height: 25px;
	margin-top: -25px;
	right:-1px;
	overflow: hidden;
}

.navToggleClass{
	float: right;
	height: 25px;
	width: 79px;
	background: transparent url(../images/general/nav/navTab_Closed.png) no-repeat;
	cursor: pointer;
	z-index: 1000;
	position: absolute;
	right: 0;
}

.navToggleClass_open{
	background: transparent url(../images/general/nav/navTab_Opened.png) no-repeat;
	float: right;
	height: 25px;
	width: 79px;
	cursor: pointer;
	z-index: 1000;
	position: absolute;
	right: 0;
}

#sectionIcons{
	width: 162px;
	height: 25px;
	background: transparent url(../images/general/nav/iconSection_Buttons.png) no-repeat;
	cursor: pointer;
	display: block;
	float: right;
	margin-right: 3em;
	position: absolute;
	right: 0em;
	z-index: 998;
}

#weddingsTab, #babyTab, #birthdaysTab{
	display: block;
	position: absolute;
	height: 1.35em;
	width: 2em;
	margin-top: 0.15em;
}

#weddingsTab{
	margin-left: 1.85em;
}

#babyTab{
	margin-left: 3.9em;
}

#birthdaysTab{
	margin-left: 6em;
}

.navTabs{
	display: block;
	height: 25px;
	cursor: pointer;
	position: absolute;
}

#contactUsTab{
	width: 132px;
	background: transparent url(../images/general/nav/contact_tab.png) no-repeat;
	right: 11em;
	z-index: 997;
}

#aboutUsTab{
	width: 112px;
	background: transparent url(../images/general/nav/about_tab.png) no-repeat;
	margin-left: 4.5em;
	z-index: 996;
	right: 17.5em;
}


#homeTab{
	width: 84px;
	background: transparent url(../images/general/nav/home_tab.png) no-repeat;
	margin-left: 4.5em;
	z-index: 995;
	right: 22.75em;
	margin-top: 1px;
}
/* END NAVIGATION STYLING */






/* FRAME ELEMENT STYLING */
.frameElements{
	position: absolute;
}

.topBorder{
	width: 708px;
	padding: 0px;
	margin: 0px;
	top: 6px;
	position: relative;
	left: 5px;
	border: solid 1px #a5d7e0;
	background: transparent url(../images/general/top_border_repeat.gif) repeat-x scroll;
	height: 11px;
	display: block;
}

.bottomBorder{
	top: 346px;
	width: 708px;
	padding: 0px;
	margin: 0px;
	position: relative;
	left: 5px;
	border: solid 1px #a5d7e0;
	background: transparent url(../images/general/bottomBorderRepeat.gif) repeat-x scroll;
	height: 44px;
	display: block;
}

.topLeftAccent{
	left: 6px;
	top: 11px;
	position: relative;
	border-style: none;
	background-repeat: no-repeat;
	background-image: url(../images/general/topLeftAccent.gif);
	height: 56px;
	width: 64px;
	display: block;
}

.bottomRightAccent{
	left: 650px;
	top: 340px;
	position: relative;
	border-style: none;
	background-repeat: no-repeat;
	background-image: url(../images/general/bottomRightAccent.gif);
	height: 56px;
	width: 64px;
	display: block;
}
/* END FRAME ELEMENT STYLING */




/* SHADOW EFFECT */
.shadowContainer{
	position: absolute;
}

.shadowContainer .ul, .shadowContainer .top, .shadowContainer .ur, .shadowContainer .right, .shadowContainer .lr, .shadowContainer .bottom, .shadowContainer .ll, .shadowContainer .left{
	position: absolute;	display: block;	background: transparent no-repeat;
}

.shadowContainer .ul, .shadowContainer .ll{
	width: 18px;	height:14px;	left: -18px;
}

.shadowContainer .ul{
	background: url(../images/general/dropShadow/ul.png);	top:-14px;
}

.shadowContainer .ll{
	background: url(../images/general/dropShadow/ll.png);	top:524px;
}

.shadowContainer .ur, .shadowContainer .lr{
	width: 18px;	height:14px;	left:720px;
}

.shadowContainer .ur{
	background: url(../images/general/dropShadow/ur.png);	top:-14px;
}

.shadowContainer .lr{
	background: url(../images/general/dropShadow/lr.png);	top:524px;
}

.shadowContainer .top, .shadowContainer .bottom{
	width: 720px;	left: 0px;
}

.shadowContainer .top{
	background: url(../images/general/dropShadow/top.png);	height:16px;	top:-16px;
}

.shadowContainer .bottom{
	background: url(../images/general/dropShadow/bottom.png);	height:26px;	top:524px;
}

.shadowContainer .left, .shadowContainer .right{
	width: 21px;	height:524px;	top:0px;
}

.shadowContainer .left{
	background: url(../images/general/dropShadow/left.png);	left: -21px;
}

.shadowContainer .right{
	background: url(../images/general/dropShadow/right.png); left: 720px;
}
/* END SHADOW EFFECT */


	a:link {
		color: #31849b;
		text-decoration: none;
}
	a:visited {
		color: #31849b;
		text-decoration: none;
}
	a:hover {
		color: #92cddc;
		text-decoration: none;
}
	a:active {
		color: #92cddc;
		text-decoration: none;
}


	.highTower{
		font-size: 2em;
	}
	
	#myDiv.highTower{
		font-size: 1em;
		color: #58595B;
	}
	
	.pageText_light{
	font-size: 0.7em;
	color: #58595B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	.pageTextSmall_light{
	font-size: 0.6em;
	color: #58595B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	.pageBigHeader_light{
	font-size: 1.5em;
	color: #92cddc;
	}
	
	.pageBigHeader_dark{
	font-size: 1.5em;
	color: #31849b;
	}
	
	.pageHeader_light{
	font-size: 1em;
	color: #92cddc;
	}
	
	.pageHeader_dark{
	font-size: 1em;
	color: #31849b;
	}
	
	.pageSubHeader_light{
	font-size: 0.8em;
	color: #92cddc;
	text-decoration: none;
	}
	
	.pageSubHeader_dark{
	font-size: 0.8em;
	color: #31849b;
	text-decoration: none;
	}
	
	.photoLabel{
	font-size: 0.6em;
	color: #31849b;
	text-decoration: none;
	}
	
	.linkText{
	font-size: 0.8em;
	color: #31849b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.linkTextSmall{
	font-size: 0.7em;
	color: #31849b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	.itemList {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #31849b;
}


	.qtip-content{
 	font-size: 11px;
 	font-family: 'Verdana';
	}

	.instructionalText{
	font-size: 0.8em;
	color: #58595B;
	font-style: italic;
	}

	.thumbFrame{
	height: 120px;
	width: 122px;
	}
	
	.babyPageBigHeader_light{
	font-size: 1.5em;
	color: #a7d86d;
	}
	
	.babyPageBigHeader_dark{
	font-size: 1.5em;
	color: #668442;
	}
	
	.babyPageHeader_light{
	font-size: 1em;
	color: #a7d86d;
	}
	
	.babyPageHeader_dark{
	font-size: 1em;
	color: #668442;
	}
	
	.babyPageSubHeader_light{
	font-size: 0.8em;
	color: #a7d86d;
	text-decoration: none;
	}
	
	.babyPageSubHeader_dark{
	font-size: 0.8em;
	color: #668442;
	text-decoration: none;
	}
	
	.bdayPageBigHeader_light{
	font-size: 1.5em;
	color: #ef4a8c;
	}
	
	.bdayPageBigHeader_dark{
	font-size: 1.5em;
	color: #a23360;
	}
	
	.bdayPageHeader_light{
	font-size: 1em;
	color: #ef4a8c;
	}
	
	.bdayPageHeader_dark{
	font-size: 1em;
	color: #a23360;
	}
	
	.bdayPageSubHeader_light{
	font-size: 0.8em;
	color: #ef4a8c;
	text-decoration: none;
	}
	
	.bdayPageSubHeader_dark{
	font-size: 0.8em;
	color: #a23360;
	text-decoration: none;
	}
	
	
.subNavContainer{
	position: absolute;
	right: 29px;
	top: -0.5em;
	z-index: 100;
	width: 33em;
}

ul.subNav{
	list-style: none;
	list-style-position: inside;
}

ul.subNav li{
	float: left;
	font-size: 12px;
}

.subContactBox{
	position: absolute;
	right: 0px;
	font-size: 0.75em;
	top: 34px;
	right: -7px;
	text-align: right;
}

.contactBox{
	color: #888;
}

.contactLabel{
	color: #92CDDC;
	margin-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

.emailBox{
	color: #92CDDC;
}

.email, .email a, .email a:hover, .email a:visited{
	color: #92CDDC !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}


.hiddenImage{
	visibility: none;
	display: none;
}

label{
	float: left;
	font-size: 0.8em !important;
	color: #31849B;
}

fieldset{
	border: none;
}

fieldset input{
	color: #444;
	font-size: 0.8em;
	width: 21.5em;
	margin-bottom: 0.65em;
	margin-top: 0.35em;
}

fieldset textarea{
	color: #444;
	font-size: 1em;
	width: 21.5em;
	padding: 0.25em;
	margin-bottom: 0.65em;
	margin-top: 0.35em;
}


fieldset select{
		color: #444 !important;
		font-size: 0.8em;
		width: 21.5em;
		margin-bottom: 0.65em;
		margin-top: 0.35em;
}

fieldset #firstName, fieldset #lastName{
	width:10.25em;
	float: left;
	margin-left: 0.35em;
}

#guestsSlider{
	width: 13em;
	float: left;
	margin-bottom: 1em;
	margin-left: 1.25em;
	margin-top: 0.75em;
	clear: right;
}

#guestCount{
	width: 3em;
	float: left;
	clear: left;
}

input.placeholder_text{
	color: #aaa;
}

#formSubmit{
	width: 4em;
	font-family: Verdana;
	font-size: 0.8em;
	float: right;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	cursor: pointer;
}

#formSubmitFeedback{
	display: none;
	color: #31849B !important;
	font-size: 1em !important;
	width: 16em;
	padding: 0.5em;
	text-align: right;
}