@charset "UTF-8";
/* CSS Document */

				/*Type and Formatting Styling*/
@font-face 	{
	font-family: 'ITCRondaLight';
	src: url('/fonts/rondalight/itc_ronda_light-webfont.eot');
	src: local('☺'), url('/fonts/rondalight/itc_ronda_light-webfont.woff') format('woff'), url('/fonts/rondalight/itc_ronda_light-webfont.ttf') format('truetype'), url('/fonts/rondalight/itc_ronda_light-webfont.svg#webfont47Ky1ZSj') format('svg');
	font-weight: 100;
	font-style: normal;
}

body	{
	margin:0px;
	padding:0px;			
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color:#888888;
	color:black;
	font-weight:normal;
	/*background-image:url(/images/japegs/chorltonpark_04_copy.jpg);*/
	/*background-image:url(/images/pings/bhi_body_back_hor.png);*/
	background-position:left 0px;
	background-repeat:no-repeat;
	/*background-position:15px 0px;*/
	
}

p			{
	color:black;
	font-size:.75em;
	text-transform:none;
	letter-spacing:1px;
	padding:5px;
	margin:0px;
}

#access		{
	font-size:1.2em;
	letter-spacing:1px;		
}

h2			{
	font-family:Arial, Helvetica, sans-serif;
	color:#D9E62E;
	font-size:1.3em;
	line-height:1.2em;
	text-align:right;
	float:right;
	padding:10px;
	
}

h3			{
		font-family:'ITCRondaLight', sans-serif;
		color:#444444;
		font-size:.9em;
		letter-spacing:1px;
		text-align:left;
		text-shadow:1px 1px 1px #ffffff;
		padding-left:20px;
		margin:0px;
		line-height:2.6em;
		text-transform:capitalize;
		display:block;
		width:auto;
		height:auto;
		/*background-image:url(/images/pings/bathrotback.png);*/
		background-color:#BBBBBB;
		-moz-border-radius: 5px 5px 0px 0px;
		-webkit-border-radius: 5px 5px 0px 0px;
}


h4			{
		font-family:Arial, Helvetica, sans-serif;
		color:#D9E62E;
		font-size:1em;
		line-height:1.8em;
		text-align:right;
		float:right;
		padding:8px;
	}

h5			{
		font-family:Arial, Helvetic, sans-serif;
		color:#006699;
		font-size:.8em;
		line-height:.1em;
		margin:0px;
		padding:0px;
		text-align:left;
		padding:0px 20px;
	}


div				{	
		margin:0px;
		padding:0px;
		border:0px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
}
		
				/*Links*/
a {
		outline: none;
}
a:link		{
		color:#888888;
}
a:visited	{
		color:#888888;
}
a:hover		{
		color:#036;
}

				/*Div and Layout Styling*/

#container		{
	width:950px;
	margin:30px auto 20px;
	height:auto;
	padding:12px;
	background-color:rgba(255,255,255,0.7);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.wrapper	{
		background-color:#006699;
		height:9.75em;
		border:1px solid rgba(0,51,153,0.5);
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 2px 2px 2px #888;
		-webkit-box-shadow: 2px 2px 2px #888;	
		padding:3px;

	}


				/*Header Styling*/

.banner			{
		position:relative;
		width:800px;
		margin:auto;
		min-width:900px;
		max-width:950px;
		height:130px;
		text-align:right;
		border-bottom:0px;
		text-transform:capitalize;
		font-weight:normal;
		background-color:#006699;


}
#banner_img	{
		top:10px;
		left:10px;
		width:auto;
		height:auto;
		float:left;
	}
#Gaslogo {
		float:right;
		padding:10px 20px;
		margin:0px;
	}
				/*Navigation Styling*/
#navigation	{
		margin:auto;}

#navigation ul{
		margin:0em 1em;
		padding:0px;
		width:950px;
		list-style:none;
		background-color:#006699;
	}

#navigation ul li{
		float:left;
		width:auto;
		background-color:#006699;
	}
	
	
#navigation ul li a {
		display:block;
		min-width:9.6em;
		padding:.3125em;
		margin:0;
		text-transform:uppercase;
		color:#D9E62E;
		font-size:.75em;
		font-family:Futura, Verdana, Arial, Helvetica, "Sans Serif";
		text-decoration:none;
		border-bottom:1px solid #006699;
		text-align:center;
		background-color:#006699;
}

#navigation ul li a:hover{
		display:block;
		min-width:9.6em;
		margin:0;
		clear:both;
		text-transform:uppercase;
		color:#D9E62E;
		font-size:.75em;
		font-family:Futura, Verdana, Arial, Helvetica, "Sans Serif";
		text-decoration:none;
		border-bottom:1px solid #D9E62E;
		background-color:rgba(255,255,255,0.1);


}	
#navigation ul li ul{
		position:absolute;
		min-width:8em;
		max-width:9.6em;
		left:-9999em;
		margin:0px;
		clear:both;
		background-color:#006699;
		
	}
	
#navigation ul li ul li a{
		text-align:left;
		clear:both;
		background-color:#006699;
	
	}
#navigation ul li:hover ul, #navigation ul li.sfhover ul{
	left:auto;
	clear:both;
	min-width:8em;
	}
	
			/*Content Styling*/
.content_wrapper	{
	width:auto;
	height:auto;
	min-height:450px;
	margin:0px;
	padding:0px;
	clear:both;
	}

.content 	{
		height:auto;
		min-height:200px;
		max-width:720px;
		width:540px;
		float:left;
		margin:12px 0px;
		padding:0px;
		background-color:#FFF;
		border:1px solid rgba(0,51,153,0.8);
		-moz-box-shadow: 2px 2px 2px #888;
		-webkit-box-shadow: 2px 2px 2px #888;
	

	}
	
.content h2	{
		font-size:.9em;
		line-height:1.1em;
		padding:.75em .5em .5em 1.25em;
		margin:0px;
		text-align:left;
		
	
	}

.content p{
		padding:15px;
	}
.content div	{
		display:block;
		margin:0px;
		padding:0px;
	}
	
.content img{
		margin:0px;
		padding:0px;
		border:1px solid #737373;
		float:right;
		background-color:#FFF;	
	}
#content_left_wrapper	{
		float:left;
		height:auto;
		width:210px;
		margin-bottom:10px;
	
	}

.content_left{
		height:auto;
		min-height:90px;
		width:202px;
		float:left;
		margin:12px 5px 0px 0px;
		background-color:#FFF;
		text-align:center;
		border:1px solid rgba(0,51,153,0.8);
		-moz-box-shadow: 2px 2px 2px #888;
		-webkit-box-shadow: 2px 2px 2px #888;

		
	}
	
	.content_left h2{
		font-size:.8em;
		line-height:1em;
		margin:0px;
		padding:5px;
		text-align:center;
	}

#main_img		{
		float:right;
		width:200px;
		height:300px;
		margin:5px;
		padding:0px;
		border:thin #D9E62E solid;
		position:relative;
	}

#waterbutt	{
		float:right;
		margin:5px 12px 12px 12px;
		padding:0px;
		border:thin #D9E62E solid;
	}

.linkslist	{
		margin:0px 0px 0px 30px;
		width:250px;
		background:none;
		list-style:none;
		text-decoration:none;
	
	}

ul#linkslist li a{
		text-decoration:none;
	}
	
#link_content {
		min-height:450px;
		
	}

.free_quotes 	{
		height:auto;
		width:202px;
		background-color:#FFFFCC;
		padding:0px;
	}
.free_quotes  a	{
		font-family:"Lucida Sans", Arial, "Helvetica Neue";
		font-size:1.4em;
		display:block;
		text-decoration:none;
	}
.call_us	{
		font-family:"Lucida Sans", Arial, "Helvetica Neue";
		font-size:1.4em;
		display:block;
		text-decoration:none;
	}

/*
Gallery Styling
*/

#flashContent	{
	margin:20px 75px;
	background-color: #006699;
	color:#666;
	font-family:Futura, Verdana, Arial, Helvetica, "Sans Serif";
	text-transform:uppercase;
	font-size:1.2em;
	border:1px solid #2B367A;
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	
	
	}

/*

Table Styling
*/	

#enquiries{
	height:auto;
	min-height:600px;

}

#content_enquiries	{
		width:930px;
		height:auto;
		padding:0px;
		margin:10px;
		background-color:#FFF;
		border:1px solid #2B367A;
		-moz-box-shadow: 2px 2px 2px #888;
		-webkit-box-shadow: 2px 2px 2px #888;
		
	}

/*Testimonial Styling*/

#testdiv	{
		height:80px;
		width:600px;
		margin:auto;
		border:0px;
		padding:0px;
	}
.test	{
		margin:auto;
		width:740px;
		height:140px;
		background-image:url(/images/giffs/bhi_test_bgi.png);
		background-repeat:no-repeat;
		/*border:1px solid #D9E62E;*/
	}
	
.test p	{
	width:560px;
	height:100px;
	/*border-top:1px solid #D9E62E;
	border-bottom:1px solid #D9E62E;
	border-left:1px solid #D9E62E;*/
	color:black;
	padding:5px 5px 0px 5px;
	margin:12px 0px 3px 18px;
	float:right;
	font-size:.75em;
	}
.test img{
	float:right;
	width:110px;
	height:110px;
	margin:12px 40px 10px 0px;
	padding:0px;
	}
	

		/*Footer*/
		
.foot_wrapper	{
		background-color:#006699;
		height:120px;
		border:1px solid #036;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 2px 2px 2px #888;
		-webkit-box-shadow: 2px 2px 2px #888;
		margin:10px 0px 0px 0px;
		padding:0px;
		clear:both;
	}
#footerbox_left	{
	width:300px;
	height:50px;
	border:1px solid #D9e62e;
	margin:5px;
	padding:0px;
	float:left;
	background-color:#006699;
	/*background-image:url(../Breezebathrooms/images/pings/footer_back_left.png);*/
	background-position:center;
	background-repeat:no-repeat;
	}
	
#footerbox_left p{
	margin:12px;
	width:auto;
	color:#D9E62E;}
	
#twitimg {
	background-color:#006699;
	float:right;
	margin:12px 30px 12px 20px;}
	
#footerbox_mid{
	width:310px;
	height:50px;
	border:1px solid #D9e62e;
	margin:5px;
	padding:0px;
	float:left;
	background-color:#006699;
	text-align:center;
	color:#D9E62E;
	}
	
	#footerbox_mid p{
	margin:12px;
	}
	
#footerbox_right{
	width:295px;
	height:45px;
	border:1px solid #D9e62e;
	margin:5px;
	padding:3px;
	float:right;
	background-color:#006699;
	background-image:url(file:///Macintosh%20HD/Users/rshears/Desktop/Wordpress/Bkb/images/bhi_bkb.png);
	background-position:center;
	}
#footerbox_right p{

	margin:12px;}
	
#footerbox_right a:link, #footerbox_right a:visited,#footerbox_right a:hover {
	border:0px;
	}
	
a img{
	border:0;}


#copyright		{
	width:auto;
	text-align:center;
	font-size:.75em;
	color:white;
	letter-spacing:2px;
	margin-top:20px;
	padding:20px 0px;
	clear:both;
	/*background-color:#006699;*/
	
}

/*	Imaging Rotation Styling */

	#rotatorcontainer	{
	border: 1px solid #006699;
	width:220px;
	height:120px;
	background-color:#006699;
}

/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:auto;
	width:250px;
	margin:0px;
	padding:4px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}
    div#rotator ul li.show {
	z-index:500
}



