body,td,th {
	font-size: 14px;
	color: #000000;
}
body {
	background-color: #352B01;
}
a{
text-decoration:none;
color:black;
}
	a:visited{
	color:black;
	}
	a:hover{
	color:#777;
	}
h3 {
margin:0px 10px 0px 0px;
display:inline;
}
h2{
margin-top:0px;
}
#wrapper{
width:830px;
margin-left:auto;
margin-right:auto;
}
#top{
width:830px;
height:444px;
margin:0px;
background-repeat:no-repeat;
}
	img#logo{
	float:left;
	margin:44px 0px 0px 33px;
	border:0px;
	}
#navbar{
margin:19px 75px 0px 0px;
float:right;
color:#fff;
width:550px;
padding:0px 0px 0px 0px;
}
	#navbar ul{
	margin:0px;
	padding:0px;
	float:left;
	}
	#navbar li{
	list-style:none;
	float:left;
	margin:0px;
	}
	#navbar a{
	text-decoration:none;
	color:#fff;
	font-size: 11pt;
	font-family: serif;
	font-weight:bold;
	display:block;
	padding:0px 8px 2px 7px; /*fix this - doesn't display in IE */
	}
		#navbar a:hover{
		color:#000;
		}
#content{
width:700px;
margin-left:auto;
margin-right:auto;
background-image: url("Images/bottomBG.jpg");
background-repeat:repeat-y;
}
	#content p{
	font-size:10pt;
	text-align:justify;
	margin-top:0px;
	}
	#content p.bigText{
	font-weight:bold;
	font-size:11pt;
	text-align:left;
	}
	div.fat{
	width:470px;
	float:left;
	margin:0px;
	padding:0px 0px 0px 10px;
	}
		div.fat h4{
		margin:0px;
		}
		div.fat p{
		margin:0px;
		}		
		div.box{
		margin:20px 0px 10px 20px;
		padding-left:30px;
		border-left:solid thin black;
		}
		div.specialsBox{
		margin:20px 0px 10px 20px;
		padding-left:30px;
		border-left:solid thin black;
		min-height:200px;
		}
			div.specialsBox p{
			font-size:11pt;
			margin:0px 0px 10px 10px;
			}
	div.aboutFat{
	width:470px;
	float:left;
	margin:0px;
	padding:0px 0px 0px 10px;
	}
	div.directionsFat{
	width:520px;
	float:left;
	margin:0px;
	padding:0px 0px 0px 10px;
	}
		div.directionsBox{
		margin:0px;
		padding:10px 0px 0px 10px;
		border-left:solid thin black;
		}
	div.skinny{
	height:225px;
	width:170px;
	float:left;
	margin-top:0px;
	padding-bottom:0px;
	}
		div.skinny h1{
		margin:95px 0px 20px 30px;
		font-size:22pt;
		text-align:center;
		}
	div.aboutSkinny{
	width:170px;
	float:left;
	margin-top:0px;
	padding-top:20px;
	padding-bottom:20px;
	}
	div.vertLine{
	float:left;
	margin:10px 20px 0px 20px;
	height:210px;
	border-right: thin solid black;
	}
	span.bigLetter{
	font-size:18pt;
	line-height:100%;
	}
	span.strong{
	font-weight:bold;
	font-size:11pt;
	}
ul.information{
margin:0px 0px 0px 10px;
padding:0px;
font-size:10pt;
}
	ul.information li{
	margin:5px 0px 10px 10px;
	}
	ul.information h4{
	margin:0px;
	display: inline;
	}
.inline{
display:inline;
}
ul.links{
margin:0px 0px 0px 15px;
padding:0px;
font-size:10pt;
}
	ul.links li{
	list-style:none;
	}
table.rooms{
width:500px;
margin-right: auto;
margin-left: auto;
}
	table.rooms h2{
	text-align:center;
	margin:10px 0px 0px 0px;
	font-size:16pt;
	}
	table.rooms img{
	display:block;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	}
	
table.specials{
width:500px;
float:left;
margin-left:20px;
}
	table.specials td {
	vertical-align:top;
	}
	table.specials th{
	vertical-align:top;
	text-align:left;
	}
	td.description{
	padding-bottom:20px;
	}
	
	


table.roomDetails{
width:500px;
margin-right: auto;
margin-left: auto;
}
	.roomDetails td.col1{
	width:200px;
	}
	.roomDetails h2{
	text-align:center;
	margin:10px 0px 5px 0px;
	font-size:16pt;
	color:#000;
	}
	.roomDetails tr td p{
	margin:0px;
	padding:0px;
	}
	.roomDetails td a{
	margin:0px;
	padding:0px;
	color:#666;
	}
		.roomDetails td a:hover{
		color:#000;
		}
span.price{
font-size:10pt;
color:#5f5f5f;
}
#navFooter{
width:700px;
margin-left:auto;
margin-right:auto;
height:25px;
background-image: url("Images/footer.jpg");
background-repeat:no-repeat;
text-align:center;
padding-top:2px;
}
	#navFooter ul{
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	}
	#navFooter li{
	list-style:none;
	display:inline;
	text-align:center;
	padding:0px 0px 0px 4px;
	margin:0px;
	border-left:thin solid white;
	}
	#navFooter a{
	text-decoration:none;
	color:#fff;
	font-size: 11pt;
	margin:0px;
	padding:0px;
	}
#footer{
width:700px;
text-align:center;
margin-top:0px;
height:20px;
margin-left:auto;
margin-right:auto;
}
	#footer span{
	color:#fff;
	font-size:10pt;
	}
#dbTop{
width:830px;
background-image: url("Images/dbTop.jpg");
height:165px;
margin:0px;
background-repeat:no-repeat;
}
#dbContent{
width:700px;
margin-left:auto;
margin-right:auto;
background-image: url("Images/bottomBG.jpg");
background-repeat:repeat-y;
min-height:300px;
}
.dbTable{
	font:9pt arial;
	margin-top:10px;
	border-st	yle:none;
	border-color:black;
	width:850px;
	border-width: 1px;
	border-collapse: collapse;
}
	.dbTable td{
		vertical-align:top;
		border-width: 1px;
		padding: 1px;
		border-color: gray;
		border-style:outset;
	}
	.roomName{
	width:150px;
	/* need to find how to align text to top-left of td*/
	text-align:left;
	}
	.dbTable td.edit, .dbTable th {
		border-style:none;
	}
div.dbWrapper
{
width:700px;
margin-left: auto;
margin-right: auto;
background-color:#fff;
height:600px;
}
	div.leftCol
	{
	width:200px;
	float:left;
	margin:10px 0px 0px 10px;
	}
	ul.rooms
	{
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
		ul.rooms li
		{
		margin:10px 0px 10px 20px;
		}
		
	div.rightCol
	{
	float:left;
	}
		div.roomDetails
		{
		margin-top:12px;
		}
		table.details
		{
		border-style:none;
		border-color:black;
		border-width: 1px;
		border-collapse: collapse;
		}
			table.details td
			{
			border-width:0px;
			border-style:outset;
			vertical-align:top;
			text-align:left;
			padding-bottom:10px;
			}
			.detailsCol1
			{
			width:130px;
			}
			.detailsCol2
			{
			padding-top:4px;
			width:350px;
			}
			div.edit
			{
			float:left;
			margin:0px 10px 0px 10px;
			}
			a.edit
			{
			font-size:11pt;
			color:#777;
			text-decoration:none;
			margin: 0px 2px 0px 2px;
			}
.mockupWrapper
{
width:700px;
margin-left:auto;
margin-right:auto;
}
div.clear
{
clear:both;
}