/* @override http://localhost/aqua-yoga.co.uk/css/default.css */

#container {
background: #e3e3e3;
	height: 1200px;
	width: 960px;
	margin-bottom: 0,;
	margin-left: auto;
	margin-right: auto;
}

#container-short {
background: #e3e3e3;
	height: 500px;
	width: 960px;
	margin-bottom: 0,;
	margin-left: auto;
	margin-right: auto;
}


body {
	background-image: url(../img/bg.jpg);
}

body.short {
	background-image: url(../img/bg-short.jpg);
}



#nav {
	background-image: url(../img/nav.jpg);
	padding-left: 370px;
	padding-top: 30px;
	height: 89px;
}

#navigation {
    width: 520px; height: 34px;
    background: url(../img/navigation.jpg);
    position: relative;
	padding-right: 0;
	padding-bottom: 0;
}
  #navigation li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #navigation li, #nav a {
    height: 34px; display: block;}
	#navigation a span {
		visibility:hidden;
	}

  #home {left: 0px; width: 65px;}
  #about {left: 80px; width: 110px;}
  #classes {left: 200px; width: 95px;}
  #gallery {left: 310px; width: 95px;}
  #contact {left: 420px; width: 97px;}
  
  
   #home a:hover, #home.active {
    background: transparent url(../img/navigation.jpg)
    0px -34px no-repeat;}
  #about a:hover, #about.active {
    background: transparent url(../img/navigation.jpg)
    -80px -34px no-repeat;}
  #classes a:hover, #classes.active {
    background: transparent url(../img/navigation.jpg)
    -200px -34px no-repeat;}
   #gallery a:hover, #gallery.active {
    background: transparent url(../img/navigation.jpg)
    -310px -34px no-repeat;}
  #contact a:hover, #contact.active {
    background: transparent url(../img/navigation.jpg)
    -420px -34px no-repeat;}
	

#main {
	background-image: url(../img/main.jpg);

	padding: 50px 100px 0 400px;
	height: 900px;
}

#main-short {
	background-image: url(../img/main-short.jpg);

	padding: 50px 100px 0 400px;
	height: 470px;
}

#main img {
	float: left;
	border: 3px solid #c4c7c7;
	margin-right: 15px;
	margin-bottom: 15px;
}

.quote {
	font-style: italic;
	font-weight: bold;
	color: #923984;
	font-size: 14px;
}



#header {
	background-image: url(../img/header.jpg);
	height: 139px;
}

#note {
color:#F00;	
}

a {
	color:#923984;
	}

#footer {
	text-align: right;
	padding-right: 80px;
	position: relative;
	bottom: 10px;
}

#footer-short {
	text-align: right;
	padding-right: 80px;
	position: relative;
	bottom: 10px;
}