#first { background: url(/img/image1-a.jpg) 50% 0 no-repeat fixed; }
#second { background: url(/img/group-street.jpg) 50% 0 no-repeat fixed; }
#third { background: url(/img/school-will.jpg) 50% 0 no-repeat fixed; }
#fourth { background: url(http://www.richardshepherd.com/smashing/parallax/images/slide3.jpg) 50% 0 no-repeat fixed; }
#news { background: url(/img/bex1.jpg) 50% 0 no-repeat fixed; }
#about-locations { background: url(/img/image1-a.jpg) 50% 0 no-repeat fixed; }

/* Introduction */
#first article { width: 950px; margin:auto; height:100%; }
#first #sec1head { font-weight:bold; font-size:55px; color:#DEB226; position:relative; top:150px; text-shadow: 5px 5px 15px #000; }
.sprite1 { background: url(/img/sprite-star.png) transparent 40% 100px no-repeat fixed; min-height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; float:left; margin: 0 auto; }
.sprite2 { background: url(/img/sprite-astr.png) transparent 40% 100px no-repeat fixed; min-height: 1000px; padding: 0; margin: 0; width: 300px; max-width: 1920px; position: relative; float:right; margin: 0 auto; }
#first #sec1news { font-weight:bold; font-size:55px; color:#DEB226; text-shadow: 5px 5px 15px #000; text-align:left; }
#first #sec1news-back-btn { position:relative;float:right;top:20px; }
/* Background Only */
#second { height: 2300px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(0,0,0,0.4); box-shadow: 0 0 50px rgba(0,0,0,0.6);}
#second { padding: 50px 0;}
#second #sec2head { font-weight:bold; font-size:120px; color:#DEB226; left:70px; top:100px; position:absolute; text-shadow: 5px 5px 15px #000; }
#second #sec2art1 { color: #fff; width: 600px; margin-left: 50px; margin-top:1300px; padding: 10px 20px; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em;}
#second #sec2art2 { width: 800px; color: #FFF; margin-right: 100px;position:absolute;right:0px;line-height:1.7;margin-top:100px; }
#second article p { margin-bottom: 25px; }
#second article a { color: #ff0;}

/* Photograph */
#third article { color: #fff; padding: 10px 20px; margin: 100px 100px 0 0; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; color: #fff; position: absolute; top: 0; right: 0; }
.photograph { background: url(/img/photo-third.png) transparent 40% 100px no-repeat fixed; min-height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; }
#third article p { width: 600px; margin-bottom: 25px; }

/* Background Only */
#news { padding: 0px 0;}
.photograph2 { background: url(/img/bex1.jpg) transparent 100% 100px no-repeat fixed; min-height: 2500px; padding: 0; margin: 0px; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; }
#news article { background: url(/img/text-back1.jpg) #000; background-size:100%; color: #fff; width: 450px; margin-left: 35%; padding: 10px 20px; position:absolute; top:200px; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; border-radius: 10px; }
#news article p { margin-bottom: 25px; }
#news article a { color: #ff0;}
.form-right { text-align:right; padding-right:10px; line-height:2.5; }

/* HTML5 Video */
#fourth article {  margin-left: 10%; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; color: #fff; position: absolute; top: 0; }
#fourth article p { width: 300px; margin: 50px 0; }
#fourth video { position: fixed; left: 50%; box-shadow: 0 0 25px rgba(0,0,0,0.7); z-index: 1;}


#about-locations article p { margin-bottom: 25px; }
#about-locations article a { color: #ff0; }
#about-locations { height: 2300px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(0,0,0,0.4); box-shadow: 0 0 50px rgba(0,0,0,0.6);}
#about-locations { padding: 50px 0; }
#about-locations #intro2 { background: none repeat scroll 0% 0% transparent;text-align:center; color: #fff; width: 800px; margin:auto; padding: 10px 20px; position:relative; top:200px; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); line-height: 1.5em; }
#about-locations #locations { background: none repeat scroll 0% 0% transparent;text-align:center; color: #fff; width: 800px; margin:auto; padding: 10px 20px; position:relative; top:400px; line-height: 1.5em; }
#about-locations .locations-div { text-align:left; width:600px; margin:20px auto 0; }
#about-locations ul { list-style-type: none; line-height:1.8em; display:inline; padding:0; margin:0;}
#about-locations ul li { display:inline; margin: 0 8px; }
#about-locations .locations { cursor: pointer; cursor: hand; }
.locations-img { float:left; margin-right:10px; }