/*
Utility Nav
*/

#utility-nav {
float: right;
position: relative;
margin:5px 0 0 0;
width: 410px;
font-size: 14px;
display: inline;
}

#utility-nav ul {
float: right;
}

#utility-nav ul li {
background-image:url("../img/bg-utility.png");
background-position:left center;
background-repeat:no-repeat;
float:left;
list-style-type:none;
margin:0 10px 0 0;
padding:0 0 0 17px;
position:relative;
}

#utility-nav ul li.first {
background: none;
}

#utility-nav a {
color: #fff;
}

#utility-nav #menu-7 ul{
margin:0;
padding:0;
.position: relative; /* To lazy to figure out IE ul li bug */
.left: -40px;  

}
/*
Logged in Utility Menu
*/

#utility-nav #menu-10 {
float:right;
font-size:0.75em;
height:38px;
margin:0;
position:relative;
padding: 0;
}

#utility-nav #menu-10 ul {
margin:0 0 0 6px;
padding:0;
.position: relative; /* To lazy to figure out IE ul li bug */
.left: -30px;  
}

#utility-nav #menu-10 ul li,
#utility-nav #menu-10 ul li.first {
float: left;
list-style-type: none;
background-image: url("../img/bg-join.png");
background-repeat: no-repeat;
background-position: left center;
padding: 0 0 0 18px;
margin: 0 10px 0 0;
width: 90px;
}

#utility-nav #menu-10 a {
color: #fff;
}



/*
Condo Nav
*/

#condo-nav {
clear: left;
}

#condo-nav ul {
margin: 0;
padding: 4px 0 0 0;
}

#condo-nav ul li {
float: left;
list-style-type: none;
background-image: url("../img/bg-utility.png");
background-repeat: no-repeat;
background-position: left center;
padding: 0 0 0 18px;
margin: 0 10px 0 0;
}




/*
Main Nav
*/

#main {
float:left;
height:38px;
position:relative;
width:100%;
z-index:20;
}

#main ul {
list-style-type: none;
text-align: center;
padding: 0;
margin: 0;
position: relative;
z-index:99;
}

#main li {
display:inline-block;
*zoom:1; /* set has layout for IE */
*display: inline;
_height: 40px; /* another hack for IE6, so it can bow down to browser standards*/
margin:0 -2px;
background-image: url("../img/nav-seperator.png");
background-repeat: no-repeat;
background-position: right center;
margin:0 0px;
padding:9px 2px 9px 0;
position: relative;
z-index:0;
}

#main ul li a {
padding: 10px 10px;
}

#main li a:hover {
background-image: url("../img/nav-bg-over.png");
background-repeat: repeat-x;
color: #9d8a7b;
z-index: 99;
position: relative;
text-decoration: none;
}

#main ul li a.selected {
background-image: url("../img/nav-bg-over.png");
background-repeat: repeat-x;
color: #f8c04e;
}

#main li ul li a.selected {
color: #f8c04e;
background-image: none;
}

#main li.last {
background: none;
}

#main ul li {
position: relative;
}

#main li ul {
display:none;
float:left;
left:0;
padding:0 0 0 14px;
position:absolute;
text-align:left;
top:31px;
width:90%;
z-index:99;
/* Gradients */
background: -webkit-gradient(linear, left top, left bottom, from(#362A1F), to(#544132)); /* Webkit */
background: -moz-linear-gradient(top,  #362A1F,  #544132); /* Mozilla */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#362A1F', endColorstr='#544132'); /* Crappy ass IE */
}

#main li ul li a:hover {
background: none;
}

#main li ul li {
background-image:url("../img/subnav-bullet.png");
background-position:left center;
background-repeat:no-repeat;
display:block;
height:30px;
list-style-type:none;
padding:10px 0 0 8px;
}

#main li ul a {
padding: 10px;
background: none;
}

#main ul li:hover ul {
display: block;
}

/*
Secondary Nav
*/

#secondary-nav {
float: left;
font-size: 13px;
padding: 0;
margin: 0;
position: relative;
width: 821px;
top: 7px;
z-index: 10;
}

#secondary-nav ul {
list-style-type: none;
text-align: center;
padding: 0;
margin: 0;
}

#secondary-nav li {
display:inline;
*zoom:1; /* set has layout for IE */
*display: inline;
_height: 40px; /* another hack for IE6, so it can bow down to browser standards*/
margin:0 -1px;
background-image: url("../img/nav-seperator-sm.png");
background-repeat: no-repeat;
background-position: right center;
padding: 5px 2px;
}

#secondary-nav li a {
diplay: block;
padding: 4px 5px;
text-align: left;
}

#secondary-nav li a:hover {
background-image: url("../img/nav-bg-over.png");
background-repeat: repeat-x;
color: #9d8a7b;
z-index: 1;
text-decoration: none;
}

#secondary-nav li a.selected {
background-image: url("../img/nav-bg-over.png");
background-repeat: repeat-x;
color: #f8c04e;
text-align: left;
}

#secondary-nav li ul li a.selected {
background: none;
color: #f8c04e;
}

#secondary-nav ul li {
position: relative;
}

#secondary-nav li ul {
display:none;
float:left;
left:0;
padding:0 0 0 14px;
position:absolute;
text-align:left;
top:24px;
width:150px;
z-index:999;
/* Gradients */
background: -webkit-gradient(linear, left top, left bottom, from(#362A1F), to(#544132)); /* Webkit */
background: -moz-linear-gradient(top,  #362A1F,  #544132); /* Mozilla */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#362A1F', endColorstr='#544132'); /* Crappy ass IE */
}

#secondary-nav li ul li a:hover {
background: none;
}

#secondary-nav li ul li {
background-image: url("../img/subnav-bullet.png");
background-position: left 10px;
background-repeat: no-repeat;
display: block;
list-style-type: none;
padding: 5px 5px 8px;
}

#secondary-nav li ul a {
padding: 2px 10px;
background: none;
display: block;
}

#secondary-nav ul li:hover ul {
display: block;
}



#footer_bar {
    background-image: url("../img/nav-bg-over.png");    
    border-top-color: #CDC6B8;
    border-top-style: solid;
    border-top-width: 2px;
    bottom: 0;
    height: 36px;
    position: fixed;
    width: 100%;
    z-index: 10000;
    text-align: center;
}

#footer_bar #footer_bar_content
{
	width:540px;
	margin:0 auto;
    position: inline-block;
}

#footer_bar #visit_our_blog
{
	display:block;
	width:130px;
	height:22px;
	border:1px solid #CDC6B8;
	float:left;
	margin:5px 0px 0px 12px;
}
#footer_bar #visit_our_blog:hover
{
}


#footer_bar #contact_us
{
	display:block;
	width:130px;
	height:22px;
	border:1px solid #CDC6B8;
	float:left;
	margin:5px 0px 0px 12px;
}
#footer_bar #contact_us:hover
{
}



#footer_bar #join_now
{
	display:block;
	width:130px;
	height:22px;
	border:1px solid #CDC6B8;
	float:left;
	margin:5px 0px 0px 12px;
}

#footer_bar #join_now:hover
{
}


#footer_bar #footer_social
{
	float:left;
	margin-left: 5px;
	padding:8px 0px 0px 0px;
	text-decoration:none;
}