CSS - http://www.kauai-inn.com/
http://www.kauai-inn.com/
http://www.kauai-inn.com/css/style.css

/*NORMALIZE FONT/EM SIZE*/

*{margin:0; padding: 0; text-align: left;}

img{border: 0px; margin: 0px; padding: 0px;}

html{font-size: 10px; color: #909090; font-family: "Lucida Grande", Arial, Verdana, Helvetica, Sans-serif;}



/*FIXED WIDTH (EM) CENTERED*/

html{text-align: center;}

body{text-align: center; margin: 0px auto 0px auto; }

a:link {color: #000000; text-decoration:none;}

a:visited {color: #FFFFFF; text-decoration:none;}

a:hover {color: #FFE70D; text-decoration:none; }

a:active {color: #FFCC33; text-decoration:none;}


p a:link {color: #03F; text-decoration: underline;}

p a:visited {color: #600; text-decoration: underline;}

p a:hover {color: #09F; text-decoration: underline;}

p a:active {color: #06F; text-decoration: underline;}


p2 {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	color: #666666;

	list-style-type: none;

	float: left;

	font-size: 0.9em;

}	

h1 {

	font-size: 1.5em;
	
	text-indent: 1em;
	
	font-family: Papyrus;

	color: #000000;

}

/*COMMON ELEMENT STYLES*/

#pageShell {

	background: #FFFFFF url('../images/kauaiinn.jpg') no-repeat 50% 0;

	margin: 0px auto 0px auto;

	padding: 0px;

	width: 800px;
	
	text-align: left;

}

#pageContent {

	margin: 0px;

	padding: 0px;

	width: 784px;
	
	height: 690px;

	text-align: left;

	position: relative;

}


#pageContent div#pageRight {

	margin: 300px 0px 0px 0px;

	padding: 0px;

	width: 545px;

	float: right;

}

#pageContent div#pageLeft {

	margin: 5px 0px 0px 0px;

	padding: 0px;

	width: 200px;

	float: left;

}

#pageContent div#pageLeft div.sidenav h1 {
	
	line-height: 21pt;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 8px 0;

	font-size: 1.5em;


	font-weight: normal;
	
	font-family: Papyrus;
	
	text-indent: 1em;

	color: #000000;

}

#pageContent div.contentShell {

	margin: 0px;

	padding: 0px 0px 0px 0px;

}


#pageContent div#pageRight div.dated {

	margin: 50px 160px 0px 130px;

	padding: 0px 0px 5px 0px;

	font-weight: normal;

	color: #8D8D8D;

}


#pageContent div#pageRight div.dated p {

	margin: 0px;

	padding: 0px 0px 8px 0;

	font-size: 1em;

	font-weight: normal;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	
	font-style:italic;
	
	text-indent: 2em;

	color: #000000;

}

#pageContent div#pageRight div.dated2 {

	margin: 10px 220px 10px 50px;

	padding: 0px 0px 15px 0px;

	font-weight: normal;

}

#pageContent div#pageRight div.dated2 p {

	margin: 0px;

	padding: 0px 0px 0px 0;

	font-size: 1em;

	line-height: 1.5em;

	font-weight: normal;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	
	font-style:italic;
	
	text-indent: 2em;

	color: #000000;

}

#pageContent div#pageRight div.dated p {

	margin: 0px;

	padding: 0px 0px 4px 0px;

	font-size: 1em;
	
	line-height: 1.5em;

	font-weight: normal;

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #000000;

}

#pageContent div#imagelinks {

	margin: 7px 10px 0px 0px;

	padding: 0px;

	width: 760px;
	
	height: autopx;
	
	float: right;

}

#pageContent div#copyright {

	margin: 8px 0px 0px 4px;

	padding: 0px;

	width: 780px;
	
	height: 14px;
	
	float: left;
	
	line-height: 1em;

}

#hvb1 {

	margin: 2px 0px 0px 2px;

	padding: 0px;
	
	float: left;
	
}


#best {
	
	margin: -5px 140px 0px auto;

	padding: 0px;
	
	float: right;
}

#text {

	margin: 0px -5px 0px 0px;

	padding: 0px;
	
	float: right;
	
}

div.clearFloats {

	clear: both;

	height: 1px;

}

#nav li {

	float: left;

	margin: 0;

	padding: 0;

	font-family: Papyrus;

	font-size: 1em;
}