@charset "utf-8";
/* CSS Document */

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
author:    Ryan Nathan
email:     info@impulsiv.co.uk
website:   www.impulsiv.co.uk
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* --------------------- basic styling --------------------- */

/* ---- remove page margin and padding ---- */
* {
	margin: 0;
	padding: 0;
}

/* ------------- typografy ------------- */
body {
	background-color:	#011D45;
	background-image: url(../images/sunset.png);
	background-position: top center;
	background-repeat: no-repeat;
}
#content p {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

ul {
	margin: 0px;
	padding: 5px;
	list-style: none;
}


/* ------------- titles ------------- */
    h1, h2, h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#03F;
	margin-left: 3px;
	font-weight: bold;
	}
h1{
	font-size:130%;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 5px;
	}
h2{
	font-size:120%;
	}
h3{
	font-size:110%;	
	}
#container {
	width: 755px;
	margin: 0 auto;
	padding: 5px;
	}

/* --------------------- position container elements --------------------- */

/* ------------- header id ------------- */
#header {

	}
#contact {
	margin-left: 103px;
	margin-bottom: 37px;
}
/* ------------- navigation ------------- */
#navigation {
	width: 755px;
	height: 40px;
	border-bottom: 1px solid #eee;
}
/* ------------- navigation ------------- */
#navigation ul{
	list-style: none;
	margin: 0;
	padding: 0;

}
#navigation a {
	text-indent: -9000px;
	float: left;
	outline: none;
}
#navigation  #home{
	background-image: url(images/navigation.png);
	height: 40px;
	width: 77px;
}
#navigation #home:hover {
	background-position: 0 -40px;
}
#navigation #home:active  {
	background-position: 0 -80px;
}
#navigation  #serenaRosa {
	background-image: url(images/navigation.png);
	height: 40px;
	width: 130px;
	background-position: -77px 0;
}
#navigation #serenaRosa:hover {
	background-position: -77px -40px;
}
#navigation #serenaRosa:active {
	background-position: -77px -80px;
}
#navigation  #availability {
	background-image: url(images/navigation.png);
	height: 40px;
	width: 123px;
	background-position: -207px 0;
}
#navigation #availability:hover {
	background-position: -207px -40px;
}
#navigation #availability:active {
	background-position: -207px -80px;
}
#navigation  #pricing {
	background-image: url(images/navigation.png);
	height: 40px;
	width: 87px;
	background-position: -330px 0;
}
#navigation #pricing:hover {
	background-position: -330px -40px;
}
#navigation #pricing:active {
	background-position: -330px -80px;
}
#navigation  #location {
	background-image: url(images/navigation.png);
	height: 40px;
	width: 99px;
	background-position: -417px 0;
}
#navigation #location:hover {
	background-position: -417px -40px;
}
#navigation #location:active {
	background-position: -417px -80px;
}
#navigation  #enquiries {
	background-image: url(images/navigation.png);
	height: 40px;
	width: 104px;
	background-position: -516px 0;
}
#navigation #enquiries:hover {
	background-position: -516px -40px;
}
#navigation #enquiries:active {
	background-position: -516px -80px;
}
#navigation  #faq {
	background-image: url(images/navigation.png);
	height: 40px;
	width: 62px;
	background-position: -620px 0;
}
#navigation #faq:hover {
	background-position: -620px -40px;
}
#navigation #faq:active {
	background-position: -620px -80px;
}
#navigation  #links {
	background-image: url(images/navigation.png);
	height: 40px;
	width: 73px;
	background-position: -682px 0;
}
#navigation #links:hover {
	background-position: -682px -40px;
}
#navigation #links:active {
	background-position: -682px -80px;
}

/* ------------- content id ------------- */
#content {
	width: *px;
	background-image: url(images/content_bg.png);
	background-repeat: repeat-x;
	width: 745px;
	background-color: #ECF7FD;
	padding: 5px;
	}
img.photoLeft {
	float: left;
	margin-bottom: 8px;
	padding-left: 27px;
	padding-right: 15px;
}
img.photoRight {
	float: right;
	margin-bottom: 8px;
	padding-right: 27px;
	padding-left: 15px;
}
#slideshow {
	height: 500px;
	width: 737px;
	margin: 4px auto 0 auto;
}
#controls {
	z-index: 999;
	position: absolute;
	left: 50%;
	margin-left: 250px;
	margin-top: -71px;
}

#clear {
    clear: both;
}
#copyright {
	line-height: 40px;
}

	
/* ------------- footer id ------------- */
#footer {
    color: #FFFFFF
	font-size: 0.8em;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 10px;
	color: #087ADB;
	height: 40px;
	background-image: url(images/footer_bg.png);
	}