@charset "utf-8";
/*
Design by Creative Media Heroes
http://www.blackwaterclinic.co.uk
*/


/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


body {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	background-image: url(../images/bgrounds/bgbeige1.gif);
}


/* Fonts */

h1, h2, h3 {font-family: Tahoma, Arial, sans-serif; font-weight: normal; color:#000066;}
h1 {font-size: 22px;}
h2 {font-size: 14px; margin: 8px 0 0 0; border: 1px solid #CAC5E3;}
h3 {font-size: 12px; font-weight:bold;}
strong {font-weight:bold; color:#000066;}
p {line-height: 17px; margin-top:7px;}
b {font-weight: bold; color:#006;}		
a {color:#000066; text-decoration:underline;}		
a:hover {color:#FF3300; text-decoration:underline;}		

#content ul {line-height:17px;
list-style: disc url(../images/bullet.jpg) inside;
margin-left: 0;
	padding-left: 24px;
	text-indent: -24px;}
 

/* Layout */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

#wrapper, #footer, #header {width: 650px; margin: 0 auto; padding: 0;}

/*#wrapper, #header, #menubar, #menubar2, #sidebar { 
 display:inline;}*/

#wrapper { 
	border: 1px solid #000066;
	background-color: white;
	height:auto;
	color:#333;
	margin-top:8px;}
  
#header {
	height: 100px;
	background:url(../images/bloomfield_construction_header2.jpg) no-repeat top left;
	}

   
#main {
	height:auto;
	background-color: white;
	position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	width:100%; /* width of whole page */
	overflow:hidden; /* This chops off any overhanging divs */
}


/* Right and main content */

#sidebar {
	float:right;
	position:relative;
	width: 160px;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: white;
	border:none;
	height: auto;
}

#content {
	float:left;
	position:relative;
	z-index:0;
	width:615px;
	height:auto;
	min-height: 500px;
	padding: 5px 15px 10px 15px;
	}


img.left {
	float: left;
}

img.right {
	float: right;
}

/* Footer bar*/

#footer {
	color:#333;
	font-size:11px;
	text-align:center;
	padding: 5px 0;
	border-top: solid 1px #999;}
	

#mainContent { 
	margin: 0 170px 0 210px;
	height: auto;
	padding: 10px 15px 5px 15px;
 	border-left: 1px solid #CCC;
} 

a:link {
	color: #000066;
	text-decoration: underline;
}
a:hover {
	color:#FF6600;
}

.img {margin: 5px 10px 0 0;}
.mainpic {width:308px; height:auto;}
.thumbs {margin: 5px 10px 0 0; width:125px; height:auto;}
.thumbsland {margin: 10px 10px 0 0; width:160px; height:auto;}


/*DROPDOWN MENU*/

.horizontalcssmenu li .home {width:20px; background-image:url(../menu/home1.gif) no-repeat left;}


.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
 /*width: 120px;Width of top level menu link items*/
padding: 2px 8px;
border: 1px solid #202020;
border-left-width: 0;
text-decoration: none;
background: url(../images/menubg.gif) center center repeat-x;
color: black;
font: bold 11px Tahoma;
}

.about {width:85px; }
.type {width:130px;}
.structure {width:140px;}
.environment {width:110px;}
.property {width:90px;}
.contact {width:95px; border-right: solid 0 black;}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 145px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: #CBDDEA;
border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li a:hover{
background: url(../images/menubgover.gif) center center repeat-x;
}

.horizontalcssmenu ul li ul li a:hover{
background: #87B1CE;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 4px;
background: transparent url(../images/menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */