/*----------------------------Britannia BCI layout and Style CSS--------------------------------*/

body{
	margin:	0;
	padding: 0;
	color: black;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

/*-------------------------general style CSS---------------------------*/

br{
	line-height:	0px;
}
ul{
	text-align: left;
	color:			black;
	font-size:		16px;
	font-weight:	normal;
	padding: 0;
	margin: 0;
}
li{
	color: black;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
p{
	margin: 0 0 15px 0;
	padding: 0;
	text-align: left;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
}
h1{
	text-align: center;
	margin: 0 0 15px 0;
	padding: 0;
	color: #155493;
	font-size:		20px;
	font-weight:	bold;
}
h2{
	text-align: left;
	margin: 0 0 5px 0;
	padding: 0;
	color: #155493;
	font-size: 18px;
	font-weight: bold;
}
h3{
	text-align: left;
	margin: 0 0 3px 0;
	padding: 0;
	color: #155493;
	font-size: 16px;
	font-weight: bold;
}
h4{
	margin: 0;
	padding: 0;
}
h5{
	text-align: center;
	margin: 0 0 15px 0;
	padding: 0;
	color: #155493;
	font-size: 15px;
}
img{
	border-style:	none;
}
a{
	color: blue;
}
a:hover{
	color: #0099FF;
}
a:active{
	color: purple;
}
q{
	font-style: italic;
}
q:before{
	content: open-quote;
}
q:after{
	content: close-quote;
}

/*-------------------------site wide classes----------------------------*/

.blue_text{
	color: #155493;
}
.no_margin{
	margin: 0;
}
.custom_hr_margin{
	margin: 5px 0 20px 0;
}
.extra_bottom_margin{
	margin-bottom: 25px;
}
.extra_top_margin{
	margin-top: 25px;
}
.center_text{
	text-align: center;
}
.text_to_left{
	text-align: left;
}
.text_to_right{
	text-align: right;
}
.block{
	display: block;
}
.quote{
	font-style: italic;
}
.bold-style{
	font-weight: bold;
}
.no_height{
	line-height:	0;
}
a.no_decoration_link{
	text-decoration: none;
	color: inherit;
}
.clear{
	clear: both;
}
.clear_fix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear_fix{
	display: inline-table;
}
/* backslash hack hides from IE mac \*/
* html .clear_fix {
	height: 1%;
}
.clear_fix {
	display: block;
}
/* end backslash hack*/

/*-------------------------------body-----------------------------------*/

body{
	background-color: #E7E7F7;
	margin: 0 0 10px 0;
}

/*-------------------------------wrapper--------------------------------*/

div#wrapper{
	margin: 0px auto 0px auto;
	width: 900px;
	text-align: center;
	border-color: #0063B5;
	border-width: 0 0 0 0;
	border-style: none;
}

/*-------------------------------header---------------------------------*/

div#header{
	border: 0 none white;
	position: relative;
	width: 900px;
	height: 115px;
	text-align: left;
	background-image: url('../images/bbc-background-gradient.gif');
	padding-bottom: 7px;
}
.header_logo{
	width: 161px;
	height: 95px;
	position: absolute;
	top: 20px;
	left: 0;
}
.header_logo_right{
	width: 161px;
	height: 95px;
	position: absolute;
	top: 20px;
	right: 0;
}
img.header_script{
	width: 274px;
	height: 64px;
	position: absolute;
	top: 25px;
	left: 313px;
	border: none;
}
p.phone{
	position: absolute;
	top: 47px;
	left: 632px;
	text-align: center;
	padding: 5px 3px 7px 3px;
	background-color: #F0F0FF;
	color: #003300;
	font-weight: bold;
}
p.slogan_text{
	width: 576px;
	position: absolute;
	top: 94px;
	left: 162px;
	text-align: center;
	background-color: #0063B5;
	color: #D1E487;
	line-height: 21px;
	padding-bottom: 0px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
}

/*-------------------------------top navigation-------------------------*/

div#navigation_top{
	border-left: 1px solid #0063B5;
	border-right: 1px solid #0063B5;
	border-top: 1px solid #0063B5;
	border-bottom: 0 solid #0063B5;
	background-image: url('../images/nav_background.gif');
	width: 893px;
	height: 40px;
	text-align: center;
	padding-left: 5px;
}
#navigation_top ul{

	background:url("../images/nav_bar.gif") 0 0 no-repeat;
	height: 27px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 11px;
	text-decoration: none;
	list-style-type: none;
}
#navigation_top ul li{
	background: url("../images/nav_div.gif") right top no-repeat;
	height: 27px;
	float: left;
	padding: 0 1px 0 0;
	text-decoration: none;
}
#navigation_top ul li a{
	display: block;
	background: url("../images/nav_bg.gif") 0 0 repeat-x;
	padding: 0 12px;
	font: bold 12px/27px Arial, Helvetica, sans-serif;
	color: #30512F;
	background-color: inherit;
	text-decoration: none;
}
#navigation_top ul li ul{
	position: absolute;
	display: none;
	width: 217px;
	background-image: none;
}
#navigation_top ul li ul li{
	display: block;
	width: 215px;
	background-color: #F2F2F2;
	border: 1px silver solid;
	background-image: none;
	padding: 0 1px 1px 1px;
}
#navigation_top ul li ul li a{
	display: block;
}
#navigation_top li:hover ul { 
	display: block;
}
#navigation_top li.over ul { 
	display: block;
}
#navigation_top ul li a:hover{
	background: url("../images/nav_hover.gif") 0 0 repeat-x;
	color: #FFFFFF;
	background-color: inherit;
	text-decoration: none;
}
#navigation_top ul li a.hover{
	display: block;
	background: url("../images/nav_hover.gif") 0 0 repeat-x;
	color: #000000;
	padding: 0 14px;
	font: bold 12px/27px Arial, Helvetica, sans-serif;
	background-color: inherit;
	text-decoration: none;
	cursor: text;
}
#navigation_top ul li.last{
	background-image: none;
	height: 27px;
	float: left;
	text-decoration: none;
}

/*--------------------------------footer---------------------------------*/

div#footer{
	background-color: #0063B5;
	margin-top: 3px;
}

/*-------------------------------bottom navigation-------------------------*/

div#navigation_bottom{
	height: 25px;
	margin: 0 auto 0 auto;
	clear: both;	
}
#navigation_bottom ul{
	text-align: center;
	margin: 0;
	padding: 2px 0 0px 0;		
}
#navigation_bottom ul li{
	display: inline;
	color: #CCCCCC;
	font-size: 11px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}
#navigation_bottom ul li a{
	color: #CCCCCC;
	text-decoration: none;
	font-size: 11px;
	border-color: #CCCCCC;
	border-width: 0 0 0 1px;
	border-style: solid;
	margin: 0 -1px 0 -3px;
	padding: 0 10px 0 10px;
}
#navigation_bottom ul li a.first{
	border-left: none;
}
#navigation_bottom ul li a:hover{
	color: #0000FF;
	text-decoration: none;
	background-color: #B4D966;
}
#navigation_bottom ul li a:active{
	color: black;
	text-decoration: underline;
}

/*--------------------------------footer content------------------------------*/

div#hcard-britannia_building_consultants{
	margin: 0 auto 0 auto;
}
.vcard{
	color: #CCCCCC;			
}
.org{
	color: #00569D;
	background-color: white;
	font-weight: bold;
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 7px;
	border-left: 1px #0063B5 solid;
	border-right: 1px #0063B5 solid;
}
.org span{
	color: #A4C229;
	font-weight: bold;
	font-size: 17px;
}
.org a{
	color: #00569D;
	font-size: 17px;
	text-decoration: none;
	font-weight: bold;
}
div#adr{
	margin-bottom: 5px;
}
.street-address{
	color: #CCCCCC;
}
.locality{
	color: #CCCCCC;
}
.region{
	color: #CCCCCC;
}
.postal-code{
	color: #CCCCCC;
}
div.footer_phone{
	margin-bottom: 5px;
	font-weight: bold;
	color: #CCCCCC;
	font-size: 16px;
}
#footer p.service_area{
	text-align: center;
	color: #cccccc;
	margin-bottom: 10px;
}
#footer p.service_area strong{
	color: #cccccc;
	font-weight: normal;
}
div#credits{
	padding-bottom: 3px;
	font-size: 10px;
	color: #999999;
}
span.credits_2{
	font-size: 10px;
	text-decoration: none;
	color: #999999;
	margin-left: 460px;
}
.credits_link{
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	margin: 2px;
}
.credits_link:hover{
	text-decoration: underline;
	color: #99CCFF;
}