html, body, img { margin: 0;padding: 0; }

body {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif; 
color:#FFFFFF;
background: #4D1D1D;
padding: 0 0 20px 0;
}

h1 { font-size: 160%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }


h1, h2, h3, h4, h5 {   }

h1 { text-align: center; }

a { text-decoration: none; font-weight: bold;  }
a:link { color: #4D1D1D; }
a:visited { color: #4D1D1D; }
a:hover { color: #E9D26A; text-decoration: underline; }
a:visited:hover { color: #E9D26A; text-decoration: underline; }

.style1 {
	color: #FF0000;
	font-weight: bold;
}

#navleft a { text-decoration: none; font-weight: bold; margin: 0; display: block; padding: 0 5px 3px 10px;  }
#navleft a:link { color: #4d1d1d; }
#navleft a:visited { color: #4d1d1d; }
#navleft a:hover { color: #4d1d1d; text-decoration: underline; }
#navleft a:visited:hover { color: #4d1d1d; text-decoration: underline; }

#navleft div a { text-decoration: none; font-weight: normal; }
#navleft div a:link { color: #FFFFFF; }
#navleft div a:visited { color: #FFFFFF; }
#navleft div a:hover { color: #E9D26A; text-decoration: underline; }
#navleft div a:visited:hover { color: #E9D26A; text-decoration: underline; }

#homelogo { text-align: center; }

#homebox {
border: 15px solid #FFFFFF;
height: 371px;
background: #FFCC33;
}

#homebox2 {
border: 15px solid #FFFFFF;
height: 516px;
background: #FFCC33;
}

#navhome {
float: left;
padding: 50px 0 50px 20px;
height: 271px;
}

#navhome1 {
float: left;
padding: 25px 0 50px 20px;
height: 271px;
}


#navhome1 a { text-decoration: none; font-size: 17px; font-weight: bold; margin: 0; display: block; padding: 0 5px 1px 10px;  }
#navhome1 a:link { color: #4d1d1d; }
#navhome1 a:visited { color: #4d1d1d; }
#navhome1 a:hover { color: #FFFFFF;  }
#navhome1 a:visited:hover { color: #FFFFFF;  }

#navhome1 div a { font-size: 13px; text-decoration: none; font-weight: normal; }
#navhome1 div a:link { color: #FFFFFF; }
#navhome1 div a:visited { color: #FFFFFF; }
#navhome1 div a:hover { color: #E9D26A;  }
#navhome1 div a:visited:hover { color: #E9D26A;  }

#homeimages {
float: right;
width: 442px;
}

#homeimages2 {
float: right;
width: 432px;
}



#navhome a { text-decoration: none; font-size: 18px; font-weight: bold; margin: 0; display: block; padding: 0 5px 3px 10px;  }
#navhome a:link { color: #4d1d1d; }
#navhome a:visited { color: #4d1d1d; }
#navhome a:hover { color: #FFFFFF;  }
#navhome a:visited:hover { color: #FFFFFF;  }

#navhome div a { font-size: 14px; text-decoration: none; font-weight: normal; }
#navhome div a:link { color: #FFFFFF; }
#navhome div a:visited { color: #FFFFFF; }
#navhome div a:hover { color: #E9D26A;  }
#navhome div a:visited:hover { color: #E9D26A;  }


#nav { 
width: 1061px; 
margin: 0 auto 0 auto; 
text-align: center; 
white-space: nowrap;
padding: 0;
z-index: 1000;
}

#nav a { 
display: block;
float: left;
padding: 40px 15px 5px 15px;
background: #FFFFFF;
color: #4D1D1D;
font-family: arial, sans-serif;
font-weight: bold;
margin: 0 3px 0 4px;
font-size: 18px;
z-index: 1000;
}

#nav a:hover { background: #FFCC33; text-decoration: none; }

.nopad {padding: 0px 15px 5px 15px;}

#nav1 { 
width: 1061px; 
margin: 0 auto 0 auto; 
text-align: center; 
white-space: nowrap;
padding: 0;
z-index: 1000;
}

#nav1 a { 
display: block;
float: left;
padding: 40px 20px 5px 20px;
background: #FFFFFF;
color: #4D1D1D;
font-family: arial, sans-serif;
font-weight: bold;
margin: 0 6px 0 5px;
font-size: 20px;
z-index: 1000;
}

#nav1 a:hover { background: #FFCC33; text-decoration: none; }


.collection {
display: block;
color: #E9D26A;
font-weight: bold;
margin: 5px 0 5px 2px;
padding: 0;
clear: both;
}

#subsub {
width: 1061px;
margin: 10px auto 0 auto; 
text-align: center; 
white-space: nowrap;
z-index: 1000;
}

#subsub a { 
display: block;
float: left;
padding: 40px 14px 5px 14px;
background: #FFCC33;
color: #4D1D1D;
font-family: arial, sans-serif;
font-weight: bold;
margin: 0 6px 0 5px;
font-size: 20px;
}

#subsub a:hover { 
background: #FFFFFF;
text-decoration: none;
}

.clear { clear: both; margin: 0; padding: 0; height: 0; }

#comtitle {
font-size: 18px;
color: #FFFFFF;
font-family: Times New Roman, serif;
margin: 0;
padding: 20px 0 20px 0;
font-weight: normal;
}

#comtitle span { font-size: 28px; }

#contentbox {
padding: 10px 20px 10px 10px; 
overflow: auto; 
background: #FFFFFF; 
font-weight: bold; 
color: #4D1D1D;
}

.prelovedcontent {
margin: 20px 0 20px 0;
font-size: 120%;
}

#ctitle {
font-size: 23px;
color: #F3D502;
font-family: Times New Roman, serif;
margin: 0 0 10px 0;
display: block;
font-weight: normal;
}

#contentwrap {
clear: both;
width: 800px;
margin: 10px auto 0 auto;
padding: 0;
text-align: left;
}

#leftcolumn {
float: left;
width: 450px;
margin: 10px 0 0 10px;
padding: 0;
text-align: left;
}

#rightcolumn {
float: right;
width: 525px;
margin: 10px 0 0 0;
padding: 0;
text-align: left;
}

.leftcolumn {
float: left;
width: 400px;
margin: 10px 0 0 10px;
padding: 0;
text-align: left;
}

.rightcolumn {
float: right;
width: 525px;
margin: 10px 0 0 0;
padding: 0;
text-align: left;
}

#sealcontainer {
position: relative;
}

#sealcontainer div {
position: absolute; 
top: 330px; 
left: -100px;
}

#starburstcontainer {
position: absolute;
}

#starburstcontainer div {
position: absolute; 
top: -35px; 
left: 675px;
}

#foxfirecontainer {
position: absolute;
}

#foxfirecontainer div {
position: absolute; 
top: 375px; 
left: 710px;
}

#brokerburst {
position: absolute;
}

#brokerburst div {
position: absolute; 
top: -65px; 
left: -45px;
}

#fullcontentwrap {
clear: both;
width: 1050px; 
margin: 10px auto 0 auto;
padding: 0;
text-align: left;
z-index: 3;
}

#map { float: right; margin: 0 0 15px 0; }

#directions { float: left; width: 200px; }

#directions img { margin: 0 0 20px 0; }

#historypopup { clear: both; padding: 40px 0 0 0; height: 70px; font-size: 20px; }

#historyimage { float: left; border: 10px solid #FFFFFF; }

#historycontent { padding: 10px 20px 10px 10px; margin-right: 5px; width: 49%; float:right; overflow: auto; background: #FFFFFF; font-weight: bold; height: 366px; color: #4D1D1D; }


#icons {
padding: 30px 0 10px 0;
text-align: left;
height: 75px;
}

#icons a { 
display: block;
float: left;
padding: 40px 14px 5px 14px;
background: #FFCC33;
color: #4D1D1D;
font-family: arial, sans-serif;
font-weight: bold;
margin: 0 10px 0 0;
font-size: 20px;
}

#icons a:hover { 
background: #FFFFFF;
text-decoration: none;
}

#footer {
font-weight: bold;
width: 1030px;
margin: 10px auto 10px auto;
padding: 10px;
text-align: right;
color: #4D1D1D;
background: #FFCC33;
font-size: 80%;
}

#footer a { color: #4D1D1D; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


#floorplan {
background: #FFFFFF;
padding: 20px 30px 0 30px;
color: #4D1D1D;
}

#feature {
background: #FFFFFF;
padding: 20px 30px 10px 30px;
color: #4D1D1D;
font-size: 14px;
font-family: times, serif;

}

#feature h1 {
text-align: center;
font-size: 40px;
font-style: italic;
font-weight: bold;
}

#feature h2 {
font-size: 30px;
font-style: italic;
font-weight: bold;
}

#feature p {
font-size: 25px;
font-style: italic;
font-weight: bold;
margin: 5px 0 2px 0;
padding: 0;
}

#feature ul {
margin-top: 0;
font-size: 20px;
}

#featureleft {
width: 49%;
float: left;
}

#featureright {
width: 49%;
float: right;
}

#featureleft h2 {
margin-bottom: 2px;
}

#featureright h2 {
margin-bottom: 2px;
}

#amenities {
background: #FFFFFF;
padding: 20px 30px 10px 30px;
color: #4D1D1D;
font-size: 14px;
font-family: times, serif;
margin: 0;
}

#amenities h1 {
text-align: center;
font-size: 40px;
font-style: italic;
font-weight: bold;
}

#amenities h2 {
font-size: 30px;
font-style: italic;
font-weight: bold;
}

#amenities p {
font-size: 25px;
margin: 10px 0 15px 0;
padding: 0;
}



#amenities ul {font-size: 100%;
margin-top: 0;
}

#amenities a { text-decoration: underline; }

.mir h2 { text-decoration: underline; }

#planname {
font-size: 26px;
text-align: center;
margin: 0 300px 0 100px;
font-family: times, serif;
font-weight: bold;
}

#planname span {
font-size: 22px;
font-style: italic;
}

#planinfo {
float: right;
font-size: 18px;
text-align: left;
width: 280px;
font-family: times, serif;
}

#planinfo ul {
margin: 0; 
padding: 0;
}

#planinfo span {
font-size: 30px;
}

#disclaimer {
clear: both; 
padding: 10px 0 10px 0;
}

#render { text-align: center; margin: 20px 0 0 0; }
.render { font-size: 11px; font-weight: bold; text-align: right; width: 70%; margin: 0 auto 0 auto; }
#render_l { float: left; width: 50%; text-align: center; padding: 10px 0 0 0; }
#render_r { float: right; width: 50%; text-align: center; padding: 10px 0 0 0; }

#render .render { width: 40%; }

#floorplanimage { position: relative; text-align: center; }

/* hide from mac \*/
* html #floorplanimage { height: 1%; }
/* end hide */

#enlarge { position: absolute; bottom: 20px; right: 20px; clear: both; }


#com_img { 
width: 1030px;
overflow: hidden;
margin: 0; 
padding: 0;
border: 10px solid #FFFFFF; 
}

#homeimages a { color: #FFFFFF; font-weight: normal; }







.floortitle {
margin: 0 0 20px 0;
padding: 0;
}

.interestlist {
float:right; 
margin:15px 10px 0 10px; 
border: 2px solid #783F3D; 
padding: 2px;
}

.interestlist a {
font-weight: normal;
color: #4D1D1D;
font-size: 15px; 
font-family: impact, arial, sans-serif;
}

.interestlist a:hover {
color:#783F3D;
}

ul li, ol li { font-size: 100%; }
ul li ul li a { font-size: 100%; }


table { font-size: 100%; }

/*
#amenities {
margin: 0 0 0 20px;
color: #4D1D1D;
}

#amenities a { color:  #4D1D1D; }

#amenities p {
font-size: 18px;
color: #4D1D1D;
font-family: Times New Roman, serif;
font-weight: bold;
}
*/

#wrap {
width: 800px;
margin: 0 auto 0 auto;
padding: 20px 0 0 0;
text-align: left;
}

#navcontainer {
height:34px; width:800px; background-color:#e9d26a;
}

#navtop {
text-align: center;
padding: 7px 0 0 0;
}



#navtop a { margin: 0; padding: 0 3px 0 3px; color: #4D1D1D; font-family: arial, sans-serif; font-size: 15px; text-decoration: none; }
#navtop a:hover { color: #FFFFFF; text-decoration: none; }
#navtop a:visited:hover { text-decoration: none; }


#navtop div a { font-size: 11px; color: #FFFFFF; padding: 0 5px 0 5px;}
#navtop div a:hover {color: #E9D26A; text-decoration: underline; }

#navtop div { text-align: left; }


#navleft {
padding:4px 0 0 0;
}


#subh1 {
margin:10px 0px 10px 18px;
}

#sub1 {
margin:10px 0px 10px 18px;
}

#sub2 {
margin:5px 0px 10px 18px;
}

#sub3 {
margin:5px 0px 10px 18px;
}

#sub4 {
margin:5px 0px 10px 18px;
}

#sub5 {
margin:5px 0px 10px 18px;
}

#sub6 {
margin:5px 0px 10px 18px;
}

#navcontainer2 {
height:34px;
width:320px; 
background:#e9d26a; 
margin-top:10px;
}


#navtop2 {
padding:4px 0 0 0;
}

#sub2 {
margin:10px 0px 10px 18px;}


/*
.clearfix:unknown {
CLEAR: both; 
DISPLAY: block; 
VISIBILITY: hidden; 
HEIGHT: 0px; 
content: ".";
}

.clearfix {
DISPLAY: inline-block
}

HTML .clearfix {
HEIGHT: 1%;
}

.clearfix {
DISPLAY: block;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
*/


#plan {
color: #FFFFFF;
width: 770px;
text-align: left;
margin: 10px auto 10px auto;
background-color:#f5f5dc; 
padding:20px 15px 10px 15px;
}

#planleft {
width: 425px;
float: left;
margin: 10px 0 0 5px;
}

#planright {
width: 300px;
float: right;
margin: 0 5px 0 0;
}


.rendername {
clear: both;
font-size: 16px;
font-family: times, serif;
color: #4D1D1D;
font-weight: bold;
}





/*------------------------home page-------------------------*/
.menu {
height:235px;
/*margin:25px 0 0 15px;  this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:170px;
position:relative;
border:0px solid #888;
/*border-width:0px 1px 0 1px;*/
background:#f6c932;
}

.menu li {
background:transparent url(/opacity/opaque.png); background-repeat:repeat-x;
/*height:26px;*/
}
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
/* height:25px;
line-height:25px;*/
width:170px;
color:#fff;
text-indent:5px;
border-bottom:0px solid #888;
background:transparent;
}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#f6c932;}

.menu :hover > a {
color:#fff; 
background:#f6c932;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:-1px;
left:120px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
background:#2b3a63;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
background:#7e8db5;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
.menu ul.top2a {top:1px;}
.menu ul.top2 {top:22px;}
.menu ul.top2c {top:44px;}
.menu ul.top2d {top:66px;}
.menu ul.top2e {top:88px;}
.menu ul.top2f {top:110px;}
.menu ul.top3a {top:66px;}
.menu ul.top3b {top:22px;}
.menu ul.top3 {top:51px;}
.menu ul.top4 {top:77px;}
.menu ul.top5 {top:103px;}
.menu ul.top6 {top:129px;}
.menu ul.top7 {top:155px;}

/*----------------history---------------------*/
#gallery {
font-size: 20px; font-weight:normal;
font-family: "Times New Roman", Times, serif; color:#FFFFFF; margin-top:60px;
}
#gallery span {
font-size: 14px; font-weight:bold;
font-family: "Times New Roman", Times, serif; color:#FFFFFF; float:right; margin:2px 0px;
}
#gal {
margin-top:4px;}

/*----------------mountain view---------------------*/
#hdmnvw {
font-size: 20px; font-weight:normal;
font-family: "Times New Roman", Times, serif; color:#FFFFFF; }

