@charset "UTF-8";


/*Imports*/


@import url("tripoli.simple.css");
@import url("screen.css");
@import url("custom-theme/jquery-ui-1.7.2.custom.css");


/* HTML5 tags */


header, section, footer,
aside, nav, article, figure {
	display: block;
}


/* Navigation */


nav ul {
	height:43px
	}
	nav li {
		position: relative;
		float: left;
		width: 192px;
		color:#fedeb2;
		}
	nav a:link, nav a:visited {
		font-size:1.4em;
		text-transform:uppercase;
		font-family:Georgia, "Times New Roman", Times, serif;
		text-align:center;
		display: block;
		line-height:45px;
		color:#fedeb2;
		text-decoration:none;
		height:43px;
		line-height:45px;
		font-weight:lighter;
		}
		nav a:hover {
			color:#FFF;
			height:40px;
			}
		nav a:active {
			position:relative;
			top: 1px;
			}
	nav li ul {
		width: 160px;
		position: absolute;
		left: -10000px
		}
		nav li:hover ul {
			display: block;
			left: 40px;
			top: 40px;
			}
	nav li ul li {
		background: #000;
		text-align:left;
		}
		nav li ul li a:link, nav li ul li a:visited {
			text-transform: none;
			padding-left: 10px;
			text-align:left;
			line-height: 30px;
			height:30px;
			}
		nav li ul li a:hover, nav li ul li a:active {
			background: #fedeb2;
			color:#000;
			}
		#homePage #homePageLink li li a:link, #homePage #homePageLink li li a:visited, #servicesPage #servicesPageLink li li a:link, #servicesPage #servicesPageLink li li a:visited, #customerSupportPage #customerSupportPageLink li li a:link, #customerSupportPage #customerSupportPageLink li li a:visited, #contactDetailsPage #contactDetailsPageLink li li a:link, #contactDetailsPage #contactDetailsPageLink li li a:visited {
			background: none;
			}
div#subnav {
	width: 572px;
	margin: 30px 0px 0px 0px;
	float: left;
	font-size: 2.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 1.8em;
	text-align: left;
	color:#FFF;
	font-weight:lighter;
	text-shadow: 1px 1px 2px #000;
	}
	div#subnav ul{
		width: 190px;
		float: left;
		}
		ul.subnav li a{
			text-decoration:none;
			padding:10px;
			}
		ul.subnav li a:hover{
			color:#fedeb2;
			}
		ul.subnav li a:active{
			position:relative;
			top: 2px;
			}
			
			
/* Form */


form h2 {
	display: block;
	background-color:#F9F1E8;
	padding: 10px 10px 10px 20px;
	margin: -20px -20px 20px -20px;
	font-size:1.4em;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif; 
	text-align: center;
	}
form label {
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	font-weight: 500;
}
form input[type="submit"] {
	margin: 15px 0px 0px;
	width:  318px;
	font-size: 2em;
	}
form#contact {
	width: 500px;
	padding: 20px;
	height: auto;
	border: 1px solid #7F7F7F;
	margin: 20px 230px 40px;
	float: left;
	}
	form#contact input[type="text"],form#contact textarea  {
		display: block;
		font-size: 1.6em;
		line-height: 1.4em;
		margin: 10px 0px;
		font-family:Verdana, Geneva, sans-serif;
		padding: 1px 5px;
		background-color: #F9F1E8;
		border: 1px solid #7F7F7F;
		width: 490px;
		}
form#guestbook {
	width: 318px;
	padding: 20px;
	height: auto;
	border: 1px solid #7F7F7F;
	margin: 0px 10px 10px;
	float: left;
	}
	form#guestbook input[type="text"],form#guestbook textarea  {
		display: block;
		font-size: 1.6em;
		line-height: 1.4em;
		margin: 10px 0px;
		font-family:Verdana, Geneva, sans-serif;
		padding: 1px 5px;
		background-color: #F9F1E8;
		border: 1px solid #7F7F7F;
		width: 308px;
		}
		
	aside#error {
		width: 312px;
		padding: 20px;
		margin-left: 321px;
		margin-bottom: 20px;
		margin-top: 20px;
		border: 1px solid #7F7F7F;
		color: red;
		font-weight: bold;
		}
	aside#login {
		width: auto;
		padding: 20px;
		margin-left: 321px;
		margin-bottom: 100px;
		margin-top: 50px;
		border: 1px solid #7F7F7F;
		}
		form #login label {
			display: inline;
			}
		aside#login input[type="text"], aside#login input[type="password"] {
			display: block;
			font-size: 1.6em;
			line-height: 1.4em;
			margin: 10px 0px;
			font-family:Verdana, Geneva, sans-serif;
			padding: 1px 5px;
			background-color: #F9F1E8;
			border: 1px solid #7F7F7F;
			width: 300px;
			}


/* Reservation Page */

#reservationBox {
	border: solid;
	border-color:black;
	border-width: 2px;
	background-color:#861c11;
	padding: 4px;
	text-align: center;
	margin-top: 15px;
	}
#reservationLink {
	font-size: 1.6em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-weight:lighter;
	text-shadow: 1px 1px 2px #000;
	text-decoration: none;
	}
#setup {
	margin: 20px auto;
	width: 750px;
	}
	
#calendar {
	margin: 20 auto;
	}

aside#reservations {
	width: 800px;
	margin: 0px 80px;
	}
#jselement, #jselement2, #jselement3 {
	display: none;
	width: 350px;
	margin: 20px 20px;
	text-align: center;
	font-size: 1em;
	}
	#jselement h2, #jselement2 h2 {
		width: 318px;
		margin: 0px;
		}
	#jselement input, #jselement2 input {
		border: none;
		cursor: text;
		width: 350px;
		font-size: 1.5em;
		margin: 10px;
		text-align: center;
		}
		article#jselement input[type="text"], article#jselement2 input[type="text"] {
			width: auto;
			}
form#reserveform input[type="submit"] {
	margin: 0px 292px 20px;
	width: 200px;
	}
.message {
	font-size: 1.9em;
	text-align: center;
	}
	.message span {
		font-size: 1.4em;
		}
form#reserve {
	width: 600px;
	margin: 0px auto 20px;
}
.error_text {
	font-size: 2em;
	text-decoration: underline;
	color:#8c281b ;
	font-weight: bold;
	text-align: center;
}
	#information {
		display: none;
	}
	
	form#reserve label {
		margin-right: 10px;
		}
	
	form#reserve input[type="text"] {
		display: block;
		font-size: 1em;
		line-height: 1.4em;
		margin: 10px 0px;
		font-family:Verdana, Geneva, sans-serif;
		padding: 1px 5px;
		background-color: #F9F1E8;
		border: 1px solid #7F7F7F;
		}

	
#table tr td {
	font-size: 1.3em;
	border: 1px solid white;
}
	.roomnum {
		padding-right: 10px;
		}
	
	

/* Layout */


a {
	text-decoration: none;
}
body {
	background: url(../images/nav_header.gif) repeat-x;
	}
	.wrapper {
		margin: 0 auto;
		width: 960px;
		}
		header {
			text-align: center;
			height: 213px;
			margin-bottom: 20px;
			}
			img#logo {
				margin: 30px 75px 30px 15px;
				float: left;
			}
			header p {
				width: 572px;
				margin: 30px 0px 0px 0px;
				float: left;
				font-size: 2.3em;
				font-family:Georgia, "Times New Roman", Times, serif;
				line-height: 1.8em;
				text-align: left;
				color:#FFF;
				font-weight:lighter;
				text-shadow: 1px 1px 2px #000;
				}
				header p strong {
					font-size: 2em;
					font-weight: normal;
				}
			div#slider li#house {
				background:url(../images/01.jpg) no-repeat;
				}
			div#slider li#bed {
				background:url(../images/02.jpg) no-repeat;
				}
			div#slider li#table {
				background:url(../images/03.jpg) no-repeat;
				}
			div#slider li#room {
				background:url(../images/04.jpg) no-repeat;
				}
			div#slider li#water {
				background:url(../images/11.jpg) no-repeat;
				}
		section#home_page {
			margin-top: 10px;
			margin-bottom: 50px;
			width:960px;
			float: left;
			}
			section#home_page article {
				width:280px;
				margin: 10px 15px;
				text-align:left;
				float: left;
				}
			.big_text {
				font-size: 1.5em;
				line-height: 1.6em;
				font-family:Georgia, "Times New Roman", Times, serif;
				}
		section#rooms {
				float: left;
				width:auto;
			}
			section#rooms article {
				float: left;
				width: 680px;
			}
		section {
			float: left;
			width: 308px;
			margin-left: 20px;
			}
		aside {
			float: left;
			width:612px;
			}
			aside p.instructions {
				padding: 10px;
				font-size:1.2em;
				font-weight: bold;
				}
			aside#beside_form {
				width:560px;
				margin-left: 20px;
				}
				aside#beside_form h2 {
					border-bottom: 1px solid black;
					margin: none;
					}
				aside#beside_form article {
					float: none;
					}
					aside#beside_form article p {
						margin: 0px;
						}
			aside#admin form {
				margin: 20px 0px;
				}
				aside#admin h1 {
					float: left;
					font-size:2em;
					margin-bottom: 2px;
					}
				aside#admin select {
					margin-right: 10px;
					margin-top: 3px;
					float: left;
					font-size: 1.2em;
					}
				aside#admin p {
					clear: both;
					margin-left: 87px;
					margin-bottom: 0px;
					font-size: 1.2em;
					line-height: 1.2em;
					width: 300px;

					}
				aside#admin a {
					font-size: 1.2em;
					float: left;
					margin-left: 87px;
					clear: left;
					font-style: italic;
					font-weight: bold;
					line-height: 1.2em;
					color:#666666 ;
 					}
 					aside#admin a:hover {
 						color: #740b00;
 						}
					aside#resImage {
					margin-bottom: 20px;
						}

						
			article {
				margin: 10px;
				font-family:Verdana, Geneva, sans-serif;
				font-size: 1.4em;
				line-height: 1.8em;
				float:left;
				}
				p {
					margin-bottom: 10px;
					}
				h2 {
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size: 1.4em;
					margin-bottom: 5px;
					}
				#paintings img {
					margin:   10px 0px;
					}
footer {
	clear: both;
	background: url(../images/footer_bar.gif) repeat-x #000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: 200;
	font-size: 1.4em;
	line-height: 1.3em;
	color:#fedeb2;
	height: auto;
	padding: 10px;
	text-align: center;
	}