/* CSS Document */

* {
text-decoration : none;
vertical-align : top;
}



/* body */

body {
background : #041117 url('../graphics/layout/back.jpg') 50% 0 repeat-x;
font-family : Arial;
font-size : 62.5%;
margin : 0;
text-align : center;
}

	img {
	border : none;
	}
	
	#print {
	display: none;
	}



/* wrapper */

#wrapper {
font-size : 1.1em;
padding : 120px 0 0;
margin : auto;
text-align : left;
width : 960px;
}



/* top navigation */

p#top {
font-size : 1.1em;
font-weight : bold;
margin : 0;
padding : 0 34px 15px;
text-align: right;
}

	p#top a {
	color : #fff;
	margin : 0 8px 0 0;
	padding : 0 0 0 8px;
	text-transform: lowercase;
	}
	
		p#top a:hover {
		color : #a8def8;
		text-decoration : underline;
		}
	
		p#top span a {
		color : #808080;
		background : none;
		margin : 0 3px;
		padding : 0;
		text-transform: uppercase;
		}



/* main */

#main {
padding: 2px 0;
}

#content {
background : #000001 url('../graphics/layout/content-2.jpg') 0 100% no-repeat;
color : #cfd4d7;
float : left;
margin : 0 2px 0 0;
width : 960px;
}

	#pad {
	padding : 17px;
	}

	p#trail {
	background : #747a7c url('../graphics/layout/nav-2.jpg') no-repeat;
	color : #fff;
	font-size : 1.1em;
	font-weight : bold;
	margin : 0;
	padding : 10px 10px 10px 26px;
	}
	
		p#trail a {
		color : #000;
		margin : 0 17px 0 0;
		}
		
			p#trail a:hover {
			text-decoration : underline;
			}
			
	#pad p {
	line-height : 1.6em;
	margin : 0;
	padding : 0 0 13px;
	}

		p#info_message {
		background : #AEDCF7;
		border : 1px solid #64B4E8;
		color : #000;
		font-size : 1.1em;
		margin : 0 0 13px;
		padding : 10px;
		width : 580px;
		}
		
		p#company-details {
		color : #ddd;
		}

	#pad h1 {
	font-size : 1.5em;
	margin : 0;
	padding : 0 0 13px;
	}
	
		#pad h2 {
		font-size : 1.3em;
		margin : 0;
		padding : 0 0 13px;
		color:#999999;
		}

	#pad a {
	color : #48b3e6;
	}
	
		#pad a:hover {
		color : #fff;
		text-decoration : underline;
		}



/* right panel */

#right {
float : left;
margin : 0;
width : 290px;
}



/* contact details */

p#contact {
color : #747a7d;
font-size : 1.1em;
font-weight : bold;
margin : 0;
padding : 13px 0;
text-align : center;
}

	p#contact span {
	margin : 0 0 0 20px;
	}

	p#contact a, p#contact span.tel {
	color : #578Ca5;
	margin : 0;
	}
	
		p#contact a:hover {
		color : #fff;
		text-decoration : underline;
		}



/* spiderlinks */

p#footer {
color : #fff;
margin : 0;
padding : 0 0 13px 0;
text-align : center;
}

	p#footer a {
	color : #fffffe;
	}
	
		#footer a:hover {
		color : #578Ca6;
		text-decoration : underline;
		}



/* fixes */

p#top,
#main {
height : 1%;
}

	html>body p#top,
	html>body #main {
	height : auto;
	overflow : auto;
	}
	
/* Availability Calenders */

#calender {
font-family : Arial;
font-size : 1em;
width: 560px;
color: #FFFFFF;
}

	#calender th {
	text-align: center;
	font-weight: bold;
	}
	
	#calender td {
	text-align: center;
	width: 20px;
	padding: 3px;
	border: 1px #666666 solid;
	}
		
		#calender td.grey {
		background-color:#666666;
		}
	
		#calender td.blue {
		background-color:#48b3e6;
		}
	
	#calender caption {
	text-align: left;
	font-size: 1.3em;
	color: #CCCCCC;
	padding: 8px;
	}
	
#calenderkey {
font-family : Arial;
font-size : 1em;
width: 560px;
border: 1px #333333;
color: #FFFFFF;
}
	
	#calenderkey td {
	text-align: center;
	width: 50px;
	padding: 3px;
	border: 1px #666666 solid;
	}
	
		#calenderkey td.grey {
		background-color:#666666;
		text-align: center;
		width: 30px;
		padding: 3px;
		}
		
		#calenderkey td.blue {
		background-color:#48b3e6;
		text-align: center;
		width: 30px;
		padding: 3px;
		}
		
		#calenderkey td.text {
		text-align: left;
		width: 450px;
		padding: 3px;
		}
		
		#calenderkey caption {
		text-align: left;
		font-size: 1.3em;
		color: #CCCCCC;
		padding: 8px;
		}



/* booking / contact form */

#content table.generic {
background : #041C28;
border-collapse : collapse;
border : 1px solid #033045;
clear : both;
font-size : 1em;
margin : 0 0 10px;
padding : 0;
width : 635px;
}

	#content table caption {
	display : none;
	}

	#content table.generic th, #content table.generic tfoot td {
	background : #033044;
	border : none;
	font-size : 1.2em;
	margin : 0;
	padding : 10px;
	}
	
	
	#content table.generic td {
	border-bottom : 1px solid #052636;
	margin : 0;
	padding : 5px 10px;
	}
	
	#content table.generic td label {
	padding : 3px 0 0;
	}
	
	#content table.generic input, #content table.generic textarea, #content table.generic select {
	border : 1px solid #033046;
	background : #fff;
	font-family : Arial;
	font-size : 1em;
	padding : 2px 5px;
	}
	
		#content table.generic textarea {
		height : 80px;
		}
		
		#content table.generic input.code {
		background : #fff url('../graphics/common/code.gif') no-repeat;
		color : #c00;
		letter-spacing : 1px;
		}
		
		#content table.generic input.submitbutton {
		background : #03374F;
		border : 1px solid #fff;
		color : #fff;
		margin : 0;
		padding : 5px 10px;
		}
		
			#content table.generic input.radio {
			margin : 0 10px 5px 0;
			}
		
		td ul#hamper {
		list-style : none;
		margin : 0;
		padding : 0;
		}
		
			td ul#hamper li {
			float : left;
			width : 210px;
			}



/* book now online */

#content p.booknow {
background : #64B4E9;
color : #fff;
clear : both;
float : left;
font-size : 1.5em;
font-weight : bold;
letter-spacing : -1px;
margin : 0 0 13px;
padding : 10px 20px;
width : auto;
}

	#content p.booknow a {
	color : #fff;
	}

input.videobutton {
background : #000000;
color : #fff;
border : 1px solid #fff;
width : 100%;
}
input.videobutton:hover {
color : #48b3e6;
border : 1px solid #48b3e6;
}

/* fixes */

td ul#hamper,
.booknowwrapper {
height : 1%;
}

	html>body td ul#hamper ,
	html>body .booknowwrapper {
	height : auto;
	overflow : auto;
	}