/* ================================================================ 
Table of Contents
-----------------

1. Global Structure
2. Navigation Structure
3. Page Setup
4. Corporate Styles
5. Lifestyle Styles

=================================================================== */



/* ================================================================ 
Global Structure
=================================================================== */

body {
text-align : center;
background : #8cc63e;
color : #666666;
font-family : Arial;
font-size : 14px;

}


.main {
width : 925px;
padding : 5px;
margin-top: 20px;
margin-left : auto;
margin-right : auto;
background-color : #ffffff;
text-align : left;
}

img {

border: 0px;
}

.hidden{
display:none;
}

.logo {
padding-right: 0px;
}

.left {
float: left;
}

.clear {
height: 5px;
clear: both;
}



.mainimage {
float:left;
width: 330px;
}

.contentleft {
margin-left: 335px;
width: 330px;
}

.contentright {
float: right;
width: 330px;
}


.navigation {
height: 110px;
}

.copyright {
list-style: none;
padding: 0;
margin: 0;
font-size: 11px;
}

.copyright img {
margin-top: -2px;
}

.copyright a {
text-decoration: none;
color: #666666;
}


.copyright a:active {
text-decoration: none;
color: #cccccc;
}

.copyright1 {
float: left;
padding-top: 2px;
background : #dcd4d4;
width: 305px;
height: 13px;
margin-right: 5px;
}

.copyright2 {
float: left;
padding-top: 2px;
background : #dcd4d4;
width: 155px;
height: 13px;
margin-right: 5px;
}

.copyright3 {
float: left;
padding-top: 2px;
background : #dcd4d4;
width: 145px;
height: 13px;
margin-right: 5px;
}

.copyright4 {
float: left;
padding-top: 2px;
background : #dcd4d4;
width: 305px;
height: 13px;
}

.leftclear {
clear: left;
}


#dropmenudiv{
position:absolute;
font-size: 22px;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
color: #591e00;
display: block;
margin-bottom: 5px;
text-decoration: none;

}

#dropmenudiv a:hover{ /*hover background color*/
color: #8cc63e;
}



.navlist{
	text-align: left;
}

.navlist ul, .navlist li{
	list-style: none;
	margin: 0;
	padding: 0;
}

.navlist li {
display: inline;
list-style: none;
margin-right: 5px;
width:150px;
height: 110px;
float: left;
}

.logolist {
display: inline;
list-style: none;
margin-right: -5px;
width:150px;
height: 110px;
float: left;
}

.terms {
font-size : 13px;
}


/* ================================================================ 

Navigation Structure

This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#multi-level {height:40px; position:relative; z-index:100;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:52px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:150px;  margin-right: 5px; padding-bottom: 5px; background:url(http://www.bexonwoodhouse.com/ims/BWC_Menu1a.jpg) no-repeat;;}
.menu li.p2 {width:150px;  margin-right: 5px; padding-bottom: 5px; background:url(http://www.bexonwoodhouse.com/ims/BWC_Menu2a.jpg) no-repeat;;}
.menu li.p3 {width:150px;  margin-right: 5px; padding-bottom: 5px; background:url(http://www.bexonwoodhouse.com/ims/BWC_Menu3a.jpg) no-repeat;;}
.menu li.p4 {width:150px;  margin-right: 5px; padding-bottom: 5px; background:url(http://www.bexonwoodhouse.com/ims/BWC_Menu4a.jpg) no-repeat;;}
.menu li.p5 {width:150px;  margin-right: 5px; padding-bottom: 5px; background:url(http://www.bexonwoodhouse.com/ims/BWC_Menu5a.jpg) no-repeat;;}
.menu li.p6 {width:150px;  background:url(http://www.bexonwoodhouse.com/ims/logo.jpg) no-repeat;;}
.menu li.p7 {width:150px;  background:url(http://www.bexonwoodhouse.com/ims/logo.jpg) no-repeat;;}


/* set up the normal unhovered images in the links */
.menu li a#homea {width:150px; background:url(http://www.bexonwoodhouse.com/ims/BWC_Menu1a.jpg) no-repeat;}
.menu li a#abouta {width:150px; background:url(http://www.bexonwoodhouse.com/ims/BWC_Menu2a.jpg) no-repeat;}
.menu li a#portfolioa {width:150px; background:url(http://www.bexonwoodhouse.com/ims/BWC_Menu3a.jpg) no-repeat;}
.menu li a#contacta {width:150px; background:url(http://www.bexonwoodhouse.com/ims/BWC_Menu4a.jpg) no-repeat;}
.menu li a#gallerya {width:150px; background:url(http://www.bexonwoodhouse.com/ims/BWC_Menu5a.jpg) no-repeat;}
.menu li a#homeb {width:150px; background:url(http://www.bexonwoodhouse.com/ims/BWC_Menu1b.jpg) no-repeat;}
.menu li a#aboutb {width:150px; background:url(http://www.bexonwoodhouse.com/ims/BWC_Menu2b.jpg) no-repeat;}
.menu li a#portfoliob {width:150px; background:url(http://www.bexonwoodhouse.com/ims/BWC_Menu3b.jpg) no-repeat;}
.menu li a#contactb {width:150px; background:url(http://www.bexonwoodhouse.com/ims/BWC_Menu4b.jpg) no-repeat;}
.menu li a#galleryb {width:150px; background:url(http://www.bexonwoodhouse.com/ims/BWC_Menu5b.jpg) no-repeat;}
.menu li a#logo {width:150px; height: 110px; background:url(http://www.bexonwoodhouse.com/ims/logo.jpg) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#homea:hover, .menu li:hover a#homea,
.menu li a#abouta:hover, .menu li:hover a#abouta,
.menu li a#portfolioa:hover, .menu li:hover a#portfolioa,
.menu li a#contacta:hover, .menu li:hover a#contacta,
.menu li a#gallerya:hover, .menu li:hover a#gallerya,
.menu li a#homeb:hover, .menu li:hover a#homeb,
.menu li a#aboutb:hover, .menu li:hover a#aboutb,
.menu li a#portfoliob:hover, .menu li:hover a#portfoliob,
.menu li a#contactb:hover, .menu li:hover a#contactb,
.menu li a#galleryb:hover, .menu li:hover a#galleryb,
.menu li a#logo:hover, .menu li:hover a#logo {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:42px; background: #fff; padding-top:3px; padding-bottom:3px; white-space:nowrap; width:150px; height:auto;}
.menu :hover ul.sub li {display:block; height:25px; position:relative; float:left; width:90px;}
.menu :hover ul.sub li#corp a {display:block; background:url(http://www.bexonwoodhouse.com/ims/corpa.jpg) no-repeat;; height:25px; width:150px; line-height:20px; color:#fff; text-decoration:none;}
.menu :hover ul.sub li#life a {display:block; background:url(http://www.bexonwoodhouse.com/ims/lifea.jpg) no-repeat;; height:25px; width:150px; line-height:20px; color:#fff; text-decoration:none;}
.menu :hover ul.sub li a.fly {background:#fff url(multi_level-files/arrow.gif) 150px 7px no-repeat;}
.menu :hover ul.sub li#life a:hover {background:url(http://www.bexonwoodhouse.com/ims/lifeb.jpg) no-repeat;;}
.menu :hover ul.sub li#corp a:hover {background:url(http://www.bexonwoodhouse.com/ims/corpb.jpg) no-repeat;;}


/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding-top:3px; padding-bottom:3px; white-space:nowrap; width:150px; z-index:200; height:auto; z-index:300;}


.corphide {
display: none;
background:url(http://www.bexonwoodhouse.com/ims/corpb.jpg) no-repeat;;}

.lifehide {
display: none;
background:url(http://www.bexonwoodhouse.com/ims/lifeb.jpg) no-repeat;;}

/* ================================================================ 
Page Setup
=================================================================== */


.columns {
list-style: none;
padding: 0;
margin: 0;
}

.columns ul.within {
list-style: none;
padding: 0;
margin: 0;
}

.columns ul.list {
list-style-type: disc;
padding: 0;
margin: 0;
}

.list li {
padding: 0;
margin-left: 15px;
}

.columns a, .columns a:active {
text-decoration: none;
color: #8cc63e;
}

.columns a:hover {
text-decoration: underline;
color: #8cc63e;

}

.within a, .within a:active {
font-weight: bold;
}

.within a:hover {
font-weight: bold;
}

.cases {
font-size: 12px;
}

.cases a, .cases a:active {
font-weight: bold;
}

.cases a:hover {
font-weight: bold;
}

.double {
float: left;
width: 305px;
margin-right: 5px;
}

.doubleend {
float: left;
width: 300px;
padding-right: 5px;
}

.single {
float: left;
width: 145px;
margin-right: 5px;
padding-right: 5px;
font-size: 12px;
}


.singleend {
float: left;
font-size: 12px;
width: 145px;
}

.pagination {
color: #8cc63e;
font-weight: bold;
margin-top: 10px;
height: 30px;
}

.pagination a, .pagination a:active {
text-decoration: none;
color: #999999;
font-weight: bold;
}

.pagination a:hover {
text-decoration: underline;
color: #999999;
font-weight: bold;
}


.greenbar {
background-color: #8cc63e;
height : 25px;
width: 100%;
}

.brownbar {
background-color: #591e00;
height : 25px;
width: 100%;
}

/* ================================================================ 
Corporate Styles
=================================================================== */


.corporatebar {
background : url(http://www.bexonwoodhouse.com/ims/corporatebar.gif);
height : 25px;
width: 100%;
background-repeat: repeat;
}

.corporatesep {
background : url(http://www.bexonwoodhouse.com/ims/corporatebar.gif);
height : 2px;
width: 100%;
background-repeat: repeat;
}

.corptitle {
font-weight: bold;
color: #591e00;
margin-bottom: 12px;
width: 225px;
}

.corptitle2 {
font-weight: bold;
color: #591e00;
margin-bottom: 12px;
}

.corporate {
font-weight: bold;
color: #591e00;
}

.corporatetop {
height: 200px;
}

/* ================================================================ 
Lifestyle Styles
=================================================================== */


.lifestylebar {
background : url(http://www.bexonwoodhouse.com/ims/lifestylebar.gif);
height : 25px;
width: 100%;
background-repeat : repeat;
}

.lifestylesep {
background-color: #8cc63e;
height : 1px;
width: 100%;
margin-bottom: 1px;
}

.lifestyle {
font-weight: bold;
color: #8cc63e;
}

.lifetitle {
font-weight: bold;
color: #8cc63e;
margin-bottom: 12px;
width: 245px;
}

.lifetitle2 {
font-weight: bold;
color: #8cc63e;
margin-bottom: 12px;
}

.lifetop {
height: 200px;
}

.book {
margin-left:23px;
}