/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6

*/

body {
background-color: #ffffff;
padding: 8px 0 8px 0;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#mainwrap 
{
text-align: center;
}

#contentwrap {
margin: 0;
padding: 0;
width: 700px;
}

#harmony_wrap {
width: 700px;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
background: url('/images/bg.jpg') 0 0 repeat-y;
border: 1px solid #cccccc;
}

#topwrap {
background-color: #ffffff;
width: 700px;
border-bottom: 1px solid #cccccc;
}

#twentyninepalms {
width: 535px;
float: left;
margin: 0;
padding: 0;
}

#maintxt {
width: 503px;
margin: 16px;
}

#sidebar {
float: right; 
text-align: center;
width: 165px;
margin: 0;
padding: 0;
}

.navtop{
width: 698px;
height: 58px;
margin: 0 0 0 1px;
padding: 0;
}

.navtop ul
{
list-style-type: none;
display: block;
width: 698px;
height: 58px;
margin: 0;
padding: 0;
font-size:11px;
text-align: center;
}


.navtop li{
margin: 0;
     padding: 0;
     overflow: hidden;
     list-style: none;
}


.navtop li a{
display: block;
text-indent: -9999em;
    overflow: hidden;
     width: 698px;
     height: 58px;
     margin: 0;
     padding: 0;
     background: url('/menu/harmony.jpg') 0 0 no-repeat;
}

.navtop li a:hover{
background-position: 0 -58px;
}



.nav1 {
width: 90px;
height: 61px;
float: left;
margin: 0 5px;
padding: 0;
}

.nav1 ul
{
list-style-type: none;
display: block;
width: 90px;
height: 61px;
margin: 0;
padding: 0;
font-size:11px;
text-align: center;
}


.nav1 li{
margin: 0;
     padding: 0;
     overflow: hidden;
     list-style: none;
}


.nav1 li a{
display: block;
text-indent: -9999em;
    overflow: hidden;
     width: 90px;
     height: 61px;
     margin: 0;
     padding: 0;
     background: url('/menu/about.jpg') 0 0 no-repeat;
}

.nav1 li a:hover{
background-position: 0 -61px;
}



.nav2 {
width: 90px;
height: 61px;
float: left;
margin: 0 5px;
padding: 0;
}

.nav2 ul
{
list-style-type: none;
display: block;
width: 90px;
height: 61px;
margin: 0;
padding: 0;
font-size:11px;
text-align: center;
}


.nav2 li{
margin: 0;
     padding: 0;
     overflow: hidden;
     list-style: none;
}


.nav2 li a{
display: block;
text-indent: -9999em;
    overflow: hidden;
     width: 90px;
     height: 61px;
     margin: 0;
     padding: 0;
     background: url('/menu/rooms.jpg') 0 0 no-repeat;
}

.nav2 li a:hover{
background-position: 0 -61px;
}



.nav3 {
width: 90px;
height: 61px;
float: left;
margin: 0 5px;
padding: 0;
}

.nav3 ul
{
list-style-type: none;
display: block;
width: 90px;
height: 61px;
margin: 0;
padding: 0;
font-size:11px;
text-align: center;
}


.nav3 li{
margin: 0;
     padding: 0;
     overflow: hidden;
     list-style: none;
}


.nav3 li a{
display: block;
text-indent: -9999em;
    overflow: hidden;
     width: 90px;
     height: 61px;
     margin: 0;
     padding: 0;
     background: url('/menu/rates.jpg') 0 0 no-repeat;
}

.nav3 li a:hover{
background-position: 0 -61px;
}



.nav4 {
width: 90px;
height: 61px;
float: left;
margin: 0 5px;
padding: 0;
}

.nav4 ul
{
list-style-type: none;
display: block;
width: 90px;
height: 61px;
margin: 0;
padding: 0;
font-size:11px;
text-align: center;
}


.nav4 li{
margin: 0;
     padding: 0;
     overflow: hidden;
     list-style: none;
}


.nav4 li a{
display: block;
text-indent: -9999em;
    overflow: hidden;
     width: 90px;
     height: 61px;
     margin: 0;
     padding: 0;
     background: url('/menu/amenities.jpg') 0 0 no-repeat;
}

.nav4 li a:hover{
background-position: 0 -61px;
}



.nav5 {
width: 90px;
height: 61px;
float: left;
margin: 0 5px;
padding: 0;
}

.nav5 ul
{
list-style-type: none;
display: block;
width: 90px;
height: 61px;
margin: 0;
padding: 0;
font-size:11px;
text-align: center;
}


.nav5 li{
margin: 0;
     padding: 0;
     overflow: hidden;
     list-style: none;
}


.nav5 li a{
display: block;
text-indent: -9999em;
    overflow: hidden;
     width: 90px;
     height: 61px;
     margin: 0;
     padding: 0;
     background: url('/menu/attractions.jpg') 0 0 no-repeat;
}

.nav5 li a:hover{
background-position: 0 -61px;
}



.nav6 {
width: 90px;
height: 61px;
float: left;
margin: 0 5px;
padding: 0;
}

.nav6 ul
{
list-style-type: none;
display: block;
width: 90px;
height: 61px;
margin: 0;
padding: 0;
font-size:11px;
text-align: center;
}


.nav6 li{
margin: 0;
     padding: 0;
     overflow: hidden;
     list-style: none;
}


.nav6 li a{
display: block;
text-indent: -9999em;
    overflow: hidden;
     width: 90px;
     height: 61px;
     margin: 0;
     padding: 0;
     background: url('/menu/photos.jpg') 0 0 no-repeat;
}

.nav6 li a:hover{
background-position: 0 -61px;
}



.nav7 {
width: 90px;
height: 61px;
float: left;
margin: 0 5px;
padding: 0;
}

.nav7 ul
{
list-style-type: none;
display: block;
width: 90px;
height: 61px;
margin: 0;
padding: 0;
font-size:11px;
text-align: center;
}


.nav7 li{
margin: 0;
     padding: 0;
     overflow: hidden;
     list-style: none;
}


.nav7 li a{
display: block;
text-indent: -9999em;
    overflow: hidden;
     width: 90px;
     height: 61px;
     margin: 0;
     padding: 0;
     background: url('/menu/blog.jpg') 0 0 no-repeat;
}

.nav7 li a:hover{
background-position: 0 -61px;
}

.clr {
clear: both;
}

a:link {
	color: #990000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #990000;
}
a:hover {
	text-decoration: underline;
	color: #990000;
}
a:active {
	text-decoration: none;
	color: #990000;
}

.about{
width: 400px;
height: 131px;
margin: 0;
padding: 0;
}


.about ul
{
list-style-type: none;
display: block;
width: 400px;
height: 131px;
margin: 0;
padding: 0;
font-size:11px;
text-align: center;
}


.about li{
margin: 0;
     padding: 0;
     overflow: hidden;
     list-style: none;
}


.about li a{
display: block;
text-indent: -9999em;
    overflow: hidden;
     width: 400px;
     height: 131px;
     margin: 0;
     padding: 0;
     background: url('/images/harmony-history.jpg') 0 0 no-repeat;
}

.about li a:hover{
background-position: 0 -131px;
}


.attractions{
width: 200px;
height: 314px;
float: right;
margin: 0;
padding: 0;
}

.attractions ul
{
list-style-type: none;
display: block;
width: 200px;
height: 314px;
margin: 0;
padding: 0;
font-size:11px;
text-align: center;
}


.attractions li{
margin: 0;
     padding: 0;
     overflow: hidden;
     list-style: none;
}


.attractions li a{
display: block;
text-indent: -9999em;
    overflow: hidden;
     width: 200px;
     height: 314px;
     margin: 0;
     padding: 0;
     background: url('/images/attractions-harmony.jpg') 0 0 no-repeat;
}

.attractions li a:hover{
background-position: 0 -314px;
}


.amenities{
width: 335px;
height: 155px;
margin: 0;
padding: 0;
}

.amenities ul
{
list-style-type: none;
display: block;
width: 335px;
height: 155px;
margin: 0;
padding: 0;
font-size:11px;
text-align: center;
}


.amenities li{
margin: 0;
     padding: 0;
     overflow: hidden;
     list-style: none;
}


.amenities li a{
display: block;
text-indent: -9999em;
    overflow: hidden;
     width: 335px;
     height: 155px;
     margin: 0;
     padding: 0;
     background: url('/images/amenities-harmony.jpg') 0 0 no-repeat;
}

.amenities li a:hover{
background-position: 0 -155px;
}


.rooms{
width: 400px;
height: 196px;
margin: 0;
padding: 0;
}

.rooms ul
{
list-style-type: none;
display: block;
width: 400px;
height: 196px;
margin: 0;
padding: 0;
font-size:11px;
text-align: center;
}


.rooms li{
margin: 0;
     padding: 0;
     overflow: hidden;
     list-style: none;
}


.rooms li a{
display: block;
text-indent: -9999em;
    overflow: hidden;
     width: 400px;
     height: 196px;
     margin: 0;
     padding: 0;
     background: url('/images/rooms-harmony.jpg') 0 0 no-repeat;
}

.rooms li a:hover{
background-position: 0 -196px;
}


.rates{
width: 279px;
height: 114px;
margin: 0;
padding: 0;
}

.rates ul
{
list-style-type: none;
display: block;
width: 279px;
height: 114px;
margin: 0;
padding: 0;
font-size:11px;
text-align: center;
}


.rates li{
margin: 0;
     padding: 0;
     overflow: hidden;
     list-style: none;
}


.rates li a{
display: block;
text-indent: -9999em;
    overflow: hidden;
     width: 279px;
     height: 114px;
     margin: 0;
     padding: 0;
     background: url('/images/rates-harmony.jpg') 0 0 no-repeat;
}

.rates li a:hover{
background-position: 0 -114px;
}


.blog{
width: 465px;
height: 163px;
margin: 0;
padding: 0;
}

.blog ul
{
list-style-type: none;
display: block;
width: 465px;
height: 163px;
margin: 0;
padding: 0;
font-size:11px;
text-align: center;
}


.blog li{
margin: 0;
     padding: 0;
     overflow: hidden;
     list-style: none;
}


.blog li a{
display: block;
text-indent: -9999em;
    overflow: hidden;
     width: 465px;
     height: 163px;
     margin: 0;
     padding: 0;
     background: url('/images/blog-harmony.jpg') 0 0 no-repeat;
}

.blog li a:hover{
background-position: 0 -163px;
}

.photos{
width: 502px;
height: 167px;
margin: 0;
padding: 0;
}

.photos ul
{
list-style-type: none;
display: block;
width: 502px;
height: 167px;
margin: 0;
padding: 0;
font-size:11px;
text-align: center;
}


.photos li{
margin: 0;
     padding: 0;
     overflow: hidden;
     list-style: none;
}


.photos li a{
display: block;
text-indent: -9999em;
    overflow: hidden;
     width: 502px;
     height: 167px;
     margin: 0;
     padding: 0;
     background: url('/images/photos-harmony.jpg') 0 0 no-repeat;
}

.photos li a:hover{
background-position: 0 -167px;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: none;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	border: none;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	border: none;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}