@charset "utf-8";
html { 
overflow: auto;
}
body {
	text-align:left;
	color: #ffffff;
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	/*font-size:8pt;*/
	font-size: 62.5%;  
	background-image: url(../images/bgimage.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
	background-color: #000000;
	margin: 0;
	line-height: 1.7em; /*1.9em for graublauweb*/
	position: relative;
}
@font-face {
    font-family: 'GeosansLightRegular';
    src: url('fonts/geosanslight-webfont.eot');
    src: local('☺'), url('fonts/geosanslight-webfont.woff') format('woff'), url('fonts/geosanslight-webfont.ttf') format('truetype'), url('fonts/geosanslight-webfont.svg#GeosansLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'graublauweb-webfont';
	src: url('fonts/graublauweb-webfont.eot');
	src: local('☺'), url('fonts/graublauweb-webfont.woff') format('woff'), url('fonts/graublauweb-webfont.ttf') format('truetype'), url('fonts/graublauweb-webfont.svg#webfont8xigBfG2') format('svg');
}
a {
    color: #aaaaaa;
	text-decoration:none;
	font-weight:bold;
}
#main a:link, #main-show a:link {color:#aaaaaa;}      /* unvisited link */
#main a:visited, #main-show a:visited {color:#aaaaaa;}  /* visited link */
#main a:hover, #main-show a:hover {color:#ffffff;}  /* mouse over link */
#main a:active, #main-show a:active {color:#ffffff;}  /* selected link */
h1 {
	/*font-family:'GeosansLightRegular', Verdana, Geneva, sans-serif; Hard to read at times. Re-visit*/
	margin-top:0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;  /*1.6em*/
	font-variant: small-caps;
	font-weight: normal;
	/*letter-spacing:1px;*/
	line-height: 1em;
	/*zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;*/
}
h2 {
	margin:0;
	padding:0;
	font-size: 1em; 
}
h3 {
	/*font-family:'GeosansLightRegular', Verdana, Geneva, sans-serif; Hard to read at times. Re-visit*/
	margin-top:0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;  /*1.6em*/
	font-variant: small-caps;
	font-weight: normal;
	/*letter-spacing:1px;*/
	line-height: 1em;
	/*zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;*/
}
h4 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	font-weight: normal;
	line-height: .1em;
	padding:0;
	margin:0;
}
p {
	margin:0;
}
input[type="text"], textarea, select {
	background: transparent;
	border: 1px solid #777777;
	color:#ffffff;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:6px;
	margin-top:2px;
}

.copy {
	font-size: 1.4em; 
	color: #ffffff;
	/*font-family: graublauweb-webfont, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height:1.3em;*/
}
#header {
	color:#FFF;
}
#header1 {
	z-index: 25;
	position: fixed; /*problem with IE but don't know why. Fixed by removing long image in html and making css bg instead */
	background-image: url(../images/BHGD-header2.png);
	background-repeat: no-repeat;
	left: 0px;
	top: 10px;
	width: 1231px;
	height: 59px;
}
#header-line1 {
	z-index: 26;
	position: fixed;
	font-family: 'GeosansLightRegular', "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	letter-spacing:7px;
	left: 27px;
	top: 16px;
}
#header-line2 {
	z-index: 26;
	position: fixed;
	font-family: 'GeosansLightRegular', "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	font-variant: normal;
	left: 206px;
	top: 49px;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
/*#main {  #main with max-width
	display:inline-block;
	text-align:center;
	z-index: 12;
	margin: 100px 100px 120px 100px;
	overflow:auto;
	max-width:931px;
}*/
#main { /*#main with max-width2*/
	text-align:center;
	z-index: 12; /*Causes repeating animation problem with hover*/
	position: fixed;
	top: 100px;
	bottom: 120px;
	left: 100px;
	right: 100px;
	overflow:auto;
	max-width:931px;
	margin: 0 auto;
}
#main-show { /*Container div necessary for liteaccordion*/
	text-align:center;
	z-index: 26;
	position: relative;
	width:931px;
	margin:0px auto 0px;
}
#footer1 {
	z-index:22;
	background-color:#000000;
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 71px;
}
#footer2 {
	z-index:23;
	position: fixed;
	right: 0px;
	bottom: 0px;
	width: 343px;
}
#copyright {
	z-index:24;
	color:#999;
	font-size: 1.1em;
	text-align:left;  /*right*/
	position: fixed;
	right: 30px;
	bottom: 22px;
	width: 286px;  /*337px*/
}
#copyright img {
	vertical-align:middle;
	float:right;
	right: 0;
	width: 92px;
	height: 15px;
}
#serv-summ {
	padding-top:26px;
	font-size:1.4em;
	letter-spacing:2px;
	line-height:1.7em;
}
#serv-summ a {
	color:#FFF;
	text-decoration:none;
}
#tm {
	font-size:70%;
}
#welcome {
	padding-top:40px;
	color:#FFF;
	font-size:1.4em;
	line-height:1.7em;
}
.contact {
	font-weight:bold
}
#contact a:link {color:#ffffff;}      /* unvisited link */
#contact a:visited {color:#ffffff;}  /* visited link */
#contact a:hover {color:#ffffff;}  /* mouse over link */
#contact a:active {color:#ffffff;}  /* selected link */

#contact-container input[type="image"] {
	margin-top:5px;
}
#contact-container select {
	width: 307px;
	background: #000000;
}
#contact-container textarea {
	overflow:auto;
	font-size:1em
}
.newspaper {
	-moz-column-count:3; 
	-webkit-column-count:3; 
	column-count:3;
	text-align:center;
}
/*Beginning of 3 column layout*/
#sectiontitle {
	text-align:left;
	position:relative;
	top:26px; /*22px*/
	margin-left:6px;
	padding-left:10px;
}
#sectionsubh {
	text-align:left;
	position:relative;
	padding:12px 10px;
	top: -5px;
}
#sectioncopy {
	position:relative;
	padding:5px 10px 8px 10px;
	color:#FFF;
	text-align:left;
}
#sectioncopy span {
	color:#bbbbbb;
}
#sectionbg {
	position:relative; /*Necessary?*/
	background-image:url(../images/50-black-bg.png);
	margin-left:6px;
}
#colorfade {
	position:relative; /*Necessary?*/
	float:left;
	margin-top:30px; /*21px*/
}
#sectioncontainer #leftcolumn {
	float:left;
	width:33%;
}
#sectioncontainer #leftcolumn #sectiontitle {
	color:#FFFFFF;
}
#sectioncontainer #leftcolumn #sectionbg #sectionsubh {
	background-color:#FFFFFF;
	color:rgb(100,100,100);
}
#sectioncontainer #rightcolumn {
	float:right;
	width:33%;
}
#sectioncontainer #rightcolumn #sectiontitle {
	color:rgb(0,113,187);
}
#sectioncontainer #rightcolumn #sectionbg #sectionsubh {
	background-color:rgb(0,113,187);
	color:#FFFFFF;
}
#sectioncontainer #middlecolumn {
	margin:0 33.625%;
}
#sectioncontainer #middlecolumn #sectiontitle {
	color:rgb(193,193,193);
}
#sectioncontainer #middlecolumn #sectionbg #sectionsubh {
	background-color:rgb(193,193,193);
	color:rgb(0,113,187);
}
#sectioncontainer #middlecolumn #sectionbg #sectioncopy #clientname {
	text-align:right;
	color:#bbbbbb;
}
/*Beginning of 1 column layout*/
#sectioncontainer #singlecolumn {
	width:100%;
}
#sectioncontainer #singlecolumn #sectiontitle {
	color:rgb(0,113,187);
}
#sectioncontainer #singlecolumn #sectionbg #sectionsubh {
	background-color:rgb(0,113,187);
	color:#FFFFFF;
}
#sectioncontainer #singlecolumn #sectionbg #sectioncopy {
	text-align:center;
}
.clearfloat { 
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}