/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,table,tr,td,p,span,h1,h2,h3,h4,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; } /* Forces IE & IE to treat padding the same */
html { min-height: 100%; margin-bottom: 1px; height: 100%;  } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: #6D6563; overflow-x: hidden; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ul li {  }

.bordered { border: 1px solid #33CCFF; }

h1, h2, h3, h4, h5 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; }

h1 { color: #000000; font-size: 16px; margin: 0px 0px 15px 0px; font-weight: normal; }
h2 { color: #000000; font-size: 14px; margin: 0px 0px 10px 0px; font-weight: normal; }
h3 { color: #000000; font-size: 12px; margin: 0px 0px 10px 0px; }
p  { margin: 0px 0px 11px 0px; }
p, table, td, div, a, li  { color: #333333; font-size: 11px; font-family: Arial;  line-height: 16px; }
a  { color: #000000; text-decoration: underline; }
a:hover { text-decoration: underline; }


#noBG h1, #noBG h2, #noBG h3 { color: #FFFFFF; width: 100%; }
#noBG p, #noBG table, #noBG td, #noBG div, #noBG a { color: #FFFFFF; }


a.PDF { background: url('../images/pdf-logo.jpg') no-repeat center left; padding-left: 24px; }


/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#main { width: 930px; height: 700px; background: #FFFFFF; border: 1px solid #CBCBCB; margin: 0px auto; margin-top: 15px; overflow: hidden; }

#mainInner { margin: 25px 0px 0px 30px; width: 860px; }
#logo { border: none; }


#container { background: url('../images/layout/grass.jpg') bottom center; height: 520px; width: 860px; margin-top: 20px; overflow: hidden; }

/* nav 1 */
#nav1bg { z-index: 101; position: absolute; top: 143px; width: 860px; }
#nav1bg div { width: 860px; margin: 0px auto; height: 24px; background: #6D6563; opacity: 0.75; MoZOpacity: 0.75; filter: alpha(opacity=75);  }
#nav1 { z-index: 102; position: absolute; top: 143px; width: 860px; }

/* nav 2 */
#nav2bg { z-index: 103; position: absolute; top: 167px; width: 100%; left: 0px; margin-left: -4px; }
#nav2bg div { width: 860px; margin: 0px auto; height: 24px; background: #76A542; opacity: 0.75; MoZOpacity: 0.75; filter: alpha(opacity=75);  }
#nav2 { z-index: 104; position: absolute; top: 167px; left: 0; width: 100%; margin-left: -5px; }


#nav1 a, #nav2 a { color: #FFFFFF; height: 24px; line-height: 24px; padding: 0px; text-align: center; text-decoration: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#nav1 a:hover, #nav1 a.o { background: #76A542; }
#nav2 a:hover, #nav2 a.o { background: #6D6563; }

#nav1 a.o { font-weight: bold; }
#nav2 a.o { font-weight: bold; }



#nav1 ul { margin: 0px 0px 0px 170px; padding: 0px; height: 24px;  }
#nav1 ul li { margin: 0px; padding: 0px; height: 24px; line-height: 24px; float: left; list-style-type: none; }
#nav1 ul li a { display: block; }



#nav2 ul { padding: 0px; height: 24px; }
#nav2 ul li { margin: 0px; padding: 0px; height: 24px; line-height: 24px; float: left; list-style-type: none; }
#nav2 ul li a { display: block; }

#nav2 ul { margin: 0px; }
#nav2 div { width: 860px; margin: 0px auto; }


#nav2 ul.ivycrossing { margin: 0px 0px 0px 145px; }
#nav2 ul.amenities { margin: 0px 0px 0px 235px; }
#nav2 ul.location { margin: 0px 0px 0px 225px; }



#footer { font-family: arial; font-size: 11px; color: #FFFFFF; width: 900px; margin: 0px auto; text-align: center; margin-top: 5px; }
#footer a { text-decoration: none; font-size: 11px; color: #FFFFFF; font-family: arial; }
#footer a:hover { text-decoration: underline; }




my_slideshowa { z-index: 1; }
my_slideshowb img { z-index: 2; }
my_slideshowa { z-index: 3; }
my_slideshowb img { z-index: 4; }

.slideshow {  width: 430px; float: left; }


#placeholder1 { width: 500px; margin-left: 163px; margin-top: 60px; overflow: hidden; text-align: center; }
#homeVideoSkip { width: 500px; margin-left: 163px; margin-top: 10px; text-align: right; }
    #homeVideoSkip a { color: #FFFFFF; text-decoration: underline; }
#homeLogo { float: right; margin-right: 50px; margin-top: 320px; }


#contentContainer { position: absolute; width: 100%;  z-index: 100; margin: 0px auto; width: 860px; top: 430px; }

#content { background: #FFFFFF; width: 600px; margin: 0px auto;  padding-top: 1px; }
#contentInside { margin: 25px 35px 0px 35px; }


#topStrip { }
#topStrip img { height: 75px; position: relative; }
#topStrip a { display: block; width: 112px; height: 75px; float: left; }
#topStrip a:hover img { }
#topStrip a img { border: none; }



#contactSpacer { height: 150px; }

#contactInside {  margin-left: 195px; height: 250px; width: 470px; }
#contactLeft { width: 220px; float: left; }
#contactRight { width: 220px; float: right; }


.sitemap { float: left; width: 230px; }
.sitemap li { list-style-type: none; }
.sitemap li a { text-decoration: none; }
.sitemap li a:hover { text-decoration: underline; }
.sitemap ul { margin-bottom: 0px; }


#photoBox1  { margin-left: 100px; margin-right: 80px; }
#photoBox2  { margin-right: 100px; margin-left: 80px; }


#galleryLeft { width: 380px; height: 300px; float: left; margin-left: 40px; background: #6D6563; opacity: 0.75; MoZOpacity: 0.75; filter: alpha(opacity=75); }
#galleryRight { width: 380px; height: 300px; float: right; margin-right: 40px; background: #6D6563; opacity: 0.75; MoZOpacity: 0.75; filter: alpha(opacity=75); }

#galleryLeft2 { width: 360px; height: 250px; position: relative; top: -280px; float: left; margin-left: 60px; }
#galleryRight2 { width: 360px; height: 250px; position: relative; top: -280px; float: right; margin-right: 40px; }

#galleryLeft2 img, #galleryRight2 img { border: none; margin-right: 10px; margin-bottom: 8px; }
#galleryLeft2 a:hover img, #galleryRight2 a:hover img {  opacity: 0.50; MoZOpacity: 0.50; filter: alpha(opacity=50); }




#sitemapImage {  display: none; position: absolute;	left: 0; width: 100%; z-index: 1000; }
#sitemapImage div {  background: #FFFFFF; width: 956px; margin: 0px auto; }

#sitemapImage div div { width: 940px; text-align: right; margin-right: 13px; padding-top: 13px; }
#sitemapImage div div .close { padding-top: 7px; border: none; margin-bottom: 7px; }

#ol {
    display: none;
    position: absolute; top: 0; left: 0; z-index: 150; width: 100%; height: 500px; background-color: #000;
    opacity: 0.60; MoZOpacity: 0.60; filter: alpha(opacity=60);
}