/*******************     CSS design by   :   ben@site-designers.co.uk   :   http://www.site-designers.co.uk     *******************/

/*************************************************************** Main Layout ************************************************/

html {
	height: 100%;
	background-color:#FFF;
}

body {
	padding:0;
	margin:0;
	background-color:#FFF;
	
}

.container{
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width:61em;
	font-family:"Century Gothic";
	text-align:justify;
	background-color:#FFF;
	padding-top:1em;
	border-left:2px solid #FF9900;
	border-right:2px solid #FF9900;
}

.content{
	margin:0 0 0 0;
	font-family:"Century Gothic";
	font-size:0.8em;
}

.overview{
	background-color:#CCC;
	color:#333;
	margin:1em 0.75em 0.75em 0.75em;
	padding:1em 2em 1em 2em;
	border:1px solid #999;
	
	
}

.overview2{
	background-color:#FFFFFF;
	color:#333;
	padding:1em 1.25em 1em 18em;
	border:1px solid #999;
}

.titlebar2{
	border-top:2px solid #FF9900;
	border-bottom:2px solid #FF9900;
	margin-top:1em;
	text-align:center;
}

.titlebar2 p{
	margin:0.3em;
	font-size:1.1em;
}


.fdiv{
	width:15em;
	height:13em;
	padding:0 0.5em 0.5em 0.5em;
	float:left;
	border:1px solid #FF9900;
}

.fdiv2{
	width:15em;
	height:13em;
	padding:0 0.5em 0.5em 0.5em;
	float:left;
	margin:0 0 0 1.2em;
	border:1px solid #FF9900;
}

.fdiv3{
	width:15em;
	height:13em;
	padding:0 0.5em 0.5em 0.5em;
	float:right;
	border:1px solid #FF9900;
}

.fdiva{
	width:15em;
	height:23em;
	padding:0 0.5em 0.5em 0.5em;
	float:left;
	border:1px solid #FF9900;
}

.fdivb{
	width:15em;
	height:23em;
	padding:0 0.5em 0.5em 0.5em;
	float:left;
	margin:0 0 0 1.2em;
	border:1px solid #FF9900;
}

.fdivc{
	width:15em;
	height:23em;
	padding:0 0.5em 0.5em 0.5em;
	float:right;
	border:1px solid #FF9900;
}

.contactdiv{
	width:15em;
	height:9em;
	padding:0 0.5em 0.5em 0.5em;
	float:left;
	margin:0 0 0 6em;
	border:2px solid #FF9900;
}

.contactdiv2{
	width:15em;
	height:9em;
	padding:0 0.5em 0.5em 0.5em;
	float:left;
	margin:0 0 0 3.2em;
	border:2px solid #FF9900;
}

.rating{
	position:absolute;
	top:45em;
	width:12em;
	padding:0 0 0 40em;
	z-index:2;
}

.star{
	position:absolute;
	top:21em;
}

.measure{
	position:absolute;
	top:50em;
	font-size:0.6em;
}

td, th{
	border-left:1px solid #666;
	border-top:1px solid #666;
}

table{
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	float:left;
}


.measure2{
	font-size:0.81em;
	padding-top:5em;
}

.footer{
	height:1.5em;
}

.links{
	width:60em;
	height:25px;
	margin-top:5px;

}

.sitedesigners{
	float:left;
	width:120px;
	margin-left:10px;
	
}

.associates{
	float:right;
	width:50px;
	margin-right:10px;
	font-size:12px;
}
/***************************************************************** Masthead ******************************************************/

.bbname h1{
	font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#666;
	position:absolute;
	width:24em;
	top:1.2em;
	margin:0 0 0 280px;
}

.partition-new{
	z-index:2;
	position:absolute;

}

.pagetitle{
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	color:#666;
	position:absolute;
	width:430px;
	top:92px;
	margin:0 0 0 290px;
}


.masthead{
	margin:0.5em 0 0 2em;
	
}

.titlebar{
	background-color:#FFF;
	height:97px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}

.logo1{
	position:absolute;
	top:20px;
	margin-left:200px;
}

.logo2{
	position:absolute;
	top:50px;
	margin-left:420px;
}

.logo3{
	margin-left:800px;
}

/**************************************************************** Navigation bar *************************************/

.nlinks{
	position:absolute;
	top:12.7em;
	height:20em;
	width:11em;
	padding:0 0 0 0em;
	margin:0 0 0 3em;
	font-size:1.2em;
	z-index:1;
	
}

.arrowlistmenu{
	width: 190px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 14px Arial;
	color: white;
	background: black url(titlebar.png) repeat-x center left;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	display:block;
}

.currentheader{
	font: bold 14px Arial;
	color: white;
	background: black url(titlebar-active2.png) repeat-x center left;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	display:block;
	text-decoration:none;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background-image: url(titlebar-active2.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
	color: #343434;
	background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}

.arrowlistmenu ul li a:visited{
	color: #343434;
	text-decoration: none;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #343434;
	background-color: #F3F3F3;
}

/************************************************************** Photos ******************************************************/

.photo{
	border:2px solid #FF9900;
	padding:0.5em 0.5em 0.5em 0.5em;

}

.rightpic{
	float:right;
	margin:10px 0px 10px 8px;
	font-weight:bold;
	font-size:12px;
	text-align:right;
}

.leftpic{
	float:left;
	margin:10px 0 10px 0;
	font-weight:bold;
	font-size:12px;
	text-align:right;
}

.leftpic3{
	float:left;
	margin:10px 10px 10px 0;
	font-weight:bold;
	font-size:12px;
	text-align:right;
}

.cenpic{
	clear:both;
	margin:0 0 0 70px;
	font-weight:bold;
	font-size:12px;
}


.rightpic-small{

}

.leftpic-small{

}

/******************************************************* Text formating *********************************************/

hr{
	border:1px solid #000;
}

a:link { 
	text-decoration:underline;
	color:#000;
	}
	
a:visited {
	text-decoration:underline; 
	color:#000;
	}
	
a:hover, a:active { 
	text-decoration:none; 
	color:#000;
}	

/*******************     CSS design by   :   ben@site-designers.co.uk   :   http://www.site-designers.co.uk     *******************/