@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);	



html {

  background:black;

}



html, body {
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans';
	border: 5;

}


.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;

 

  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: 0px;
	padding: 0px;
	height:100%;

	color: #444;

	font: 13px/1.7 Arial, Helvetica, sans-serif;

	

}



#header {

	

	margin-top:-15px;

	vertical-align:top;



}



#footer {
	width:100%;
	position:fixed;
	bottom:0px;

	height: 50px;
	background-color:black;
	
	
	/*
	padding: 0px 0px 0px 0px;
    width: 100%;
    display: block;
    float: left;
    margin: 0px auto 0px auto;*/
}



#loginBox {

	width: 100%; 

	height:80px;

	background-image:url('../img/loginBox.png'); 

	background-repeat:repeat-x; 

	overflow:hidden;

	background-color:#

}



/*----------------------------------------------------

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-top: 15px;
}



.loginForm input[type=text], textarea, input[type=password]

{

	width: 180px;

	height: 25px;

	font-size:large;

	font-weight:bold;

	text-align:center;

	padding: 3px 7px 3px 7px;

	margin-top:5px;

	margin-right: 1em;

	border: solid 1px #fff;

	color:white;

	

	background: #000; /* Old browsers */

	background: -moz-linear-gradient(top,  #000 0%, #8f8f86 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#000)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #000 0%,#000 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #000 0%,#000 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #000 0%,#000 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #000 0%,#000 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 ); /* IE6-9 */



}



::-webkit-input-placeholder { color:white; }

::-moz-placeholder {  color:white; } /* firefox 19+ */

:-ms-input-placeholder {  color:white;  } /* ie */

input:-moz-placeholder {  color:white; }



.loginForm button, input[type=submit]/*, textarea*/ 

{

	width: 120px;

	height: 29px;

	font-size:large;

	font-weight:bold;

	margin-top:5px;

	cursor:hand;

	margin-right: 1em;

	border: solid 2px #981b1e;

	color:white;

	

	box-shadow: 2px 2px 5px black;

	

	background: #981b1e; /* Old browsers */

	background: -moz-linear-gradient(top,  #981b1e 0%, #981b1e 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#981b1e), color-stop(100%,#981b1e)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #981b1e 0%,#981b1e 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #981b1e 0%,#981b1e 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #981b1e 0%,#981b1e 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #981b1e 0%,#981b1e 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#981b1e', endColorstr='#981b1e',GradientType=0 ); /* IE6-9 */



}





.extraData p.phone 

{

	font-size:3em; 

	font-size: 17px;

	margin:0px;

	padding:0;

	color:white;

	font-weight:bold;

 

}



#cpyr

{

	/*text-shadow: 1px 1px white;*/ 

	padding-right:10px; 

	float:right; 

	text-align:right; 

	font-size: 12px; 

	color:white;	

}



#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:none; 

	  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;
		margin-top: 30px;


	}

	

	.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;
		margin-top: 30px;



	}



	#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: 960px) 

{
	
	
	
	#cpyr
	{

	  float:none; 
	 text-align: center;
	}

	

	#adv

	{

		float:none; 
		text-align: center;
	}
	
	#footer {
		height: 60px;
	}

}