body {
	background-color: #FFFFFF;
	text-align: center;
	font-size:62.5%;} /*for IE/Win*/
	
html>body {font-size:10px;}	/*for everything else*/

* {
	margin:0;
	padding:0;}

h1 {font-size:2em;} /*displayed at 24px*/	
h2 {font-size:1.5em;} /*displayed at 18px*/
h3 {font-size:1.25em;} /*displayed at 15px*/
h4 {font-size:1em;}	/*displayed at 12px*/

#logo {
	position:absolute;
	top:15px; left:10px; width:150px;
	background-color:#FFFFFF;
	margin: 0 5px 0 5px;}

#Header {
	position:absolute;
	top:15px; left:165px;
	background-image:url(images/top_bg.jpg);
	background-repeat:repeat-x;
	text-align:left;
	height:143px;
	width:100%;
	margin:0 5px 0 5px;}

#Header ul {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#FFFFFF;
	list-style:none;
	line-height:2em;
	padding:50px 0 0 20px;
	font-style:italic;
	font-weight:bold;
	letter-spacing:.1em;}

#MainNav {
	position:absolute;
	top:163px; left:15px;
	background-image:url(images/side_bg.jpg);
	background-repeat:repeat-x;
	background-color:#006600;
	width:150px;
	min-height:1100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.5em;
	padding-top:5px;
	font-weight:bold;}

#MainNav ul {
	padding-top:100px;
	list-style:none;
	text-align:left;
	line-height:2em;
	height:500px;}
	
#MainNav ul li a {
	width:132px; 
	height:20px;
	padding:3px 0 3px 18px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;}

#MainNav ul li a:hover {
	color:#006600;
	text-decoration:none;
	background-color:white;}

/*red styles*/
#redHeader {
	position:absolute;
	top:15px; left:165px;
	background-image:url(images/red_top_bg.jpg);
	background-repeat:repeat-x;
	text-align:left;
	height:143px;
	width:100%;
	margin:0 5px 0 5px;}

#redHeader ul {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#FFFFFF;
	list-style:none;
	line-height:2em;
	padding:50px 0 0 20px;
	font-style:italic;
	font-weight:bold;
	letter-spacing:.1em;}

#redMainNav {
	position:absolute;
	top:163px; left:15px;
	background-image:url(images/red_side_bg.jpg);
	background-repeat:repeat-x;
	background-color:#660033;
	width:150px;
	height:1100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.5em;
	padding-top:5px;
	font-weight:bold;}

#redMainNav ul {
	padding-top:100px;
	list-style:none;
	text-align:left;
	line-height:2em;
	height:500px;}
	
#redMainNav ul li a {
	width:132px; 
	height:20px;
	padding:3px 0 3px 18px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;}

#redMainNav ul li.wmm a {
	line-height:15px;
	height:30px;
	padding-top:8px;}
	
#redMainNav ul li a:hover {
	color:#660033;
	text-decoration:none;
	background-color:white;}
/*end red styles*/

#MainContent {
	position:absolute;
	top:175px; left: 180px;
	background-color: #FFFFFF;
	width: 525px;
	padding: 30px 10px 0 15px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.5em;}

#MainContent p .motto {
	font-style: italic;
	text-align: right;
	margin-left:250px;}

#MainContent ol li {
	font-weight: bold;
	list-style-type:none;}
	
#MainContent ul li {
	list-style-type: disc;
	font-weight:normal;
	list-style-position:inside;
	text-indent:5px;}	

#MainContent #form1 table {
	padding: 15px;
	width: 450px;
	margin: 10px;
	line-height:3em;}
	
#MainContent #form1 table td {
	padding-right:5px;}	

#ContactInfo {
	float:left;}
		
#photo {
	float:right;
	margin:5px;
	border:2px solid #999;}

/*rentals*/		
#rentals img {
	float:right;
	clear:both;
	margin:5px;
	border:2px solid #999;}
	
#rentals ul {padding:0 0 50px 0;}

#kona h3, #lake h3,  #coronado h3 {padding-bottom:10px;}

#kona_pics, #lake_pics, #coronado_pics {padding-top:20px;}

#kona_pics img, #lake_pics img, #coronado_pics img {border:1px solid black;
	margin:1px;}
	
#kona a, #lake a, #coronado a {
	text-decoration:underline;
	color:#603;}
	
#kona a:hover, #lake a:hover, #coronado a:hover, #kona a:visited, #lake a:visited,  #coronado a:visited {
	text-decoration:underline;
	color:#666;}	

/*end rentals*/
		
#about img {
	float:right;
	clear:both;
	margin:5px;
	border:2px solid #999;}

#projects table {
	padding-top:10px;
	font-weight:bold;}

#projects td {
	text-align:left;
	padding:3px;
	vertical-align: bottom;}
	
#projects a {
	text-align:center;
	text-decoration:underline;
	color:#000;
	font-weight:bold;}
	
#projects a:hover {
	text-decoration:underline;
	color:#006600;
	font-weight:bold;}	
	
#projects img {
	border:1px solid black;}			

#Services img {
	margin: 20px 0 0 60px;
	border:2px solid #999;}
	
#Services ul {
	line-height:2em;}
	
#Services ul li {
	text-indent:2em;}	
	
#articlesContainer {width:550px;}
	
#articles {text-align:left;
	float:left;
	width:330px;}

#articles p {padding-top:30px;}

#lance {float:right;
	width:204px;
	padding-top:75px;}

#lance img {border:2px solid #999;}

#lance p.caption {float:right;
	padding-top:5px;
	font-size:.8em;
	padding-left:0;}

#articles a {
	text-decoration:underline;
	color:#060;}
	
#articles a:hover, #articles a:visited {
	text-decoration:underline;
	color:#666666;}	
	
#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;}	
	
#FormInfo {
	padding:20px 0;}
	
.copyright a {color:#FFFFFF;
	text-decoration:underline;}
		
.clearfix:after {
    content: ".";            
	display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
	


.clearfix {display: inline-table;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* backslash hack hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */