/* Rosemullion Hotel website stylesheet
   V1.0 Paul Bellamy, BellamyStudio, Jul 2007 */

/* core html elements */
* {
	padding:0;
	margin:0
}
body {
	background-color:white;
	font:0.75em/1.5em Georgia, Times, serif;
	color:#000
	}
img {
	border:0
	}

h1,h2,h3,h4{
	font-family:Georgia, Times, serif;
	margin:0 0 .9em 0
	}
h1, h2 {
	font-size:2em;
	font-weight:normal;
	font-style:italic
}
p {
	margin:.25em 0 .5em 0
	}
a, h1, h2, em {
	color:#7e1a1a
}
a:hover {
	color:#c03
}
a:visited {
	color:#603
}
hr {
	border:none;
	background-color:#dedede;
	height:1px
}
em {

}
/* set up floats */

#container, #header, #logo, #leftCol,#rightCol, #content, #footer {
	float:left
}
/* main template layout */
#wrapper {
	margin: 0 auto;
	width:780px;
	text-align:left;
	}
#container {
	position:relative;
	width:780px
	}
#header {
	clear:both;
	width:780px;
	height:252px;
	background:url('../images/template/bg.png') top left no-repeat
}

#header #logo {
	position:absolute;
	left:511px;
	top:25px
	}
#header #logo h1 a {
	display:block;
	text-indent:-999em;
	overflow:hidden;
	width:200px;
	height:50px;
	background:url('../images/template/rosemullion.png') top left no-repeat
}	
#header #aa {
	position:absolute;
	top:0
	left:20px}

/* navigation */

#Nav {position: absolute; top: 230px; left: 0px; width: 780px; height: 35px; padding: 0; margin: 0;}
#Nav li {float:left; list-style: none; margin: 0; padding: 20px 8px 0 8px; display: inline;}
#Nav li a:link, #Nav li a:visited {display: block; top: 0; padding-top:20px; cursor:pointer; z-index:1; text-decoration:none; font-style: italic; font-size:1.1em; color:#000}
#Nav .home {float:right}
#Nav .about a {background:url('../images/template/nav/about.png') top center no-repeat}
#Nav .about a:hover {background:url('../images/template/nav/about.png') center -199px no-repeat}
.about #Nav .about a {background:url('../images/template/nav/about.png') center -99px no-repeat}

#Nav .rooms a {background:url('../images/template/nav/rooms.png') top center no-repeat}
#Nav .rooms a:hover {background:url('../images/template/nav/rooms.png') center -199px no-repeat}
.rooms #Nav .rooms a, .rooms #Nav .rooms a:hover {background:url('../images/template/nav/rooms.png') center -99px no-repeat}

#Nav .dining a, #Nav .eating a {background:url('../images/template/nav/dining.png') top center no-repeat}
#Nav .dining a:hover, #Nav .eating a:hover {background:url('../images/template/nav/dining.png') center -199px no-repeat}
.dining #Nav .dining a, .dining #Nav .dining a:hover {background:url('../images/template/nav/dining.png') center -99px no-repeat}

#Nav .business a {background:url('../images/template/nav/business.png') top center no-repeat}
#Nav .business a:hover {background:url('../images/template/nav/business.png') center -199px no-repeat}
.business #Nav .business a, .business #Nav .business a:hover {background:url('../images/template/nav/business.png') center -99px no-repeat}

#Nav .location a {background:url('../images/template/nav/location.png') top center no-repeat}
#Nav .location a:hover {background:url('../images/template/nav/location.png') center -199px no-repeat}
.location #Nav .location a, .location #Nav .location a:hover {background:url('../images/template/nav/location.png') center -99px no-repeat}

#Nav .falmouth a {background:url('../images/template/nav/falmouth.png') top center no-repeat}
#Nav .falmouth a:hover {background:url('../images/template/nav/falmouth.png') center -199px no-repeat}
.falmouth #Nav .falmouth a, .falmouth #Nav .falmouth a:hover {background:url('../images/template/nav/falmouth.png') center -99px no-repeat}

#Nav .prices a {background:url('../images/template/nav/prices.png') top center no-repeat}
#Nav .prices a:hover {background:url('../images/template/nav/prices.png') center -199px no-repeat}
.prices #Nav .prices a, .prices #Nav .prices a:hover {background:url('../images/template/nav/prices.png') center -99px no-repeat}

#Nav .contact a {background:url('../images/template/nav/contact.png') top center no-repeat}
#Nav .contact a:hover {background:url('../images/template/nav/contact.png') center -199px no-repeat}
.contact #Nav .contact a:hover, .contact #Nav .contact a {background:url('../images/template/nav/contact.png') center -99px no-repeat}

#Nav .home a, #Nav .university a {background:url('../images/template/nav/home.png') top center no-repeat}
#Nav .home a:hover, #Nav .university a:hover {background:url('../images/template/nav/home.png') center -199px no-repeat}
.home #Nav .home a, .home #Nav .home a:hover, .university #Nav .university a, .university #Nav .university a:hover {background:url('../images/template/nav/home.png') center -99px no-repeat}

/* sorry, couple of ie6 fixes */
#Nav li a {cursor: pointer; background:inherit}

#content {
	position:relative;
	margin-top:60px;
	width:780px;
}
/* set up some padding */

#leftCol {
	width:432px;
	margin-right:15px
	}
#rightCol {
	width:320px
	}
#footer {
	clear:both;
	width:780px;
	margin-top:20px;
	padding:20px 0;
	background:url('../images/template/footer_line.png') top left repeat-x;
	font-size:x-small
}
#footer a {
	color:#666;
	text-decoration:none
}

/* General form fieldset layout (two column)
----------------------------------------------------*/
fieldset {
	margin:0;
	padding:0;
	border:0
	}
form {padding:0;margin:0}
form legend {font-size:120%;font-weight:bold;text-decoration:underline;color:#333;padding:0;margin:0 0 .5em 0}
form p {padding:0 0 .5em 1em;clear:both}
form p small, form p label small {color:#666; line-height:1.1em;display:block}
form label {float:left; width:100px; margin:0 10px 0 0; font-size:1em}
form input, form textarea {border:1px solid #cdcdcd; top left no-repeat; width:250px; font-family: Arial, Helvetica, sans-serif; font-size:small; font-weight:bold; color:#665}
form input:focus, form textarea:focus {border:1px solid #c03;}
form input.button {width:88px; border:none}
.mandatory {color:red}