@charset "UTF-8";
/* CSS Document */
body {
	background-color: #000;
	background-image: url(images/background.png);
}
#header {
	width: 900px;
	background-image: url(images/header-bg.png);
	background-repeat: no-repeat;
	height: 100px;
	margin-top:5px;
	margin-right:auto;
	margin-left:auto;
}
#header .logo{
	float: left;
	height: 100px;
	width: 300px;
	margin-left: 15px;
}
#header .slogan{
	float: right;
	height: 65px;
	width: 585px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: #FC0;
	text-align: center;
	padding-top: 35px;
}
#promo-banner{
	width:900px;
	height:200px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}
#footer{
	width:900px;
	height:50px;
	padding-top:20px;
	margin-right:auto;
	margin-left:auto;
}
#footer .copyright{
	width:900px;
	font-family: "Futura Bold", "Helvetica Neue Medium", Helvetica;
	font-size: 10px;
	color: #FC0;
	text-align: center;
	line-height: normal;
}
/*======================CUSTOM NAV==================*/
.nav{
	height: 45px;
	width: 900px;
	margin-right:auto;
	margin-left:auto;
}
* {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#nav {
	background: url(images/nav.png);
	height: 40px;
	width: 900px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#nav span {
     display: none;
}
#nav li {
	list-style-type: none;
	float: left;
}

#nav a {
	height: 40px;
	display: block;
}
#button1 { width: 100px; }
#button2 { width: 100px; }
#button3 { width: 100px; }
#button4 { width: 100px; }
#button5 { width: 100px; }
#button6 { width: 100px; }
#button7 { width: 100px; }
#button8 { width: 100px; }
#button9 { width: 100px; }

#button1 a:hover {
      background: url(images/nav.png) 0px -40px no-repeat;
}

#button2 a:hover {
      background: url(images/nav.png) -100px -40px no-repeat;
}

#button3 a:hover {
      background: url(images/nav.png) -200px -40px no-repeat;
}

#button4 a:hover {
      background: url(images/nav.png) -300px -40px no-repeat;
}

#button5 a:hover {
      background: url(images/nav.png) -400px -40px no-repeat;
}

#button6 a:hover {
      background: url(images/nav.png) -500px -40px no-repeat;
}

#button7 a:hover {
      background: url(images/nav.png) -600px -40px no-repeat;
}
#button8 a:hover {
      background: url(images/nav.png) -700px -40px no-repeat;
}
#button9 a:hover {
      background: url(images/nav.png) -800px -40px no-repeat;
}
/*==================================================*/
/*==================================================*/
/*Location Pages*/
#locations-info{
	width:900px;
	height:300px;
	margin-right:auto;
	margin-left:auto;
}
#locations-info .photo-gallery{
	width:600px;
	height:300px;
	float:left;
}
#locations-info .location-info{
	width:290px;
	height:290px;
	float:left;
	background-image: url(images/locations-info-bg.png);
	background-repeat: no-repeat;
	color: #FC0;
	padding-top: 10px;
	padding-left: 10px;
}
#locations-info .location-info p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #FFF;
}
#locations-info .location-info h1 {
	font-size: 18px;
	color: #900;
	padding-bottom: 10px;
	line-height: normal;
	font-family: "Futura Bold", "Helvetica Neue Medium", "Helvetica";
}
#locations-info .location-info h2 {
	font-size: 14px;
	font-family: "Futura Bold", "Helvetica Neue Medium", "Helvetica";
	line-height: normal;
}
#locations-info .location-info img{
	padding-top:10px;
	padding-bottom:10px;
	padding-right:5px;
}
#tanning-equipment {
	height: 25px;
	width: 900px;
	margin-top: 5px;
	margin-right:auto;
	margin-left:auto;
}
#equipment-space{
	width:900px;
	height:190px;
	margin-right:auto;
	margin-left:auto;
}
#equipment-space .left{
	width:219px;
	height:180px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:4px;
	float:left;
}
#equipment-space .inside{
	width:219px;
	height:180px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:4px;
	padding-left:4px;
	float:left;
}
#equipment-space .right{
	width:219px;
	height:180px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:4px;
	float:left;
}
#locations-info .location-info p a {
	color: #FC0;
	text-decoration: underline;
}
#locations-info .photo-gallery .yellow {
	color: #FFF;
	background-color: #000;
	font-size: 18px;
}
#locations-info .yellow {
	font-size: 24px;
	color: #FC0;
	background-color: #000;
	padding: 10px;
	text-align: center;
}