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

html, body {
	height: 100%;
}

body {
	background-color:#f89d34;
}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%; /* the bottom margin is the negative value of the footer's height */
	width:960px;
	background:url(../images/backgrounds/container.jpg) 0 0 no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: -139px;
	margin-left: auto;
	position: relative;
}

#masthead {
	margin-top:27px;
	height:110px;
	width:350px;
	text-indent:-3000px;
	padding:18px 0 0 5px;
	float:left;
}
			
#masthead a {
	display:block;
	height:110px;
	width:450px;
	/*background:url(../images/logos/SandalsLogo.png) 0 0 no-repeat;*/
}
/*#headerspace {
	float:right;
	height:70px;
	width:235px;
}
*/
#primary-navigation {
	height:35px;
	/*margin-top:119px;*/
	margin-top:104px;
	margin-right: -30px;
	/*width:375px;*/
	width:150px;
	float:right;
}

#primary-navigation li {
	text-indent:-3000px;
	float:left;					
}

#primary-navigation li a {
	display:block;
	height:35px;
	/*removes dotted line around links in Firefox browsers*/
	outline: none;
}
				
		/* OFF - NORMAL STATS */
		#index-nav {
			width:150px;
			background:url(../images/navigation/top-navigation-matrix.png) 70px 0px no-repeat;
		}
		
		/* HOVER and ACTIVE */
		 #index-nav:hover, body#index #index-nav {
			background-image: url(../images/navigation/top-navigation-matrix.png);
			background-repeat: no-repeat;
			background-position: 70px -38px;
			position: relative;
		}				
		#options-nav {
			width:150px;
			background:url(../images/navigation/top-navigation-matrix.png) -90px 0px no-repeat;
		}
			
		#options-nav:hover, body#options #options-nav {
			background:url(../images/navigation/top-navigation-matrix.png) -90px -38px no-repeat;
		}			

/*		#faqs-nav {
			width:80px;
			background:url(../images/navigation/top-navigation-matrix.png) -260px 0px no-repeat;
		}
		#faqs-nav:hover, body#faqs #faqs-nav {
			background:url(../images/navigation/top-navigation-matrix.png) -260px -38px no-repeat;
		}					
*/			
		#contact-nav {
			width:150px;
			background:url(../images/navigation/top-navigation-matrix.png) -250px 0px no-repeat;
		}
		#contact-nav:hover, body#contact #contact-nav {
			background:url(../images/navigation/top-navigation-matrix.png) -250px -38px no-repeat;
		}						
						
#main-content {
	float:right;
	margin-top:30px;
}

html>body #main-content {
	margin-right:45px;
}

* #main-content {
	margin-right:20px;
}


#sidebar-content {
	height:400px;
	width:210px;
	float:left;
	clear:left;
	margin-top:30px;
}
html>body #sidebar-content {
	margin-right:10px;
}
* #sidebar-content {
	margin-left:25px;
}
			
body#index #sidebar-content {
/*	background: #FFF url(../images/elements/Sidebar.png) 0 0 no-repeat;
*/}	
body#faqs #sidebar-content {
/*	background: #FFF url(../images/elements/Sidebar.png) 0 0 no-repeat;
*/}	
body#options #sidebar-content {
/*	background: #FFF url(../images/elements/Sidebar.png) 0 0 no-repeat;
*/}	

/* END */
.box-header {
	float:right;
	padding: 8px;
	margin-top: -3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #cf6f33;
	text-align: center;
}

.box-welcome {
	width: 636px;					
	float: left;
	margin-right: 100px;
	margin-top:5px;
}

.box-welcome-text {
	padding: 8px;
	margin-top: -3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #cf6f33;
	text-align: center;
}
.box-welcome-text-alert {
	padding: 8px;
	margin-top: -3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #f55561;
	text-align: center;
	margin-right: 65px;
}


.box {
	width: 209px;					
	float: left;
	margin-right: 10px;
}

.box-text {
	padding: 8px;
	height: 140px;
	background: #7ee081; 
	margin-top: -3px;
}
.box-text-alert {
	padding: 8px;
	margin-left:500px;
	margin-top: -3px;
}
.box-text-alert a {
	text-decoration:none;
	color: #D0454F;
}
.box-text-form {
	padding: 8px;
	margin-top: -3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cf6f33;
}
.box-text-form h1 {
	font-size: 14px;
	font-weight: normal;
	float: center;
}

.text-alert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #f55561;
	font-weight: bold;
}


 #main-content .box a {
	 position: relative;
	 display: block;				
	 background: #7ee081;
 }

			
	#sidebar-album-changes {
		width:400px;
		position: absolute;
		left:10px;
		top: 220px;
		border: 1px solid #F55561;
		margin-left:20px;
		padding-top: 5px;
		padding-right: 5px;
		padding-left: 5px;
	}

	.sidebar-album-changes-text{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #7e2f98;
	}
	.sidebar-textheader{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #318950;
		font-weight: bold;
	}
	
	
	.sidebar-album-options-text{
		/*Used in FlipbookPg2.php*/
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #318950;
	}
	.sidebar-album-options-textheader{
		/*Used in FlipbookPg2.php*/
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #318950;
		font-weight: bold;
	}

	#sidebar-user-info {
		width:425px;
		float:right;
		border: 1px solid #F55561;
		margin-top:0px;
/*		margin-right:-437px;*/
		margin-left:100px;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		padding-left: 7px;
	}
	#sidebar-submit {
		width:425px;
		float:right;
		margin-left:100px;
	}
	
	.submit-text-alert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f55561;
}

							
.box-options {
	width: 600px;					
	float: left;
	margin-right: 90px;
	margin-top:5px;
}

.box-options-text {
	padding: 8px;
	margin-top: -3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #cf6f33;
	text-align: left;
}

	.box-album-options {
	width:160px;
	position: relative;
	left: 20px;
	top: 30px;
	border: 1px solid #F55561;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 7px;
	padding-bottom:3px;
	float: left;
	margin: 0 15px 15px 0;
	}

	.box-alacarte-options {
	width:538px;
	position: relative;
	left: 20px;
	top: 30px;
	border: 1px solid #F55561;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 7px;
	padding-bottom:3px;
	float: left;
	margin: 0 15px 15px 0;
	}

.choices-text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #731B67;
	}

.box-comments {
	text-align:center;
	left: -30px;
	position:relative;
}
	
	#footer_pictures {
		text-align:center;
		background:url(../images/backgrounds/footer_pictures.jpg) 0 0 no-repeat;
		width:960px;
		height: 83px;
		margin:60px auto 0 auto;
		position: relative;
	}
			
	#footer {
		text-align:center;
		background:url(../images/backgrounds/footer_bottom.jpg) 0 0 no-repeat;
		width:960px;
		margin:0 auto 0 auto;
	}
		#footer ul {
			width:960px;
			height:30px;
			padding-top: 10px;
		}
			
			#footer ul li {
				display:inline;
				color:#a0a0a0;
			}
				
				#footer ul li a {
					text-decoration:none;
					padding:5px;
					color:#a0a0a0;
				}
					
				#footer ul li a:hover {
					text-decoration:underline;
					color:#656565;
				}
							
.push {
	height: 60px; /* .push must be the same height as .footer */
}
	
.left-spacer{
	width: 10px;
	float:left;
	border: 1px solid #F55561;
	background-color: #000099;	/*margin-top:5px;*/
}


textarea {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	width:500px;
	float:none;
}

.emphasis {
	font-weight: normal;
	font-style: italic;
}
strong {
	font-weight: bold;
}
li {
	list-style-position: inside;
	list-style-type: disc;
}
.fineprint {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;	
	color: #7e2f98;
}
#alert-header{
	font-size:16px;
	color: #080DF8;
	font-weight: bold;
}
#bold-alert{
	font-weight: bold;
	color:  #D0454F;
}