@import url(http://fonts.googleapis.com/css?family=Open+Sans:100,200,400,600);

@media screen, projection {

	/*Begin_CSS_HTML5_Reset*/abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:18px;vertical-align:baseline;background:0 0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:18px;vertical-align:baseline;background:0 0}ins{background-color:#ff9;color:#fff;text-decoration:none}mark{background-color:#ff9;color:#fff;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
	ul {margin-left:3.5%;}
	/*End_CSS_HTML5_Reset*/

	html {width:100%;background-color:#fff;font-family:'Open Sans',arial,sans-serif; color:#222;	   
	background: rgba(0,100,171,0.1);
	background: -moz-linear-gradient(top, rgba(0,100,171,0.1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,100,171,0.1)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(0,100,171,0.1) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(0,100,171,0.1) 0%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,100,171,0.1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(0,100,171,0.1) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064ab', endColorstr='#ffffff', GradientType=0 );background-size:200px;background-repeat:repeat-x;}
	body {font-size:18px;line-height:1.4em;}
	p {margin-top:0.9em;margin-bottom:0.9em;}
	h1, h2 {margin: 0.5em 0 0.5em 0; line-height:1.2em;font-size: 1.2em;}
	
	.container {width:100%;}
	
		.headerPanel {width:100%;float:left;background:#666 url('http://www.data530.co.uk/imaging/banner530/haven-furniture-banner.jpg');background-size:cover;height:630px;background-position:center top;}
			
			.topBar {width:100%;float:left;background: rgb(55,55,55);background:rgba(55,55,55,0.8);}
				.topBar a, .topBar a:hover, .topBar a:active {color:#fff;font-size:2em;text-decoration:none;}
				
				.topBar span {font-size:1em;color:rgb(0,220,186);text-shadow:#fff 0px 0px 6px;}
				.tld {width:37%;float:left;padding:1.5%;font-weight:bold;}
					.tld a:hover {text-shadow:0px 0px 2px #fff;}
				.nav {width:57%;float:right;padding:1.5%;text-align:right;color:#fff;}
					.nav a {background:rgba(0,0,0,0.2);border-radius:7px;border:2px solid white;padding:.5% 1.5% .5% 1.5%;font-size:1em;margin-left:2%;}
					.nav a:hover {background:rgb(0,220,186);color:#fff;transition:color,background 1.2s;font-size:1em;}
				
			.tagLine {width:100%;float:left;text-align:center;font-size:3em;line-height:1.3em;color:#fff;text-shadow:2px 2px 7px #111;margin-top:7%;}
			.breadCrumbs {top:600px;width:100%;position:absolute;height:30px;text-align:center;font-size:0.85em !important;line-height:1.75em;background:#fff;background:rgba(255,255,255,0.8);border-top:1px solid #444;border-bottom:1px solid #444;}
				.breadCrumbs a {font-size:1em;color:#222;text-decoration:none;border-bottom:1px solid #333;}
				.breadCrumbs a:hover {color:#0044cc; text-decoration:none;border-bottom:1px solid #333;}
			
		.mainBody {width:80%;margin-left:10%;float:left;}
		
			.mainContent {width:74%;padding-right:1%;float:left;padding-top:1%;}
				.mainContent a {text-decoration:none;border-bottom:1px solid #444;color:#444;}
				.mainContent strong {font-size:1em;}
				.mainContent a:hover {color:#0044cc;}
				.mainContent a:active, .mainContent a:visited {font-size:1em;}
					.mainContent img {float:right;width:27%;border-radius:5px;}
				.rightBar {width:25%;float:right;margin-top:1%;padding-top:1%;}
					.rightBar img {width:99%;border-radius:10px;border:1px solid #444;margin-left:1%;}
					.rightBar a {border:none;}
					.rightBar img:hover {box-shadow:0px 0px 10px #333;}
				.enquiry {width:22.5%;float:right;padding:.25% 1% .25% 1%;border:1px solid #888;border-radius:10px;background-color:rgb(253,253,253);margin-top:1%;}
					.enquiry h2 {color:#0044cc;}
					.enquiry .enquiryFieldLabel {display:block;width:100%;}
					.enquiry .enquiryTextBox {color:#444;display:block;border-radius:5px;width:100%;font-size:1.2em;line-height:1.5em;border:1px solid #888;font-weight:lighter;margin:2% 0% 2% 0%;}
					.enquiry #btnSubmitForm {color:#444;display:block;width:90%;margin:5%;background:#fff;border-radius:5px;border:1px solid #888;font-size:1.25em;line-height:1.5em;font-weight:normal;}
					.enquiry #btnSubmitForm:hover {background:green;color:white;transition:background 1s, color 1s;cursor:pointer;}
					.enquiry .message {width:95%;margin-left:2%;margin-bottom:2%;padding:1%;border-radius:5px;color:#fff;text-align:center;display:block;}
					.enquiry .red {background-color:red;}
					.enquiry .green{background-color:green;}	
				
			
		.footerPanel {float:left;width:80%;padding-left:10%;padding-right:10%;border-top:1px solid #777;
			background: -moz-linear-gradient(90deg, rgba(252,252,252,1) 0%, rgba(207,207,207,1) 100%); /* ff3.6+ */ 

			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(207,207,207,1)), color-stop(100%, rgba(252,252,252,1))); /* safari4+,chrome */ 

			background: -webkit-linear-gradient(90deg, rgba(252,252,252,1) 0%, rgba(207,207,207,1) 100%); /* safari5.1+,chrome10+ */ 

			background: -o-linear-gradient(90deg, rgba(252,252,252,1) 0%, rgba(207,207,207,1) 100%); /* opera 11.10+ */ 

			background: -ms-linear-gradient(90deg, rgba(252,252,252,1) 0%, rgba(207,207,207,1) 100%); /* ie10+ */ 

			background: linear-gradient(0deg, rgba(252,252,252,1) 0%, rgba(207,207,207,1) 100%); /* w3c */ 

			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFCFCF', endColorstr='#E8E8E8',GradientType=0 ); /* ie6-9 */ 
		}
			.address {width:60%;float:left;color:#333;padding:1% 0% 1% 0%;}
				.address a {font-size:1em;color:#222;text-decoration:none;border-bottom:1px solid #333;}
				.address a:hover {color:#0044cc; text-decoration:none;border-bottom:1px solid #333;}
			.map {width:37%;float:right;padding:1.5% 0% 1.5% 1.5%;text-align:right;}
				.map img {width:100%;border-radius:12px;border:1px solid #777;}
			.locations {width:96%;float:left;background:white;padding:2%;border-radius:10px;border:1px solid #777;margin-bottom:1.5%;}
				.locations ul {list-style-type:none;margin-left:0;}
				.locations a {float:left;width:25%;text-decoration:none;font-size:0.6em;color:#444;border-bottom:none;}
				.locations strong {font-size:1em;}
				.locations a:hover {text-decoration:underline;border-bottom:none;}
			.locations a:active, .locations a:visited {font-size:1em;border-bottom:none;}
			.baseFooter {float:left;width:100%;padding-bottom:1.5%;}
				.compInfo {float:left;width:50%;text-align:left;}
					.compInfo img {width:240px;}
				.copyright {float:left;width:50%;text-align:right;}
				.copyright a {font-size:1em;color:#222;text-decoration:none;border-bottom:1px solid #333;}
}

@media print {

  * {
    background: #fff;
    color: #000;
  }

  html {
    font: 100%/1.5 georgia, serif;
  }
  
  .menu, .bottomMenu ul, .bodyContent img, .footer img {display:none;}
  
  .header {text-align:center;}

}

@media screen and (max-width:1024px) {
	
}