body {background: url(../images/body_bg.jpg) repeat-x left top;
	font-family:verdana;
	font-size:11px;
	line-height:18px;
	letter-spacing:0.01em;}
body, a {color:rgb(132,115,97);}
body, html, h1, h2,p,ul {
	margin:0;padding:0;}
a img {border:0;}
#wrap {background:url(../images/wrap_bg.jpg) repeat-y scroll left top transparent;
		margin:0 auto;
		width:1002px;
		padding-left:1px;
		}
#branding {
	height:250px;
	} 
.front #branding {background:url(../images/BonaWebBanner_1.jpg) no-repeat top left;}
.accomm #branding {background:url(../images/BonaWebBanner_2.jpg) no-repeat top left;}
.activity #branding {background:url(../images/BonaWebBanner_3.jpg) no-repeat top left;}
	#branding h1,
	#branding h2 {
		text-indent:-9000px;
		}

/*============================*/
/*===========  layout  =================*/
/*============================*/

#content {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
	#content .inner {
		float:left;
		width:100%;
		position:relative;
		right:625px;			/* right column width */
	}
	#content #main,
	#content #sub {
		float:left;
		position:relative;
		padding:0 0 1em 0;
	}
	#content #main {
		width:625px;			/* right column content width */
		left:965px;			/* 100% plus left column left padding */
		padding-top:25px;
	}
	#content #sub {
		width:300px;			/* left column content width (column width minus left and right padding) */
		left:0px;			/* (right column left and right padding) plus (left column left padding) */
	}


/*============================*/
/*===========  #sub =================*/
/*============================*/


.nav-main h2 {display:none;}
#nav-main, #nav-main ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 300px;
	}
#nav-main li { /* all list items */
		position : relative;
		float : left;
		margin-bottom : 0px;
		width: 300px;
	}
	#nav-main li ul { /* second-level lists */
		position : absolute;
		left: -9999px;
		margin-left : 300px;
		margin-top : -30px;
	}
	#nav-main li ul ul { /* third-and-above-level lists */
		left: -9999px;
	}
	
	#nav-main li a {
		color:rgb(85, 71, 48);
		display : block;
		font-size:13px;
		height:25px;
		padding-top:5px;
		text-decoration:none;
		text-indent:41px;
		text-transform:uppercase;
		width: 300px;
	}
	#nav-main li a  {
		background:url(../images/link_bg.jpg) no-repeat left top;
	}
	#nav-main li.active a {	
		background:url(../images/link_bg_active.jpg) no-repeat left top;
	}
	#nav-main li a:hover {
		color:rgb(171,150,101);
	}
	#nav-main li:hover ul ul, #nav-main li:hover ul ul ul, #nav-main li.sfhover ul ul, #nav-main li.sfhover ul ul ul {
		left: -9999px;
	}
	#nav-main li ul li a, #nav-main li.active ul li a {
		background:url(../images/link_secondary_bg.png) no-repeat left top;
	}
	#nav-main li ul li:first-child a {
		background:url(../images/link_secondary_bg_arr.png) no-repeat left top;
	}
	#nav-main li.active ul li:first-child a {
		background:url(../images/link_secondary_bg_active_arr.png) no-repeat left top;
	}
	#nav-main li li a:hover {
		background:url(../images/link_secondary_bg.png) no-repeat left top;
	}	
	#nav-main li:hover ul, #nav-main li li:hover ul, #nav-main li li li:hover ul, #nav-main li.sfhover ul, #nav-main li li.sfhover ul, #nav-main li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}

.specials h2 {
	background:url(../images/specials_bg.jpg) top left;
	color:#ffffff;
	font-size:13px;
	height:25px;
	padding-top:5px;
	text-indent:41px;
	text-transform:uppercase;
	}
.specials {
	background:url(../images/specials_bg_grad.jpg) no-repeat bottom left;
	clear:both;
	padding-bottom:25px;
	}

	
/*============================*/
/*===========  #main =================*/
/*============================*/

#main p {padding-bottom:18px;}
.front #main > p:first-child {font-weight:bold;}
#main img {padding-top:18px;}
#main img.first {padding-right:17px}
#main .expander {color:rgb(171,150,101);
	cursor:pointer;
	display:block; 
	padding-bottom:18px;
	margin-top:-18px;
	text-align:right;}
#main .expander:hover{text-decoration:underline;}

	
/*============================*/
/*===========  #info=================*/
/*============================*/

#info {clear:both;
	padding-top:9px;}
#affiliates {padding-left:15px;
	padding-bottom:10px;}
#affiliates img{
	padding-left:25px;
	}
#affiliates img {
	vertical-align: middle;
	}
#info .vcard {display:none;}
#info .copyright {font-size:10px;
	padding-bottom:10px;
	letter-spacing:0;
	text-indent:40px;}
#info .help {display:none;}