img.showhouse { width: 460px; height: 54px; background:url("../images/GaramondSprite.png") -190px -1276px;}
img.tickets { width: 381px; height: 54px; background:url("../images/GaramondSprite.png") -220px -1163px;}
img.coastaldesign { width: 550px; height: 118px; background:url("../images/GaramondSprite.png") -143px -152px;}
img.navyseal { width: 400px; height: 121px; background:url("../images/GaramondSprite.png") -180px -624px;}
img.flagship { width: 471px; height: 127px; background:url("../images/GaramondSprite.png") -155px -797px;}
img.flagg { width: 508px; height: 114px; background:url("../images/GaramondSprite.png") -157px -1001px;}
img.coastalconst { width: 504px; height: 104px; background:url("../images/GaramondSprite.png") -175px -1470px;}
img.island { width: 420px; height: 38px; background:url("../images/GaramondSprite.png") -170px -344px;}
img.gala { width: 539px; height: 104px; background:url("../images/GaramondSprite.png") -190px -457px;}

img.enter { width: 759px; height: 318px; background:url("../images/Sprite2.png") -237px -49px;}
img.faq { width: 131px; height: 80px; background:url("../images/Sprite2.png") -2066px -1418px;}
img.preorder { width: 428px; height: 98px; background:url("../images/Sprite2.png") -1562px -703px;}
img.google { width: 356px; height: 94px; background:url("../images/Sprite2.png") -1658px -890px;}
img.flagship1 { width: 400px; height: 145px; background:url("../images/Sprite2.png") -1055px -1203px;}
img.houzz { width: 400px; height: 29px; background:url("../images/Sprite2.png") -1070px -888px;}
img.flaggbox { width: 350px; height: 226px; background:url("../images/Sprite2.png") -65px -802px;}
img.flagshipbox { width: 306px; height: 227px; background:url("../images/Sprite2.png") -447px -802px;}
img.wedowork { width: 412px; height: 60px; background:url("../images/Sprite2.png") -1139px -1094px;}

body {
	background: #333132;
}

ul {
	list-style:none;
}

h1 {
	color: #fff;
}
nav#primary {
	z-index: 99900;
	position: fixed;
	top: 50%;
	right: 16px;
	margin-top: -40px;
}
nav#primary li {
	position: relative;
	height: 20px;
}
nav#primary a {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	background: transparent url('../images/nav-dot.png') 4px 4px no-repeat;
}
nav#primary a:hover, nav#primary a.active {
	background: transparent url('../images/nav-dot.png') 4px -16px no-repeat;
}
nav#primary h1 {
	position: absolute;
	right: 22px;
	display: none;
	padding: 4px 20px 4px 7px;;
	color: #fff;
	white-space: nowrap;
	background: transparent url('../images/nav-arrow.png') 100% 50% no-repeat;
	font-weight:normal;
	}
nav.next-prev {
	margin: 30px 0 0 0;
	}
	a.prev,
	a.next {
		display: block;
		width: 70px;
		height:70px;
		text-indent: -9999px;
		}
	a.prev {
		margin: 0 auto 5px auto;
		
		}
	a.next {
		margin: 5px auto 0 auto;
		width: 67px; height: 67px; background:url("../images/Sprite2.png") -1681px -1203px;
		}
#tenth a.next {
		margin: 5px auto 0 auto;
		width: 67px; height: 67px; background:url("../images/Sprite2.png") -1867px -1203px;
		}
article h2 { }

.story {
	height: 1000px;
	padding: 0;
	margin: 0;
	width: 100;
	max-width: 1920px;
	position: relative;
	margin: 0 auto;
}
.lastpage {
	height: 650px;
	padding: 0;
	margin: 0;
	width: 100;
	max-width: 1920px;
	position: relative;
	margin: 0 auto;

}

#first { background: url(../images/FrontPage100Ocean.jpg) 
  no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
#second {
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-image: url(../images/Boat.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#third { background: url(../images/100OceanTwo.jpg)no-repeat center center fixed; 
  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
  background-size: cover; }
#fourth {
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-image: url(../images/oceanocean.JPG);
	background-repeat: no-repeat;
	background-position: 40%;
}
#fifth {
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-image: url(../images/navyseal.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#sixth {
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
	background-attachment: fixed;
	background-image: url(../images/IMG_0103.JPG);
	background-repeat: no-repeat;
	background-position: center center;
}
#seventh {
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
	background-attachment: fixed;
	background-image: url(../images/CoronadoIslands.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#eighth {
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
	background-attachment: fixed;
	background-image: url(../images/Coronado-Village1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#ninth{
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
	background-attachment: fixed;
	background-image: url(../images/View%20From%20Rooftop%20Deck%20.JPG);
	background-repeat: no-repeat;
	background-position: center center;
}
#tenth {
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
	background-attachment: fixed;
	background-image: url(../images/Coronado-Beach-at-Dusk3.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

/* Introduction */
#first article { width: 100%; top: 50px; position: absolute; text-align: center; }
#first article a { color: #ccc; }
#first article a { text-decoration: underline; }
#first article a:hover { color: #fff; }

/* Senior Formal */
#second { padding: 20px 0;}
#second .blackbox { margin-top:10px; background:black; height:100%; color: #fff; width: 450px; margin-left: 50px; padding: 10px 20px; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; box-shadow: 0 0 25px rgba(0,0,0,0.3); border: 1px solid rgba(150,150,150,0.1); }

#second article p { margin-bottom: 25px; width:450px; text-size: 18px;}
#second article a { color: #ff0;}

/* Senior Arts Gala @ Bing */
#fourth { padding: 50px 0;}

#fourth article p {
	width: 500px;
	margin-bottom: 25px;
}
#fourth article a { color: #ff0;}

#fourth .blackbox {
	margin-top:20px;
	background:black;
	height:100%;
	color: #fff;
	margin-left: 50px;
	width: 500px;
	padding: 10px 20px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	line-height: 1.5em;
	box-shadow: 0 0 25px rgba(0,0,0,0.3);
	border: 1px solid rgba(150,150,150,0.1);
}

#third .blackbox {
	margin-top:0px;
	background:black;
	height:100%;
	color: #fff;
	width: 400px;
	margin-left: 20px;
	padding: 10px 20px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	line-height: 1.5em;
	box-shadow: 0 0 25px rgba(0,0,0,0.3);
	border: 1px solid rgba(150,150,150,0.1);
}
#third article {
	padding: 10px 20px;
	right: 50px;
	line-height: 1.5em;
	color: #fff;
	position: absolute;
	top: 15px;
}

/*#fourth article {  margin-top:220px; margin-left: 35%; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; color: #fff; position: absolute; top: 0; }*/
#third article p {
	font-size:16px;
	width: 410px;
	margin-top: 25px;
}

#sixth { padding: 50px 0;}
#sixth .blackbox {
	margin-top:20px;
	background:black;
	height:100%;
	color: #fff;
	width: 500px;
	margin-left: 50px;
	padding: 10px 20px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	line-height: 1.5em;
	box-shadow: 0 0 25px rgba(0,0,0,0.3);
	border: 1px solid rgba(150,150,150,0.1);
}

#sixth article p { margin-bottom: 25px; width:500px; }
#sixth article a { color: #ff0;}
#sixth li { list-style-type:circle;}

/* Senior Days */
#fifth article {
	right: 50px;
	line-height: 1.5em;
	color: #fff;
	position: absolute;
	top: -47px;
}
#fifth article p {
	width: 435px;
	margin-bottom: 25px;
}
#fifth .blackbox {
	margin-top: 100px;
	background:black;
	height:100%;
	color: #fff;
	width: 450px;
	padding: 10px 20px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	line-height: 1.5em;
	box-shadow: 0 0 25px rgba(0,0,0,0.3);
	border: 1px solid rgba(150,150,150,0.1);
}
#fifth li { list-style-type:circle;}

/* Senior Nights*/
#eighth { padding: 50px 0;}
#eighth .blackbox { margin-top:20px; background:black; height:100%; color: #fff; width: 450px; margin-left: 50px; padding: 10px 20px; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; box-shadow: 0 0 25px rgba(0,0,0,0.3); border: 1px solid rgba(150,150,150,0.1); }

#eighth article p { width: 400; margin-bottom: 25px; }
#eighth article a { color: #ff0;}
#eighth li { list-style-type:circle; }

/* Senior Toast */
#seventh article { right: 50px; top: 20px; line-height: 1.5em; color: #fff; position: absolute;}
#seventh article p { width: 450px; margin-bottom: 25px; }
#seventh .blackbox {
	margin-top:0px;
	background:black;
	height:100%;
	color: #fff;
	width: 450px;
	padding: 10px 15px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	line-height: 1.5em;
	box-shadow: 0 0 25px rgba(0,0,0,0.3);
	border: 1px solid rgba(150,150,150,0.1);
}

/* Commencement Weekend*/
#ninth { padding: 50px 0;}
#ninth .blackbox { 	margin-top:0px;
	margin-left:40px;
	background:black;
	height:100%;
	color:#fff;
	width:100%;
	padding: 10px 20px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	line-height: 1.5em;
	box-shadow: 0 0 25px rgba(0,0,0,0.3);
	border: 1px solid rgba(150,150,150,0.1);
}

#ninth article { padding: 10px 20px; margin: 40px 0 0 56%; line-height: 1.5em; color: #fff; position: absolute; top: 0; }
#ninth article p { width: 435px; margin-bottom: 25px; }
#ninth article a { color: #ff0;}



/* FAQ */

#faq {
	position:fixed;
	right:30px;
	bottom:20px;
	z-index: 99901;
	cursor: hand; cursor: pointer;
}

#privateevents {
	position:fixed;
	top:0px;
	right:0px;
	z-index: 99901;
	cursor: hand; cursor: pointer;
}

#twitter {
	position:fixed;
	left:10px;
	bottom:20px;
	z-index: 99901;
	cursor: hand; cursor: pointer; 
}
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
    position:fixed;
    bottom: 20px;
	left:200px;
	bottom:20px;
	z-index: 99902;
	cursor: hand; cursor: pointer; 
}

/* the overlayed element */
.simple_overlay {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:black;
	opacity:.95;
	color:white;
 	padding:20px;
    width:400px;
    min-height:100px;
 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 80px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
 
 .simple_overlay_event {
 
    /* must be initially hidden */
    /* display:none; */
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:black;
	color:white;
 	padding:20px;
    width: 600px;
    height: auto;
    min-height:200px;
 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 80px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(http://jquerytools.org/media/img/overlay/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

.simple_overlay_event .close {
    background-image:url(http://jquerytools.org/media/img/overlay/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}