@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700,900);




body {
	margin: 0px;
	padding: 0px;
	background:url(images/main-bg.jpg) center top no-repeat #ffede5;
	font-family:'Roboto', sans-serif;
	font-size:14px; line-height:22px; color:#666;
}

	
p{ margin:5px; padding-bottom:10px;}

.nav-wrapper{background:#d5612f; width: 1000px; text-align:center;overflow: hidden;margin: 0 auto;}

#nav{  float:right;
    position:relative;
    left:-50%;
    text-align:left;
	
}
#nav ul{ list-style:none;
    position:relative;
    left:50%;}
	
#nav li{float:left;position:relative;}/* ie needs position:relative here*/


#nav a{
	text-align:center;
    white-space:nowrap;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	color:#fff;
	text-decoration:none; float:left; text-transform:uppercase;
	margin:0px 15px; font-size:24px;padding: 12px 0px;
    padding-top: 0; }

#nav a:hover{ color:#ffe400;}

#home #nav li a.home, #information #nav li a.information, #gallery #nav li a.gallery, #blog #nav li a.buzz, #contact #nav li a.contact{color:#ffe400;}

.header-wrapper{ width:960px; margin:20px auto; overflow:hidden; text-align:center; }

#logo{margin:0 auto;}
.image{max-width:100%;}
.homeimage{border:4px solid #d5612f; margin:20px 0px; margin-top:10px;box-sizing: border-box;}

#cf3 {
  position:relative;
  height:595px;
  width:1000px;
  margin:0 auto;
}

#cf3 img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;
}

	
	@keyframes cf3FadeInOut {
  0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}

#cf3 img.top {
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 4s;
animation-direction: alternate;
}



#container{ width:1000px; padding:0px 18px; background:url(images/body-content-shadow.png) center top no-repeat; margin:0 auto; }

.content{ width:920px; padding:40px; background:#fff; overflow:hidden; margin-bottom:5px;border-top:5px solid #d5612f;}

.col1{ width:50%; padding-right:20px; box-sizing:border-box; float:left;clear:both;}
.col2{ width:50%; padding-left:20px; box-sizing:border-box; float:left; }

.col1_3_1, .col1_3_2, .col1_3_3{ width:33.333%; padding-right:20px; box-sizing:border-box; float:left;}

.col1_3_2, .col1_3_3{padding-left:20px;padding-right:0px;}



.home-title{ font-family: 'Roboto', sans-serif; font-weight:900; font-size:40px; color:#40078a; padding-bottom:15px;}

.page-title{ font-family: 'Roboto', sans-serif; font-weight:700;font-size:50px; color:#009cf5; padding-bottom:15px;}

.home-subtitle{font-family: 'Roboto', sans-serif; font-weight:700;font-size:26px; color:#40078a;padding-bottom:15px;}

.slider-area {
	width: 580px;margin-left: -30px; float:left;
}

.home-qoute-area{ float:right; width:390px; margin-top:30px;}

.clear{ clear:both;}

.blue{ color:#0389d5;}
.gray{ color:#999;}

.curriculum-bg{ background:url(images/pyramid-curriculum.png) right top no-repeat;}

.photo-caption{ float:right; margin-left:15px;}

.pic-frame{ border:3px solid #fff; box-shadow:0px 0px 5px #999;}

input, textarea{ border:1px solid #ccc; padding:8px; border-radius:6px; width:250px;}

textarea{ height:100px;}

.submit-btn{background:url(images/submit-button.png) center center no-repeat; border:none; width:160px; height:50px; text-indent:-9999px; color:#fff;}

#footer {
	margin:0 auto;font-size:13px;width:960px; margin-bottom:40px;
	}


/*.footmenu{float:right;}*/
#footer ul{ list-style:none; padding:0; margin:0;}

#footer ul li a{ float:right; margin-right:15px; color:#d5612f; text-decoration:none; padding-top:5px; font-size:13px;}

#footer ul li a:hover{ color:#01a3ff;}



.large{ font-size:18px;}

.separator{ margin:40px auto;}

.homelist{ list-style:none; padding:0; margin:0;}

.homelist li { background:url(images/list_icon.gif) left 3px no-repeat; padding-top:0; padding-bottom:10px; padding-left:40px; margin:20px 0px; line-height:24px; font-size:16px;}

input[type="radio"] { width:auto;}


.video{ background:url(images/videobg.png) no-repeat left top; width:920px; height:410px;}

.video-frame{margin-right:54px; margin-top:20px; width:540px; height:304px; float:left;}

.video-quote{ margin:60px 40px; color:#fff; float:left; margin-left:20px; width:266px; }