body {
	margin:0;
	padding:0;
	background:url(images/bg.png) repeat-x top #f2f2f2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#7e7e7e;
}

/* Div Elements */
#wrapper {
	width:900px;
	margin:0 auto;
}

#header {


}

#logo {
	background:url(images/logo.png) no-repeat;
	width:251px;
	height:87px;
	display:block;
	float:left;
}

#menu {
	float:right;
	padding:0;
	margin:40px 0px 0px 0px;
	font-size:12px;
	list-style:none;
}

#menu li {
	display: inline-block;
	margin:0px 10px;
}

#menu li a {
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#car {
	background:url(images/car.png) left top no-repeat;
	width:970px;
	color:#4b4b4b;
	height:266px;
	display:block;
	float:left;
	margin:-19px 0px 30px -70px;
}

#contacthead {
	background:url(images/girlphone.jpg) left bottom no-repeat;
	width:555px;
	color:#4b4b4b;
	height:205px;
	display:block;
	float:left;
	margin:0px 0px 30px -20px;
	padding:50px 0px 0px 350px;
}

#pricehead {
	background:url(images/saveup.jpg) left bottom no-repeat;
	width:555px;
	color:#4b4b4b;
	height:205px;
	display:block;
	float:left;
	margin:0px 0px 30px -20px;
	padding:50px 0px 0px 350px;
}

#contacthead p, #pricehead p {
	text-align:justify;
}

#imgrotate {
	width:970px;
	color:#4b4b4b;
	height:266px;
	display:block;
	margin:0px 0px 30px 0px;
}

#rotator {
	padding:0;
	margin:0;
	list-style:none;
}

#rotator ul, #rotator li{
	padding:0;
	margin:0;
}

#header h1 {
	float:right;
	text-align:right;
	margin:67px 40px 0px 0px;
}

#intro p {
	text-align: right;
	float:right;
	width:415px;
	margin:5px 10px 0px 0px;
	padding:0px 32px 0px 0px;
	font-size:14px;
}
.clear {
	clear:both;
}

#content {
}

#contleft {
	width:596px;
	float:left;
	display:block;
	text-align:justify;
}

#contright {
	width:240px;
	float:right;
	display:block;
}

.offer {
	padding:0px 170px 0px 0px;
}

.loffer {
	padding:0px 0px 0px 80px;
	margin:0px 0px 0px -80px;
}

.offer p {
	margin:0px 0px 15px 0px;
}

.boxright {
	margin:0px 0px 15px 0px;
	font-size:13px;
}

.boxright p {
	margin:5px 0px;
}

.post {
	margin:0px 0px 40px 0px;
}

/* Pass */
.pass {
	margin:15px 0px 0px 0px;
	padding:0px 160px 0px 0px;
	background:url(images/pass.png) no-repeat top right;
	min-height:140px;
}

.name {
	font-size:16px;
	font-weight:bold;
	margin:10px 0px 0px 0px;
	padding:0;
}

.age {
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
}

.quote {
	padding:0;
	margin:5px 0px 0px 0px;
}

.time {
	display:block;
	text-align:right;
	color:#2497ec;
	padding:0;
}

.shadow {
	background:url(images/shadow.png) no-repeat center;
	height:17px;
	display:block;
}

#passlist {
	display:block;
	list-style:none;
}

/* Email form */
.line label {
	display:block;
	padding:10px 0px;
}
/* Text Etc */
h1 {
	color:#4b4b4b;
	font-size:27px;
}

h2 {
	color:#5f5f5f;
	font-size:21px;
	margin:0;
	padding:0;
}

h3 {
	padding:0;
	margin:0;
	color:#2c93de;
}

h4 {
	padding:0;
	margin:0;
	color:##5f5f5f;
	font-size:16px;
}

a {
	color:#2c93de;
	font-weight:bold;
	text-decoration:none;
}

.date {
	font-size:11px;
	color:#2c2c2c;
	margin:0;
	padding:0;
}

/* Misc */
a img {
	border:none;
}

#bigcont {
	text-align:justify;
}

#highcont {
	text-align:justify;
	padding-top:10px;
	padding-left:10px;
	background:#f2f2f2;
	min-height:300px;
	margin-top:0px;
}

#passedstudents {
	display:block;
	text-align:center;
	width:900px;
	line-height:200%;
}

/* Alert for any temporary attention banners */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  -webkit-animation-name: fadeIn; /* Fade in the background */
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s
}

/* Modal Content */
.modal-content {
  position: fixed;
  bottom: 0;
  background-color: #fefefe;
  width: 100%;
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  animation-name: slideIn;
  animation-duration: 0.4s
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: red;
  color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: white;
  color: white;
}

/* Add Animation */
@-webkit-keyframes slideIn {
  from {bottom: -300px; opacity: 0}
  to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
  from {bottom: -300px; opacity: 0}
  to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
  from {opacity: 0}
  to {opacity: 1}
}

@keyframes fadeIn {
  from {opacity: 0}
  to {opacity: 1}
}

h4{
	font-size: 1.5em;
}

.emailButton{

background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(0,0,0,1) 29%, rgba(115,122,124,1) 100%); /* Green */
border: none;
color: white;
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
border: 2px solid #555555;
border-radius: 30px;

}

.emailButton:hover {
	background: white;
 color: black;
 border: 2px solid #555555;
}
