html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}

body {
	text-align: center;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
	color:#1D1D1D;
	background-repeat: repeat;
	background: url(/_i/blue-bg.gif)
}
* { outline: none; }
img { border: 0; }

a, a:visited {
	color:#FFFFFF;
	font-weight:600;
	text-decoration:none;
	border-bottom: 1px dotted #ccc;
	padding: 0px 2px 0px 2px
}

a:hover {
	border-bottom: 1px solid #ccc;
	background:red;
	padding: 0px 2px 0px 2px;
}

#container {
	width: 775px;
	margin: 25px auto;
	text-align: left;
}

#greyboxBook {
	overflow:auto; 
	background-color: #434344; 
	padding: 10px;
	width:216px;
	text-align:right;
}



#mailinglist {
	overflow:auto;
	background-color: #434344;
	padding: 10px 10px 0px 10px;
	width: 175px;
	text-align:left;
	margin-left: 16px;
}

h1 {
	margin: 0;
	padding: 0 0 7px 0;
	text-indent: -9999px;
	overflow: hidden;
	background: #333 url(/_i/main_logo.gif) no-repeat;
	line-height: 128px;
}

h5 {
	margin: 5px;
	padding: 0 0 7px 0;
	text-indent: -9999px;
	overflow: hidden;
	background: #333 url(/_i/large_logo_new.jpg) no-repeat;
	line-height: 143px;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size:10px;
	padding: 5px 5px 10px 5px;
	text-indent:;
	overflow: ;
	background: #494949;
	line-height: 15px;

}


#inside {
	margin-left:192px;
	padding: 0px 0 0 0;
	background: #D4D4D4 url(/_i/placement.gif) no-repeat left top;	
}

#mainpage{
margin-left: 192px;
padding: 10px 5px 5px 5px;
text-align:left;
}


#nav {
	margin: 0;
	float: left;
	display: inline;
	width: 182px;
	padding:5px 0 0 5px;
	height:100%;
}


#logoHeader{margin:0;
float:left;
display:inline;
padding:5px 0 0 5px;
height:141px;
width:743;
background: url(/_i/large_logo.gif) no-repeat;
}


#music{
height:100%;
background:#434344;
}

#banner{
	padding: 5px 0px 0px 192px;

}

#container #inside {
	padding: 280px 0 0 0;
	background: url(/_i/placement.gif) no-repeat left top;

}

/* main nav */
div#mn	{
	height: 256px;
	width: 182px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #333;
}

div#mn ul#menu	{
	height: 256px;
	width: 182px;
	background: transparent url(/_i/nav.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

div#mn ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: ;
	top: 0;
}

ul#menu li, ul#menu a {
	height: 32px;
	display: block;
	border: 0;
}

div#mn ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
}

#home	{left: 0; width: 182px;}
#reserve	{ left: 0px; width: 182px;}
#groups {left: 00px; width: 182px;}
#play {left: 0px; width: 182px;}
#deals {left: 0px; width: 182px;}
#contact {left: 0px; width: 182px;}
#gallery {left: 0px; width: 182px;}
#meet  {left: 0px; width: 182px;}

#home a:hover	{background: transparent url(/_i/nav.gif) 0 -256px no-repeat;}
#reserve a:hover	{background: transparent url(/_i/nav.gif) -0px -288px no-repeat;}
#groups a:hover	{background: transparent url(/_i/nav.gif) -0px -320px no-repeat;}
#play a:hover	{background: transparent url(/_i/nav.gif) -0px -352px no-repeat;}
#deals a:hover	{background: transparent url(/_i/nav.gif) -0px -384px no-repeat;}
#contact a:hover	{background: transparent url(/_i/nav.gif) -0px -416px no-repeat;}
#gallery a:hover	{background: transparent url(/_i/nav.gif) -0px -448px no-repeat;}
#meet a:hover	{background: transparent url(/_i/nav.gif) -0px -480px no-repeat;}

#home a#active	{background: transparent url(/_i/nav.gif) 0 -512px no-repeat;}
#reserve a#active	{background: transparent url(/_i/nav.gif) -0px -544px no-repeat;}
#groups a#active	{background: transparent url(/_i/nav.gif) -0px -576px no-repeat;}
#play a#active	{background: transparent url(/_i/nav.gif) -0px -608px no-repeat;}
#deals a#active	{background: transparent url(/_i/nav.gif) -0px -640px no-repeat;}
#contact a#active	{background: transparent url(/_i/nav.gif) -0px -672px no-repeat;}
#gallery a#active	{background: transparent url(/_i/nav.gif) -0px -704px no-repeat;}
#meet a#active	{background: transparent url(/_i/nav.gif) -0px -736px no-repeat;}

/* inner content */

.that{	
	font-size: 1.1em;
	font-weight:400;
	color:#fff;

}
#content {
	padding: 5px 5px 5px 5px;
	font-size: 1em;
	background-color: #333333;
	color:#CCCCCC;
}

#content p {
	padding: 0;
	margin-top: 0;
}

#content ul {
	list-style-type:none;
	margin: 0 0 15px 0;
	padding: 0 0 0 5px;
}

#content li {
	display: block;
}

#content #left {
	margin: 0;
	float: left;
	display: inline;
	width: 228px;
	padding:0px 0px 0px 10px;
}

#content #visit{
	margin: 0;
	float: left;
	display: inline;
	width: 550px;
	padding:0px 0px 0px 10px;
}

#content #leftImage {
	margin: 0;
	float: left;
	display: inline;
	width: 228px;
	padding:0px 0px 0px 10px;
}

#content #right {
	margin-left: 425px; 
	padding: 0;
	width: 335px;
}

h2  { font-size:13px;
font-weight:bold;
color:white;
}


#leftImage a, a:visited {
	color:#FFFFFF;
	font-weight:700;
	text-decoration:none;
	border-bottom: 1px dotted #333;
}

#leftImage a:hover {
	border-bottom: 1px solid #333;
	background:#333;
	}
	
 #mainPage {
	padding: 5px 5px 5px 5px;
	font-size: 1em;
	background-color: #333333;
	color:#CCCCCC;
	margin-left:192px;
}
form {
	margin: 0;
	padding: 0;
}

.forms{
background-color:#333333;
color:#FFFFFF;
}

input.tf {
	width: 200px;
	border: 1px solid #ccc;
	margin-bottom: 8px;
}

h2#getaroom {
	margin: 0 0 20px 0;
	padding: 0;
	height: 56px;
	width: 218px;
}
li.event {
	margin-bottom: 15px;
}

/* home page */

.slideshow {
	height: 218px;
	width: 218px;
	border: 5px solid #CCC;
}

.greyborder {
	border: 10px solid #434344;
	background-color:#434344;
}

p#intro {
	background-color:#B8B8B8;
	padding: 10px 25px 10px 0;
	margin: 0;
}
a#tilted_room {
	display: block;
	width: 180px;
	height: 80px;
	text-align: center;
	float: left;
	border: 0;
}
a#tilted_room:hover {
	background-color: #B8B8B8;
}

/* nifty corner boxes. the 5px gets yanked by the script */
.corners, .corners_bot, .white, .darkborder {
	margin-bottom: 20px;
	padding: 5px 0;
}



.greyboxImages {
padding-bottom:10px;

}

.room {
	clear: both;
	margin: 0 0 10px 0;
}

.room a img {
	float: left;
	margin: 0 20px 10px 0;
	border: 5px solid #CCC;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity: 0.80;
}

.room a:hover img {
	border: 5px solid #333;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
}

.deal {
	clear: both;
	margin: 0 0 20px 0;
}

.deal img {
	float: left;
	margin: 0 20px 10px 0;
	border: 5px solid #CCC;
}

.bigger {
	font-size: 1.4em;
	line-height: 20px;
	color:#333333;
}



.m25 {
	margin: 0 0 25px 0;
}

.right {
	float: right;
	margin: 0 0 10px 10px;
}

.left {
	float: left;
	margin: 0 10px 10px 0;
}

/* buzz styles */
#buzzbox {
	overflow:auto; 
	background-color: #fff; 
	padding: 20px;
}

#buzzbox p {
	margin-bottom: 25px;
}

#buzzbox a{
border: none;
}

#buzzbox img{
border: none;
}
#buzzleft {
	width: 260px; 
	float: left;
	display: inline;
	background-color: transparent;
}

#buzzright {
	margin-left:285px;
	background-color: transparent;
	
}

.dateline {
	font-size: .91em;
	font-style:italic;
	display: block;
	padding-left: 4px;
	color:#666;
}

#javan {
	background-color: #000;
	padding: 2px !important;
	color: #fff;
	position: relative;
	top: 64px;
	left: -27px;
	display: inline;
	font-size: 10px;
}

#javan a {
	color: #fff;
}

/* nifty corners */
.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}


/* footer styles */
#footer {
	clear: both;
	margin: 0;
	padding: 4px 0 10px 10px;
	font-size: 8pt;
	line-height: 20px;
	text-align: left;
	color: #fff;
	background-color:#333333;
	letter-spacing: 0.5px;
}

#footer a, a:visited {
	color:#FFFFFF;
	text-decoration:none;
	border-bottom: 1px dotted #fff;
	padding: 0px 2px 0px 2px
}

#footer a:hover {
	border-bottom: 1px solid red;
	background:red;
	padding: 0px 2px 0px 2px;
}
#footer .phone {
	color: #008CFF;
	font-size:6.5pt;
	letter-spacing:0px;
}

.khImage a, a:hover, a:visited{
border-bottom:0px
}
#khImage{
padding: 0px 10px 0px 10px;
}
#khImage a, a:visited {
	color:#FFFFFF;
	font-weight:700;
	text-decoration:none;
	border-bottom: 1px dotted #333;
	padding: 0px 2px 0px 2px
}

#khImage a:hover {
	border-bottom: 1px solid #333;
	background:#333;
	padding: 0px 2px 0px 2px;
}

.khImage{
text-decoration:none;
}

/* Image link cover ups*/

#book{
padding: 10px 0px 0px 0px;
}
#book a, a:visited {
	color:#FFFFFF;
	font-weight:700;
	text-decoration:none;
	border-bottom: 1px dotted #434344;
	padding: 0px 2px 0px 2px
}

#book a:hover {
	border-bottom: 1px solid #434344;
	background:#434344;
	padding: 0px 2px 0px 2px;
}



/* bringing in more of the red */

.red {
	color: #9e000e;
}



.center-text {
	text-align:center;
}

a#doug-fir-upcoming {
	display:block;
	width:228px;
	height:84px;
	overflow:hidden;
	text-indent:-9999px;
	background: url(/_i/doug-fir-upcoming.gif) no-repeat;
	border-style: none;
	margin-right: auto;
	margin-left: auto;
}

.buzzthumb{
float: left;
padding: 3px;
margin: 0px;
}

img a, a img{
border: none;
}

.clear{
clear: both;
margin: 0px;
padding: 0px;
}

		#map {
			width: 292px; height: 288px;
			background: url(http://www.theclarendon.net/map.html) no-repeat;
			}