@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);	



html {

  background:black;

}



html, body {

  margin: 0;

  padding: 0;

  font-family: 'Open Sans';

}


.extraData{
display: none;
}


#slider {



  position: relative;

  overflow: hidden;

  border-radius: 4px;

  

  

}



#slider ul {

  position: relative;

  margin: 0;

  padding: 0;

  list-style: none;

  

  width: 100%;

   height: 100%;

}



#slider ul li {

  

  position: absolute;

  /*display: block;

  float: left;

  margin: 0;

  padding: 0;

  background: #ccc;

  text-align: center;

  */

  width: 100%;

   height: 100%;

   

   opacity: 0.0;

}



a.control_prev, a.control_next {

  position: absolute;

  top: 40%;

  z-index: 999;

  display: block;

  padding: 4% 3%;

  width: auto;

  height: auto;

  background: #2a2a2a;

  color: #fff;

  text-decoration: none;

  font-weight: 600;

  font-size: 18px;

  opacity: 0.8;

  cursor: pointer;

}



a.control_prev:hover, a.control_next:hover {

  opacity: 1;

  -webkit-transition: all 0.2s ease;

}



a.control_prev {

  border-radius: 0 2px 2px 0;

}



a.control_next {

  right: 0;

  border-radius: 2px 0 0 2px;

}





#slider ul li div {

    width: 100%;

    height: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: 50% 50%;

}?



html,

body {

	margin:0;

	padding:0;

	height:100%;

	color: #444;

	font: 13px/1.7 Arial, Helvetica, sans-serif;

	

}



#header {

	

	margin-top:-15px;

	vertical-align:top;



}



#footer {

	

	width:100%;

	position:absolute;

	bottom:0;

	left:0;

}



#loginBox {

	width: 100%; 

	height:110px; 

	background-image:url('../img/loginBox.png'); 

	background-repeat:repeat-x; 

	overflow:hidden;

	

}



/*----------------------------------------------------

Masthead

-----------------------------------------------------*/ 

#masthead

{

	position:absolute; 

	top: 0px; 

	width:100%; 

	overflow:hidden;

}



#masthead img

{

	max-width:100%;

}



#masthead #logo

{

	width:100%; 

	display:inline; 

	float:left; 

	margin-top:1%; 

	position:relative; 

	z-index:2;

}



/*----------------------------------------------------

Login box

-----------------------------------------------------*/ 





.loginForm 

{

	margin-left: 10%; 

	margin-top: 1.4%; 

	display:block; 

	float:left;

}



.loginForm input[type=text], textarea, input[type=password]

{

	width: 220px;

	height: 35px;

	font-size:large;

	font-weight:bold;

	text-align:left;

	padding: 3px 10px 3px 10px;

	margin-top:5px;

	margin-right: 1em;

	border: solid 0px #000000;

	color:black;

	

	background: #ffffff; /* Old browsers */

	background: -moz-linear-gradient(top,  #ffffff 0%, #8f8f86 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#8f8f86)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #ffffff 0%,#8f8f86 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #ffffff 0%,#8f8f86 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #ffffff 0%,#8f8f86 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #ffffff 0%,#8f8f86 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8f8f86',GradientType=0 ); /* IE6-9 */



}



::-webkit-input-placeholder { color:black; }

::-moz-placeholder {  color:black; } /* firefox 19+ */

:-ms-input-placeholder {  color:black;  } /* ie */

input:-moz-placeholder {  color:black; }



.loginForm button, input[type=submit]/*, textarea*/ 

{

	width: 120px;

	height: 37px;

	font-size:large;

	font-weight:bold;

	margin-top:5px;

	cursor:hand;

	margin-right: 1em;

	border: solid 1px #000000;

	color:white;

	

	box-shadow: 2px 2px 5px black;

	

	background: #a8a8a0; /* Old browsers */

	background: -moz-linear-gradient(top,  #a8a8a0 0%, #57574c 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8a8a0), color-stop(100%,#57574c)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #a8a8a0 0%,#57574c 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #a8a8a0 0%,#57574c 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #a8a8a0 0%,#57574c 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #a8a8a0 0%,#57574c 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a0', endColorstr='#57574c',GradientType=0 ); /* IE6-9 */



}





.extraData p.phone 

{

	font-size:3em; 

	font-size: 15px;

	margin:0;

	padding:0;

	color:white;

	font-weight:bold;
	display: none;

 

}



#cpyr

{

	text-shadow: 1px 1px white; 

	padding-right:10px; 

	float:right; 

	text-align:right; 

	font-size: 12px; 

	color:black	

}



#adv

{

	text-shadow: 1px 1px black; 

	padding-left:10px; 

	float:left; 

	text-align:left; 

	font-size: 12px; 

	color:white	

}



#schedulemenu {width:515px; height:40px; border-radius:0px 0px 5px 5px;   margin-bottom:15px;}

#schedulemenu ul li{background-image: url('../img/schedule-menu-bg.png'); background-repeat: repeat-x; background-position: left top; display:block; float:left; clear:right;margin-left:0px; margin-right: 1px; text-align: center; color:#fff;text-transform: uppercase;font-size:12px; line-height: 45px; font-weight:bold; padding:12px 10px 12px 10px; border-radius:0px 0px 5px 5px;}

#schedulemenu  a{text-decoration:none; color:#fff;  line-height: 45px; font-weight:bold; margin:0px;}

.schedulemenuhome{background-image: url('../img/schedule-home-bg.png'); background-repeat: repeat-x; background-position: left top; display:block; float:left; clear:right;margin-left:0px; margin-right: 1px; text-align: center; color:#fff;text-transform: uppercase;font-size:12px; line-height: 45px; font-weight:bold; padding:12px 10px 12px 10px; border-radius:0px 0px 5px 5px;}





@media all and (max-width: 570px) {

	#cpyr

	{

	  float:left;

	  text-align:left;

	  font-size: 10px;

	  padding-left:10px;

	}

	

	#adv

	{

		float:none; 

		font-size: 10px; 

	}

}



@media all and (max-width: 771px) {



	#loginBox {

		width: 100%; 

		height:auto; 

	}



	.loginForm 

	{

	 	width:100%;

		display:inline; 

		float:none;

	}

	

	.loginForm input[type=text], textarea, input[type=password]

	{

		width: 100%;

		height: 35px;

		padding: 0px 0px 0px 0px;

		margin: 2px;

	}

	

	.loginForm button, input[type=submit] 

	{

		width: 100%;

		padding: 0px;

		margin: 2px;

	}

	

	.loginForm 

	{

		padding: 0px 0px 0px 0px;

		width:100%;

		display:block; 

		float:left;

		margin: 0px auto 0px auto

	}



	#schedulemenu ul li{font-size:10px; line-height: 40px; font-weight:bold; padding:10px 10px 10px 10px;}

	.schedulemenuhome{font-size:10px; line-height: 40px; font-weight:bold; padding:10px 10px 10px 10px;}

}



@media screen and (max-height: 380px) {

	#footer {

		position:inherit;

	}

}





@media all and (max-width: 904px) 

{

	.extraData

	{

		display:none;

	}

}



