/* CSS Document */

* {
outline: 0;
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;
	}



/* wrapper */

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



/* top navigation */

p#top {
font-size: 1.3em;
font-weight: bold;
margin: 0;
padding: 0 19px 15px;
}

	p#top a {
	background: url('../graphics/layout/bullet.gif') 0 50% no-repeat;
	color: #fff;
	margin: 0 9px 0 0;
	padding: 0 0 0 14px;
	}
	
		p#top a:hover {
		color: #a8def8;
		text-decoration: underline;
		}
		
	p#top span {
	float: right;
	}
	
		p#top span a {
		color: #808080;
		background: none;
		margin: 0 3px;
		padding: 0;
		}



/* sub suites navigation */

p#suitesmenu {
background: #64B4E8;
color: #64B4E7;
margin: 0;
padding: 5px 5px 5px 20px;
font-weight: bold;
}

	p#suitesmenu a {
	color: #fff;
	margin: 0 7px;
	}



/* banner */

p#banner-left {
display: inline;
float: left;
padding: 0;
width: 682px;
}

ul#banner-right {
display: inline;
float: right;
margin: 0;
padding: 0;
list-style: none;
width: 216px;
}
	
	ul#banner-right li {
	margin: 0 0 2px;
	text-indent: -1000em;
	}
	
		ul#banner-right li a {
		display: block;
		height: 71px;
		}
	
		ul#banner-right li#nav_events a {
		background: url('../graphics/layout/events.jpg') no-repeat;
		margin: 11px 0 0;
		}
	
		ul#banner-right li#nav_weddings a {
		background: url('../graphics/layout/weddings.jpg') no-repeat;
		}
	
		ul#banner-right li#nav_hamper a {
		background: url('../graphics/layout/hamper.jpg') no-repeat;
		margin: 0;
		}
		
			* html ul#banner-right li#nav_events a,
			* html ul#banner-right li#nav_weddings a,
			* html ul#banner-right li#nav_hamper a {
			margin: 0 0 0 -16px;
			}
		
			html>body ul#banner-right li#nav_events a,
			html>body ul#banner-right li#nav_weddings a,
			html>body ul#banner-right li#nav_hamper a {
			* margin: 0 0 0 -16px;
			}



/* main */

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

	#pad {
	padding: 17px;
	}

	p#nav {
	background: #747a7c url('../graphics/layout/nav.jpg') no-repeat;
	color: #747a7b;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 7px 10px 7px 26px;
	}
	
		p#nav a {
		color: #fff;
		margin: 0 17px 0 0;
		}
		
			p#nav a:hover {
			color: #a8def7;
			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: 218px;
}



/* 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 */

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

	html>body #banner,
	html>body p#top,
	html>body #main {
	height: auto;
	}
	
#main {
float: left;
}
	
/* 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: 600px;
}

	#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;
	}



/* fixes */

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

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

table#calendar {
	font-size: 1em;
	text-align: center;
	width: 525px;
}
table#calendar td {
	width: 175px;
	padding: 0;
	margin: 0;
}
table#calendar td table {
	width: 175px;
}
table#calendar td table td {
	width: 25px;
	border: 1px solid #666;
	padding: 2px;
}
table#calendar th {
	border: 1px solid #666;
	padding: 2px;
	font-size: 1.1em;
	font-weight: bold;
}
table#calendar td.dead {
	background-color: #666;
	color: #999;
}