@charset "utf-8";
/* CSS Document */

#primary_nav:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}
#primary_nav  {display: inline-block; } /* clears IE 7 */
/* Hide from IE Mac \*/
#primary_nav {display: block;}
/* End hide from IE Mac */

/* holly hack for extra space in IE nav - Hides from IE-mac \*/
* html #product_nav {height: 1% !important;}
/* End hide from IE-mac */

/* lists */
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.links {
	padding: 0 0 7px 0;
}
ul.links li {
	padding: 0 0 3px 0;
}
ol li {
	margin: 0;
	padding: 0;
}
li {
	padding: 0;
	margin: 0;
}
ol {
	margin: 0 0 10px 0px;
	padding: 0 0 0 25px;
}

/* primary nav */

#primary_nav {
	clear: both; 
	position: relative;
	height: 29px;
	z-index: 30;
	padding: 0 0 0 45px; 
	background: transparent url(http://www.thepeninsulaonlakeoconee.com/images/navbg.gif) left top repeat-x;
}

ul#nav {
	padding: 3px 0 0 0;
}
#nav a {
	display: block;
	text-decoration: none;
	text-indent: -200em;
}

#nav li li span {
	display: block;
	width: 170px; /* gives consistant width for all secondary topnav dropdowns */
	margin: 0 0 0 3px;
	padding: 0;
	background: #2f3952 url('http://www.thepeninsulaonlakeoconee.com/images/drop_down_bg_on.gif') bottom left no-repeat;
}
#nav li li a {
	display: block;
	width: 153px; /* gives consistant width for all secondary topnav dropdowns */
	height: auto;
	margin: 0;
	padding: 3px 10px 5px 7px;
	text-indent: 0px;
	font-weight: normal;
	font-size: .75em; font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #474747;
	text-decoration: none;
	background: #F8FAFB url('http://www.thepeninsulaonlakeoconee.com/images/drop_down_bg.gif') bottom left no-repeat;
}

#nav li li a:hover{
	color: #fff;
	text-decoration: none;
	background: none; /* removes the 'a' background to allow the 'span' on state to show through */
}
#nav li {
	float: left;
	position: relative;
	text-align: left;
	padding: 0;
	margin: 0; padding-right:25px;
}
#nav li div a {
	height: 21px;
	margin-bottom: 5px;
}
#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	/* left: -34px; */
	width: 176px;
	padding: 0 0 3px 0;
	margin: 0 0 0 0;
	_margin-top: 1px;
	z-index: 50;
	background: transparent url('http://www.thepeninsulaonlakeoconee.com/images/nav_drop_btm.gif') bottom left no-repeat;	
}

#nav li li {
	float: none; padding:0;
	background: transparent url('http://www.thepeninsulaonlakeoconee.com/images/nav_drop_bg.gif') top left repeat-y;
}
#nav li li.first {
	padding: 3px 0 0 0;
	background: transparent url('http://www.thepeninsulaonlakeoconee.com/images/nav_drop_top.gif') top left no-repeat; 
}
#nav li li.first a {
	padding-top: 4px;
}



#nav li#nav1 div {background-image: url(http://www.thepeninsulaonlakeoconee.com/images/nav.png); background-position:0 1px; width:54px;} 
#nav li#nav1 div a:hover, #nav li#nav1.over div a {background-image: url(http://www.thepeninsulaonlakeoconee.com/images/nav.png); background-position:-225px 1px; width:54px;     
} 

#nav li#nav2 div {background-image: url(http://www.thepeninsulaonlakeoconee.com/images/nav.png); background-position:0 -21px; width:185px; } 
#nav li#nav2 div a:hover, #nav li#nav2.over div a, #nav li#nav2 div a:active  {background-image: url(http://www.thepeninsulaonlakeoconee.com/images/nav.png); background-position:-225px -21px;         
} 
#nav li#nav3 div {background-image: url(http://www.thepeninsulaonlakeoconee.com/images/nav.png); background-position:0 -43px; width:64px;} 
#nav li#nav3 div a:hover {background-image: url(http://www.thepeninsulaonlakeoconee.com/images/nav.png); background-position:-225px -43px;       
} 

#nav li#nav4 div {background-image: url(http://www.thepeninsulaonlakeoconee.com/images/nav.png); background-position:0 -65px; width:99px;} 
#nav li#nav4 div a:hover {background-image: url(http://www.thepeninsulaonlakeoconee.com/images/nav.png); background-position:-225px -65px;         
} 

#nav li#nav5 div {background-image: url(http://www.thepeninsulaonlakeoconee.com/images/nav.png); background-position:0 -87px; width:60px;} 
#nav li#nav5 div a:hover, #nav li#nav5.over div a, #nav li#nav5.active div a  {background-image: url(http://www.thepeninsulaonlakeoconee.com/images/nav.png); background-position:-225px -87px;       
} 

#nav li#nav6 div {background-image: url(http://www.thepeninsulaonlakeoconee.com/images/nav.png); background-position:0 -109px; width:80px;} 
#nav li#nav6 div a:hover {background-image: url(http://www.thepeninsulaonlakeoconee.com/images/nav.png); background-position:-225px -109px;         
} 

#property_page #nav li#nav2 div, #features_page #nav li#nav2 div  {background-image: url(http://www.thepeninsulaonlakeoconee.com/images/nav.png); background-position:-225px -21px;         
} 
#photos_page #nav li#nav3 div {background-image: url(http://www.thepeninsulaonlakeoconee.com/images/nav.png); background-position:-225px -43px;       
} 
#interior_page #nav li#nav3 div {background-image: url(http://www.thepeninsulaonlakeoconee.com/images/nav.png); background-position:-225px -43px;       
} 
#directions_page #nav li#nav4 div {background-image: url(http://www.thepeninsulaonlakeoconee.com/images/nav.png); background-position:-225px -65px;       
} 
#about_page #nav li#nav5 div {background-image: url(http://www.thepeninsulaonlakeoconee.com/images/nav.png); background-position:-225px -87px;       
} 
#lake_oconee_page #nav li#nav5 div {background-image: url(http://www.thepeninsulaonlakeoconee.com/images/nav.png); background-position:-225px -87px;       
} 
#area_page #nav li#nav5 div {background-image: url(http://www.thepeninsulaonlakeoconee.com/images/nav.png); background-position:-225px -87px;       
} 
#contact_page #nav li#nav6 div {background-image: url(http://www.thepeninsulaonlakeoconee.com/images/nav.png); background-position:-225px -109px;       
} 



#nav li:hover ul, 
#nav li.over ul {
	display: block;
}

/*#nav li#nav1:hover div a, 
#nav li#nav1.over div a, 
#nav li#nav2:hover div a, 
#nav li#nav2.over div a, 
#nav li#nav3:hover div a, 
#nav li#nav3.over div a, 
#nav li#nav4:hover div a, 
#nav li#nav4.over div a, 
#nav li#nav5:hover div a, 
#nav li#nav5.over div a, 
#nav li#nav6:hover div a, 
#nav li#nav6.over div a, 
#nav li#nav7:hover div a, 
#nav li#nav7.over div a,
#nav li#nav8:hover div a, 
#nav li#nav8.over div a, { 
        background-image: none; 
}  */
#main,
#primary_nav,
#other_features,
#content {display: inline-block;} /* clears IE 7 */
/* Hide from IE Mac \*/
#main,
#primary_nav,
#other_features,
#content {display: block;}
/* End hide from IE Mac */

/* holly hack for extra space in IE nav - Hides from IE-mac \*/
* html #main,
* html #product_nav {height: 1% !important;}
/* End hide from IE-mac */
/* position of Notebooks DHTML dropdown menu */
#nav li#nav7 ul {
 left: -33px;
}