/*CSS Reset*/
* {margin: 0; padding: 0;}

/*Core Styles
----------------------------------------------------------------------------------------------------------------------------------*/

/*Body Styles*/
body {background: #eee; margin: 0; padding: 0;}
p {font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin: 15px 0 15px 0; color: #1e617c;}

/*Heading Styles*/

h1,h2,h3,h4,h5 {font-family: 'PT Sans', sans-serif; color: #262a68; line-height: 1.3em; margin: 10px 0;}
h1 {font-size: 34px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}

/*List Styles*/

ul {font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-left: 15px; color: #1e617c; margin: 10px 0 15px 30px;}
ol {font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: 1.7em; margin-left: 15px; color: #1e617c; margin: 10px 0 10px 15px;}

/*Link Styles*/

a:link {color: #333;}
a:visited {color: #222;}
a:active {color: #333;}
a:hover {color: #111;}

/*Additional Styles*/

hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
img {border: none;}

/*Main Layout Styles
----------------------------------------------------------------------------------------------------------------------------------*/

/*Nav Layout Styles*/
#nav {width: 560px; padding: 0; height: 75px; margin: 0 auto; position: relative; left: 30px; top: 70px;}
#nav ul {list-style-type: none; font-family: 'PT Sans', sans-serif; font-weight: 700; font-size: 13px; margin: 0 10px 0 10px; padding-top: 25px; text-align: center; text-transform: uppercase; text-align: center;}
#nav ul li {display: inline; margin: 0px 6px 0 6px; position: relative;}
#nav ul li a {text-decoration: none; color: #8acee4;}
#nav ul li a:hover {color: #00a7cf;}
#nav ul li ul {visibility: hidden; width: 150px; position: absolute; top: 17px; left: 0px; list-style-type: none; text-align: left; background: #d9f2f8; padding: 7px; font-family: 'PT Sans', sans-serif; z-index: 100;}
#nav ul ul li ul {top: 15px; left: 0px;}
#nav ul li:hover {color: #7dc7e0}
#nav ul li:hover ul {visibility: visible; display: block; margin-left: -15px;}
#nav ul li:hover li {display: block; margin-top: 10px;}

/*Content Layout Styles*/
#container {width: 1150px; margin: 0 auto;}
#header {width: 1150px; height: 218px; position: relative; z-index: 10; background: url('images/header.png') no-repeat;}
#logo {width: 179px; height: 129px; float: left; position: relative; left: 75px; top: 15px;}
#social {width: 150px; float: right; position: relative; right: 75px; }
#social p {font-family: 'PT Sans', sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; color: #262a68; line-height: 1.1em;}
#hero {width: 1150px; margin: 0 auto; margin-top: -100px; position: relative; z-index: 0; background: #fff;}
#main {width: 1150px; margin: 0 auto; background: #fff; padding-bottom: 25px;}



/*Front Page Slideshow Styles
----------------------------------------------------------------------------------------------------------------------------------*/

/*Slideshow*/
#slideshow {width: 1150px; border: 1px solid #fff; }
#slideshow ul {margin: 0; padding: 0; list-style-type: none; height: 1%; /* IE fix */
}
#slideshow ul:after {content: "."; clear: both; display: block; height: 0; visibility: hidden; }

/*Slides*/
#slideshow .slides {overflow: hidden; width: 1150px; height: 332px; }
#slideshow .slides ul {width: 2880px; height: 332px; }
#slideshow .slides li {width: 1150px; height: 332px; float: left; }
#slideshow .slides h2 {margin-top: 0; }

/*Slideshow Tabs*/
#slideshow .slides-nav {border-top: 2px solid #fff; }
#slideshow .slides-nav li {float: left; width: 370px; height: 225px; margin-top: -15px; margin-left: 10px; overflow: hidden; opacity: 0.9;}

.slides-nav li .slides-nav-content {width: 65%; float: right; position: relative; top: 25px; border-top: 3px solid #00a7cf; border-bottom: 3px solid #00a7cf; text-align: center; padding: 7px 0 0;}
.slides-nav li .slides-nav-content p {font-size: 13px; line-height: 1.5em;}
.slides-nav li .slides-nav-content h5 {font-weight: normal;}

#slideshow .slides-nav li a {display: block; padding: 15px 20px; outline: none; text-decoration: none;}
/*.js #slideshow .slides-nav li.on,.js #slideshow .slides-nav li.on { z-index: 100; opacity: 1;}*/

.slides-nav li#chartertab  {background: url('images/tab-bg-charter.png') no-repeat top center; z-index: 1; position: relative;}
.slides-nav li#chartertab.on  {background: url('images/tab-bg-charter2.png') no-repeat top center; z-index: 1; position: relative; z-index: 100; opacity: 1;}
.slides-nav li#schooltab {background: url('images/tab-bg-school.png') no-repeat top center; z-index: 1; position: relative;}
.slides-nav li#schooltab.on {background: url('images/tab-bg-school2.png') no-repeat top center; z-index: 1; position: relative; z-index: 100; opacity: 1;}
.slides-nav li#partytab  {background: url('images/tab-bg-party.png') no-repeat top center; z-index: 1; position: relative;}
.slides-nav li#partytab.on  {background: url('images/tab-bg-party2.png') no-repeat top center; z-index: 1; position: relative; z-index: 100; opacity: 1;}

.js #slideshow .slides-nav li.on a {text-decoration: none;}


/*Full-Width Content Styles
----------------------------------------------------------------------------------------------------------------------------------*/

#content {width: 700px; margin: 0 auto; min-height: 400px; margin-top: -100px; position: relative; z-index: 0; background: #d9f2f8 url('images/contentbg.png') center top no-repeat; padding: 50px 50px 25px 400px;}
#content h1 {margin-left: -25px; margin-bottom: 15px;}

/*Gallery Page and Content Styles
----------------------------------------------------------------------------------------------------------------------------------*/

#school {width: 1150px; background: #d9f2f7 url('images/schoolbg.png') center top no-repeat; padding: 75px 0 0 0; margin-top: -100px; min-height: 400px; position: relative; z-index: 0;}
#charter {width: 1150px; background: #d9f2f7 url('images/contentbg.png') center top no-repeat; padding: 75px 0 0 0; margin-top: -100px; min-height: 400px; position: relative; z-index: 0;}
#party {width: 1150px; background: #d9f2f7 url('images/partybg.png') center top no-repeat; padding: 75px 0 0 0; margin-top: -100px; min-height: 400px; position: relative; z-index: 0;}

.content {float: right; /*display: inline-block; vertical-align: middle;*/ width: 375px; min-height: 450px; padding: 15px 20px;}
.content h1 {margin-left: -25px;}

.thumbs {float: right; /*display: inline-block; vertical-align: middle;*/ text-align: left; width: 400px; }
.thumbs ul {list-style-type: none;}
.thumbs ul li {display: inline;}
.thumbs ul li img {width: 160px; height: 104px; border: 5px solid white; -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.69); -moz-box-shadow:  3px 3px 5px 0px rgba(50, 50, 50, 0.69); box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.69);}

#fullsize {position: absolute; margin-top: -100px;  background: #b9e7f2; z-index: 100;}
#fullsize p {padding: 5px;}
a.galleryClose {position: absolute; top: 100px; width: 50px; height: 50px; background: url('images/galleryclose.png') no-repeat; right: 15px; z-index: 1000; display: block; opacity: 0.6;}
a.galleryPrev {position: absolute; top: 350px; width: 50px; height: 50px; background: url('images/galleryprev.png') no-repeat; right: 15px; z-index: 1000; display: block; opacity: 0.6;}
a.galleryNext {position: absolute; top: 350px; width: 50px; height: 50px; background: url('images/gallerynext.png') no-repeat; left: 15px; z-index: 1000; display: block; opacity: 0.6;}


/*Contact Form Styles
----------------------------------------------------------------------------------------------------------------------------------*/

form#employment {font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: 1.3em; color: #1e617c; background: #b9e7f2; width: 550px; padding: 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
form#employment fieldset {padding: 15px;}
form#employment input, textarea, select {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); padding: 5px; width: 90%;}
form#employment input:focus {border: solid 1px #1e617c;}
form#employment label {font-weight: bold;}
form#employment #submit {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;  color: #fff; text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); border:1px solid #3e9cbf; padding: 6px 6px 6px; background: #1e617c; font-family: 'PT Sans', sans-serif; cursor: pointer;}
form#employment #submit:focus { -webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999; -moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999; box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999; color: #dfe7ea;}
form#employment .control-group {margin: 10px 0 0 10px; padding: 0 10px 0 10px;}
form#employment p.help-block {font-size: 12px; margin: 0; padding: 0;}
.emFormLeft {float: left;}
form#employment .employed {width: 10%;}
form#employment #submit {width: 10%;}

/*Survey Styles
----------------------------------------------------------------------------------------------------------------------------------*/

form#clientSurvey {font-family: 'PT Sans', sans-serif; font-size: 14px; line-height: 1.3em; color: #1e617c; background: #b9e7f2; width: 100%; padding: 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
form#clientSurvey table {width: 100%;}
form#clientSurvey table tr {border-bottom: 1px solid black;}
form#clientSurvey table td {padding: 1em; color: #1e617c;}
form#clientSurvey table td label {display: inline-block; text-align: center;}
form#clientSurvey table td.surveyQuestion {width: 50%; font-weight: bold;}
form#clientSurvey table td.surveyRating {width: 15%;}
form#clientSurvey fieldset.ratings {display: inline-block; border: 0; text-align: center;}
form#clientSurvey fieldset.ratings label {display: block; text-align: center;}
form#clientSurvey #submit {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;  color: #fff; text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); border:1px solid #3e9cbf; padding: 6px 6px 6px; background: #1e617c; font-family: 'PT Sans', sans-serif; cursor: pointer;}
form#clientSurvey #submit:focus { -webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999; -moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999; box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999; color: #dfe7ea;}
form#clientSurvey input, textarea, select {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); padding: 5px;}
form#clientSurvey input:focus {border: solid 1px #1e617c;}
form#clientSurvey table tr.submit {border-bottom: 0;}