@charset "UTF-8";
/* Copyright 2009 ALTITUDE CREATIVE www.altitudecreative.co.uk */
.floatFix:after {content: "."; height: 0px;	clear: both; visibility: hidden; display: block;}

* {
	border:0;
	margin:0;
	padding:0;
}

body {
	background-color:#005eb0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0;
	margin:0;
	background-image: url(../images/bg-gradient.jpg);
	background-repeat: repeat-x;
}

ul {
	list-style-type:none;
}

li {
	list-style:none;
	margin-bottom:15px;
}

a {color:#FFFFFF;text-decoration: underline; text-transform: none; font-weight:normal;}
a:hover, a:active {color:#00a0f0; text-decoration: underline;}

.link {color:#FFFFFF; text-decoration: none; text-transform: none; font-weight:normal;}
.link:hover, .link:active {text-decoration: underline;}

h1, h2, h3{ /* all the h's use these properties*/
	color:#FFFFFF;
	font-weight: normal;
}

h1 {
	font-size: 30px;
	font-weight:bold;
	margin-bottom:20px;
}

.strapline {
	font-size: 14px;
	letter-spacing:3px;
	margin-top:10px;
	font-weight:normal;
}

h2 {
	color:#00a0f0;
	font-size:16px;
	font-weight:bold;
	padding:10px 0 10px 0;
	line-height: 24px;
}

.blueline {
	padding:20px 0 10px 0;
	border-top: thin #00a0f0 solid;
}

h3 {

}
	
p {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin-bottom: 20px;
}

.grey {
	color:#666666
}

.quote {
	color:#00a0f0;
	margin:-12px 0 0 0;
	padding:0;
	font-size: 12px;
	font-weight: bold;
}


/* ----------container to center the layout-------------- */

#container {
	width: 900px;
	margin:0 auto 0 auto;
	padding: 0 25px 0 25px;
}

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

Define the width of the nav div

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

#nav
	{
	width:625px;
	height:30px;
	margin: -40px 0 0 0;
	}

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

Define the width of the main-nav div

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

#main-nav
	{
	float: left;
	width:625px;
	height: 25px;
	padding:0;
	margin: 0;
	}

	
#main-nav ul 
	{
	list-style:none;
	width:500px;
	}

#main-nav li 
	{
	list-style: none;
	display: inline;
	}

#main-nav li a 
	{
	text-decoration: none;
	float:left;
	padding: 0 25px 0 0;
	font-size: 16px;
	font-weight:bold;
	color:#FFFFFF;	
	}	
	
ul#main-nav li a:hover, ul#main-nav li#current a {
	color: #00a0f0;
}


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

Styles for the page

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

#header-index {
	background: url(../images/header-index.jpg) no-repeat top right;
	height: 236px;
	margin: 0;
	padding: 0;
}

#header-about {
	background: url(../images/header-about.jpg) no-repeat top right;
	height: 236px;
	margin: 0;
	padding: 0;
}

#header-services {
	background: url(../images/header-services.jpg) no-repeat top right;
	height: 236px;
	margin: 0;
	padding: 0;
}

#header-gallery {
	background: url(../images/header-gallery.jpg) no-repeat top right;
	height: 236px;
	margin: 0;
	padding: 0;
}

#header-contact {
	background: url(../images/header-contact.jpg) no-repeat top right;
	height: 236px;
	margin: 0;
	padding: 0;
}

#transparent {
	position:relative;
	top:-153px;
	left:814px;
}

#transparent2 {
	position:relative;
	top:-153px;
	left:714px;
}

#wrapper-content {
	height: auto !important;
	padding:30px 0 0 0;
	margin:0;
	border-top: thin #00a0f0 solid;
}

#content {
	width:900px;
	min-height: 370px;
}

#column1 {
	width:200px;
	margin:0;
	padding;0;
	float:left;
}

#column2 {
	width:400px;
	margin:0 25px 25px 25px;
	padding: 10px 25px 20px 25px;
	float:left;
	background-color:#FFFFFF;
}

#column3 {
	width:200px;
	margin:0;
	padding:0;
	float:right;
}

#photo {
	width:400px;
	padding-bottom:15px;
}

#quote-top {
	width:200px;
}

#quote {
	width:110px;
	padding:0 45px 0 45px;
	background-color:#FFFFFF;	
}

#quote-bottom {
	width:200px;
	height:60px;
	padding:5px 45px 0 45px;
	background: url(../images/quote-bottom.gif) no-repeat top left;
}

#contact {
	width:400px;
}

.image {
	float:left;
	margin:0 10px 10px 0;
}

.right {
	float:right;
	margin:10px 0 0 10px;
}

.icon {
	float:left;
	width:90px;
	height:80px;
	margin:0 10px 38px 0;
}

.mini-icon {
	float:left;
	width:30px;
	height:30px;
	margin:-12px 10px 0 0;
}

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

Styles for footer

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

#footer {
	width:900px;
	height:30px;
	padding:15px 0 0 0;
	text-align:center;
	border-top: thin #00a0f0 solid;
}

.footer-right a{
	margin-top:-14px;
	float:right;
	color: #002525;
	width: 84px;
	height: 14px;
	background-image: url(../images/altitudelogo.gif);
}
.footer-right:hover a{
	color: #002525;
	width: 84px;
	height: 14px;
	background-image: url(../images/altitudelogo.gif);
	background-position: 100% -14px;
}