@charset "UTF-8";
/* CSS Document */

body { background:#dcdad6 url("/images/bg_body.jpg") top left repeat-x; margin:0px; padding:0px; font-size:62.5%; font-family:Lucida Grande,"Lucida Sans Unicode",Arial, Helvetica, sans-serif; }
hr { visibility:hidden; }
em { font-style:italic; }

#wrapper { position:relative; background:#e1e0db url(/images/bg_main.gif) bottom left repeat-x; padding:0px 11px; margin:0px auto; width:768px; }
#main { position:relative; background:#f3f3f3; padding:0px 10px; }

#billboard { position:relative; z-index:301; height:194px; }
#billboard img { position:absolute; }
#billboard img.rocks { height:110px; position:absolute; top:100px; right:-45px; width:140px; z-index:1000; }

#L { position:relative; float:left; width:214px; }
#L .menu { background:#cadff1; margin:10px 0; position:relative; padding:10px 0; width:190px; }
#L .menu a { background:url(/images/icons/square.gif) 10px center no-repeat; display:block; width:165px; position:relative; padding:10px 15px 10px 25px; color:#29286c; text-decoration:none; font-size:1.3em; width:150px; border-bottom:#c2d1dd 1px solid; font-weight:normal; }
#L .menu a.last { border-bottom:none; }
#L .menu a:hover { color:#575e68 }
#L p.mag_quote { color:#588298; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; line-height:1.6em; padding:10px 30px 10px 10px; }
#L .reviews { position:relative; padding:10px 0px; }
#L .reviews h2 { padding:5px 5px 5px 30px; background:url(/images/icons/twinbubble.gif) 5px 2px no-repeat; font-family:Georgia, "Times New Roman", Times, serif; color:#666253; font-size:1.4em; font-weight:normal; }
#L .reviews p { padding:0 10px 10px 15px; margin:5px; color:#766d4f; width:150px; font-size:1.1em; line-height:1.4em; }
#L .reviews p a { color:#766d4f; }
#L .reviews p.quote { padding:10px 10px 10px 15px; margin:5px; background:#eeeae0; color:#766d4f; width:150px; font-size:1.1em; line-height:1.4em; }
#L .reviews p.author { width:165px; text-align:right; font-size:1.1em; color:#aea99a; padding:3px 6px; }
#L .travelgreen { display:block; margin:0 0 0 43px; width:105px; }
#L .doorcountymag { display:block; margin:0 0 30px 23px; width:150px; }
#L .doorcountymag div { color:#666; line-height:14px; padding:10px 0 0 10px; }
#L div.tripadvisor { padding:25px 0 0 12px; }
#L div.tripadvisor var { text-align:center; }

#R { position:relative; float:left; width:534px; }
#R .top { position:relative; padding:30px 15px 30px 215px; background:url(/images/bg_homepage.jpg) center left no-repeat; min-height:200px; }
#R .sub { position:relative; padding:15px 15px 30px 10px; }
#R .top h1,
#R .sub h1,
#R .sub h3,
#R .sub h4 { color:#4a89be; font-family:Georgia, "Times New Roman", Times, serif; font-size:2.8em; font-weight:normal; padding:10px 0px; }
#R .top h1,
#R .sub h2 { color:#4a89be; }
#R .sub h3 { font-size:1.8em; }
#R .sub h4 { font-size:1.4em; padding-bottom:0px; }
#R .sub h3.roomtype {  border-bottom:#d4d2cb 1px solid; padding-bottom:5px; margin-bottom:5px; font-size:2.3em; color:#8c8776; }
#R .top p,
#R .sub p,
#R .sub ul { font-size:1.2em; color:#585957; line-height:1.6em; text-align:right; padding-right:15px; }
#R .sub p { text-align:left; padding-bottom:10px; }
#R .sub ul { padding-left:20px; }
#R .sub li { padding:0px 0px 10px 0px; line-height:1.2em; list-style:disc }
#R .sub a { color:#946239; text-decoration:none; }
#R .sub a:hover { color:#575e68; }
#R .sub .why_stay,
#R .sub .rooms { padding:10px 0px;  border-top:#d4d2cb 1px solid; }
#R .sub .rooms { border-top:none; padding:10px 0 30px; }
#R .sub .rooms div.thumbs { padding:4px; }
#R .sub .rooms div.thumbs td { vertical-align:middle; padding:4px; width:60px; }
#R .sub .rooms div.thumbs img { padding:2px; float:left; width:60px; }
#R .sub .rooms li { padding:2px 0px; }
#R .sub .links .link { position:relative; float:left; width:250px; }
#R .sub .links p { padding-left:25px }
#R .sub .links a { color:#946239; text-decoration:none; }
#R .sub .links a:hover { color:#575e68; }
#R .sub .why_stay div.photo,
#R .sub .rooms div.photo { position:relative; display:block; float:right; margin:10px 10px 25px 20px; }
#R .sub .why_stay a.photo img,
#R .sub .rooms a.photo img { padding:3px; border:#d4d2cb 1px solid; }
#R .sub .why_stay div.photo,
#R .sub .rooms div.photo a { display:block; }
#R .sub .rooms div.photo a.prev {  position:absolute; bottom:-18px; left:3px; padding:2px; }
#R .sub .rooms div.photo a.next {  position:absolute; bottom:-18px; right:3px; padding:2px; }
#R .sub .rooms a.roomrates { color:#946239; text-decoration:none; }
#R .sub .rooms a.roomrates:hover { color:#575e68; }
#R .sub div.roomrates { display:none; color:#766d4f; }
#R .sub div.roomrates table { width:100%; }
#R .sub div.roomrates td { padding:8px 10px; margin:0px; border-bottom:#d4d2cb 1px solid; vertical-align:middle }
#R .sub div.roomrates td.rowname { color:#666253; }
#R .sub .event div.photo { position:relative; display:block; float:right; margin:10px 10px 25px 20px; }
#R .sub .event div.photo img { padding:3px; border:#d4d2cb 1px solid; }
#R .sub .event small { color:#666; display:block; font-size:11px; padding:0 0 10px; }

#R .sub div.roomrates td.rate { width:80px; text-align:center; color:#b3afa3; border-left:#FFF 1px solid; }
#R .sub div.roomrates td.larger { font-size:1.4em; color:#585957; }
#R .sub div.roomrates td.disclaimer { text-align:right; color:#a19d8d; font-size:0.9em; }
#R .sub div.roomrates td.headers { padding:4px 8px; border-left:none; }
#R .sub div.roomrates td.dollar { font-size:1.2em; font-weight:bold; }

	 /*google maps*/ 
	.googlemap { display:block; position:relative; width:500px; height:300px; margin:15px 0px 20px 0px; }
	.googlebtn { color:#946239; font-size:1.1em; }
	.googleroute { position:relative; width:500px; padding:10px; font-size:1.1em; color:#585957; }
	.googleroute a { color:#946239; text-decoration:none; }
	.googleroute a:hover { color:#575e68; }
	.googleroute tr,
	.googleroute td { color:#585957; }
	.googleroute td { padding:10px; }
	
	/* tabs
	---------------------------------------- */
	#R .sub div.tabs { padding:10px 0 20px; }
	#R .sub a.tab { color:#4a89be; display:block; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:normal; padding:0 14px 14px 0; }
	#R .sub a.tab.inactive { color:#999; }
	#R .sub a.tab:hover { color:#444; }
	#R .sub div.album img { border:#d4d2cb 1px solid; margin:0 10px 10px 0; padding:3px; }


#R .mid { position:relative; width:507px; height:155px; background:url(/images/midbar/bkgd.jpg) top left no-repeat; padding:6px; }
#R .mid .image { background:url(/images/midbar/sandbeach.jpg) top left no-repeat; padding:29px 14px 9px 14px; width:479px; height:116px; }
#R .mid h2 { color:#4a89be; font-family:Georgia, "Times New Roman", Times, serif; font-size:2.0em; padding:5px 0px 5px 0px; font-weight:normal; }
#R .mid p { color:#585957; font-size:1.0em; line-height:1.6em; padding:0px 10px 0px 0px; width:300px; }
#R .mid a { position:absolute; top:-24px; display:block }
#R .mid a.rsvp { left:15px; }
#R .mid a.contact { left:135px; }

#R .btm { position:relative; padding:20px 0px; }
#R .btm .frame { background:#FFF; border:#dfd9c9 3px solid; display:inline; float:left; padding:1px; position:relative; width:237px; }
#R .btm .left { margin-right:26px; }
#R .btm .right { margin-right:0; }
#R .btm .panel { background:url(/images/bg_panel.jpg) top left no-repeat; height:33em; padding:10px; }
#R .btm .panel img { position:relative; float:left; margin:0px 15px 0px 0px; padding:3px; border:#d4d2cb 1px solid; }
#R .btm .panel h2 { color:#4a89be; font-family:Georgia, "Times New Roman", Times, serif; font-size:2.0em; padding:5px 0px 10px 0px; font-weight:normal; }
#R .btm .panel p { color:#585957; font-size:1.2em; line-height:1.5em; padding:0px 10px 0px 0px; }
#R .btm a { color:#4a89be; text-decoration:none; line-height:1.5em; }
#R .btm a:hover { color:#575e68; }

#footer { position:relative; height:20px; }

#bottom { position:relative; padding:10px 0px 50px 0px; z-index:302; }
#bottom img.rocks { position:absolute; top:-70px; left:-40px; }
#bottom p { text-align:center; padding:3px 0px 9px 0px; color:#423f36; }
#bottom a { padding:0px 5px; color:#423f36; }
#bottom a.mail { text-decoration:none; }
#bottom a:hover { color:#575e68 }
#youtube { clear:both; padding:20px 0 10px; }
#youtube .border { background:#FFF; border:#dfd9c9 3px solid; height:264px; padding:1px; width:425px; }