body {
	background-color: black;
	color: white;
	font-family: Helvetica, Arial;
	font-size: 13pt;
	font-weight: normal;
}
span {margin:0; padding:0px;}

h1 {font-size: 24pt;}

h2 {
	font-size: 14pt;
	color: white;
	margin-top:10px;
	margin-bottom:20px;
}
a {text-decoration: none;color:#336666; }

a img {border:solid 2px black;}
a:hover img {border:solid 2px #306060;}
.centered {text-align:center;}
.float-left {float:left; margin:0px;padding:0px;}
.blue-text {color:#99CCCC;}
.highlight {color:#99CCCC;font-weight:bold; font-size:11pt;}
input.textfield {
	background-color: white;
	border: 1px solid #306060;
	margin: 3px 0px 3px 10px;
	padding:3px;
	color:#306060;
	width: 230px;
}
input.button {margin: 3px 0px 3px 140px;width:150px;}
textarea {
	background-color: white;
	border: 1px solid #306060;
	margin: 3px 0px 3px 10px;	
	color:#306060;
	padding:3px;
	width: 230px;
} 
.form-element {
}
label {color:#306060;vertical-align:top; width: 130px; display: block; float:left;}
/* Sets width of document */
#doc {	width: 796px;}
/* Main Content area - Sets the size no style */
#yui-main .yui-b {
	width:594px;
	margin-right:53px;
	padding-bottom:30px;
}

#bd {margin-top:0px;}

/* Header styles, top links etc */
#hd {height:46px; padding-top:20px; margin-top:-150px;padding-left:8px;}
#hd a {margin-left:31px; font-weight:normal;text-decoration:none;}
#hd a:hover {color:#99CCCC;}
#hd a:active {color:#99CCCC;}
.current a {color:#99CCCC;}
/* Position the butterfly logo */
#logo {
	position:relative; top:10px; left: 680px;
	z-index:2;
	height:150px;
	width:150px;
	background-image:url('http://static.arranholloway.webfactional.com/di//images/logo.gif');
	background-repeat: no-repeat;
}
.quote {}
#book {
	position:relative; bottom:-20px; left: 37px;
	z-index:2;
	height:28px;
	width:184px;
	background-image:url('http://static.arranholloway.webfactional.com/di//images/book-button.gif');
	background-repeat: no-repeat;
}
#book-gallery {
	position:relative; bottom:49px; left: 37px;
	z-index:2;
	height:28px;
	width:184px;
	background-image:url('http://static.arranholloway.webfactional.com/di//images/book-button.png');
	background-repeat: no-repeat;
}
#book-gallery a{
	display:block;
	color:white;
	padding-left:13px;
	padding-top:6px;
	font-size:10pt; 
	font-weight:normal;
	display:block;
	height:20px;}
#book-gallery a:hover{color:#99CCCC;}
#book a{
	display:block;
	color:white;
	padding-left:13px;
	padding-top:6px;
	font-size:10pt; 
	font-weight:bold;
	display:block;
	height:20px;}
#book a:hover{color:#99CCCC;}



/* DFOST DESIGN vertical logo placement */
#yui-main {
	background-image: url('http://static.arranholloway.webfactional.com/di//images/dfrost-design.png');
	background-repeat: no-repeat;
	background-position:top right;}

#inner-box {
		height: 400px;
		border: solid 1px #306060;
		background-color: black;
		color: white;
		padding-right:31px;
		padding-left:31px;
		padding-top: 30px;
		margin-bottom: 10px;
		font-size:10pt;
		font-weight:normal;
		text-align: justify;
}
#inner-box h1 {color: #99CCCC;font-size: 18pt;text-align: center;margin-bottom:0.6em;}
#inner-box h2{color: #99cccc; font-size:11pt;font-weight:normal;margin-top:0px;margin-bottom:0px;}
#inner-box ul{}
#inner-box p {padding-bottom:1em;}
#inner-box a {color:#99CCCC;}
#inner-box a:hover {color:white;}
.front-image {
	padding:11px;
	padding-top:10px;
	padding-bottom:20px;
}

/* Sets size of outer box and background image - no styles */
#outer-box {
	border: solid 1px #306060;
	width:800px;
	height: 600px;
	margin-top:6px;
	margin-bottom:20px;
	background-image:url('http://static.arranholloway.webfactional.com/di//images/bg-swirls.gif');
}
#bottom-quote {font-size:10pt; text-align:center; padding-left:0px; padding-right:0px; text-align:justify; padding-top:30px;}
/* Sidebar menu syles */
.yui-b ul {
	margin-top:32px;
	margin-left:16px;
	margin-right:16px;
	font-size:10pt;}
.yui-b li a{
	display: block;
	color:white;
	width:104px;
	background-image: url('http://static.arranholloway.webfactional.com/di//images/menu-button.gif');
	background-repeat: no-repeat;
	margin-bottom:1em;
	margin-top:1em;
	height:22px;
	padding-left:10px;
	padding-top:3px;
	margin-left:25px;
	}
	
.yui-b li a:hover{
	display: block;
	color: #336666;
	background-image: url('http://static.arranholloway.webfactional.com/di//images/menu-button-highlighted.gif');
	}
.yui-b li.current a{
	display: block;
	color: #336666;
	background-image: url('http://static.arranholloway.webfactional.com/di//images/menu-button-highlighted.gif');
	}
#inner-box ul{margin:0px;padding:0px;margin-left:0px;margin-top:0.8em;}
/* Gallery specific styles */
#gallery {text-align:center;;}
#gallery-browse {
	text-align: right;
	vertical-align: bottom;
	padding-top: 20px;
	margin-left:-20px;
}
#gallery-browse a  {
	float:right;
	width:30px;
	height:30px;
	display: block;
	background-repeat: no-repeat;
}

#gallery img{
    margin-left:-32px;
    margin-top:-20px;
    width:100%;
}
#left a {background-image: url("/images/right-arrow.png");}
#right a {background-image: url("/images/left-arrow.png");}
#left a:hover {background-image: url("/images/right-arrow-selected.png");}
#right a:hover {background-image: url("/images/left-arrow-selected.png");}
/* Front page specific styles */
#front {text-align:center;}
.front-image img{width:520px;margin-left:-8px}
#front h2 {font-size:18pt;font-weight:normal;color:white;margin-bottom:20px;}
#front p {margin-top:20px;}
#bottom-links {padding:0px;margin-top:-18px;text-align:center;font-size:8pt;}
#bottom-links a{
	font-size:8pt;
	color:#99CCCC;
	text-decoration:underline;
}
#booking-form {height:300px; width:530px;}