/*--------------------------------------------------------------------------
Style Sheet for Boulevard Range general templates
Version:	1.3
Author:	Martin Duggan, Design Director
Email:	martin@mdd.ie
Website:	http://www.mdd.ie
Code Sections: 
	- GENERAL STYLING
	- PAGE STRUCTURE
		> main menu section
		> footer section
	- PAGE COMPONENTS
		> current page highlights
--------------------------------------------------------------------------*/

/* GENERAL STYLING */

body {	margin: 0px;
		font-family: Georgia, Times, serif;
		}
	
h1 {	clear: both;
		display: block;
		line-height: 44px;
		text-indent: -5000px;
		margin: 40px 0px 20px 20px;
		background: url(../img/page_titles.jpg) no-repeat top left;
		}
	
h2 {	font-size: 14px;  
		line-height: 20px;
		text-align: left;
		margin: 20px 0px 0px 20px;
		padding: 0px;
		}

h3 {	font-size: 14px;  
		line-height: 16px;
		font-weight: normal;
		color: #018478;
		text-align: left;
		margin: 0px;
		padding: 0px;
		}
	
p {		font-size: 18px;
		line-height: 22px;
		text-align: left;
		padding-left: 20px;
		margin: 20px 0px 0px 0px;
		}
		
ul {	font-size: 14px;
		line-height: 22px;
		text-align: left;
		margin: 0px;
		padding: 0px;
		}
	
li {	font-size: 12px; 
		list-style-type: none;
		color: #000;
		}
		
.horiz_line {	
		display: block;
		border: none;
 		background-color: #a4843f;
		width: 100%;
 		height: 1px;
 		}

	
	
	
	
	
/* PAGE STRUCTURE */

#main_nav_back {
	position: relative;
	background: url(../img/header_back.jpg) no-repeat top center;
	margin: auto;
	}

#main_nav_section {
	max-width: 950px;
	min-width: 800px;
	height: 180px;
	margin: auto;
	}

#content {
	margin: auto;
	max-width: 950px;
	min-width: 800px;
	position: relative;
	}

#footer_back {
	margin: auto;
	position: relative;
	background: url(../img/footer_back.jpg) no-repeat bottom center;
	clear: both;
	height: 180px;
	}

#footer_section {
	display: block;
	width: 900px;
	margin: auto;
	padding: 90px 0px 0px;
	}

	
	
	
	
	
/* PAGE COMPONENTS */

#main_nav_section span {	
	position: relative;
	min-width: 280px;
	height: 150px;
	margin-top: 10px;
	padding: 0px;
	float: left;
	}
	
#tel_no {
	height: 35px;
	font-family: Georgia, Times, serif;
	font-size: 16px;
	color: #eedaac;
	float: right;
	margin: 0px;
	padding-top: 10px;
	}
	
#tel_no em {
	font-size: 20px;
	font-weight: normal;
	font-size: 20px;
	color: #fff;
	}

#main_nav_section ul {	
	width: 62%;
	min-width: 450px;
	height: 40px;
	float: right;
	}
	
#main_nav_section li {	
	float: left;
	text-indent: -5000px;
	}

#main_nav_section a {	
	display: block;
	height: 40px;
	background: url(../img/nav_sprite.png) no-repeat top left;
	}
	
#nav_home {width: 16%; min-width: 65px; }
#nav_home a {background-position: 0px 12px; }
#nav_home a:hover {background-position: 0px -40px; }

#nav_products {width: 32%; min-width: 164px; }
#nav_products a {background-position: -200px 12px; }
#nav_products a:hover {background-position: -200px -40px; }
	
#nav_about {width: 15%; min-width: 60px; }
#nav_about a {background-position: -400px 12px; }
#nav_about a:hover {background-position: -400px -40px; }
	
#nav_contact {width: 35%; min-width: 164px; }
#nav_contact a {background-position: -600px 12px; }
#nav_contact a:hover {background-position: -600px -40px; }



/* Home Page */
#intro_text {
	float: left;
	width: 45%;
	}

#image_squares {
	width: 430px;
	height: 430px;
	margin: 20px 0px 40px 0px;
	float: right;
	}

#image_squares img {
	border: 1px solid black;
	margin: 0px 0px 20px 20px;
	float: right;
	}
	
.testimonials p {
	float: left;
	width: 28%;
	margin: 2% 2% 20px 0px;
	}

	
	
/* About Page */

#about_text {
	float: left;
	width: 40%;
	margin-right: 5%;
	}
	
#about h1 {background-position: 0 -80px;}




/* Order Enquire */

#contact #content {
		height: 750px;
		background: url(../img/contact_back.jpg) no-repeat top right; 
		}

#contact h1 {background-position: 0 -160px;}

fieldset {	border: 0px;
		width: 350px;
		margin-left: 20px;
		padding: 0px;
		float: left;
		}

legend {	display: none;}
	
label {	font-size: 16px;
		font-style: normal;
		font-weight: bold;
		line-height: 24px;
		text-align: left;
		color: #a4843f;
		display: block;
		margin: 10px 0px 0px 0px;
		}

input {	border: 1px solid #aeaeae;
		width: 350px;
		height: 30px;
		margin: 5px 0px 0px 0px;
		font-size: 16px;
		}
		
form #submit {	
		width: 100px;
		height: 30px;
		margin: 10px 0px 20px 0px;
		font-size: 14px;
		color: #fff;
		border: none;
		background-color: #a4843f;
		float: right;
		}

textarea {	border: 1px solid #aeaeae;
			width: 350px;
			height: 200px;
			margin: 5px 0px 0px 0px;
			font: normal 16px/20px Helvetica, Arial, sans-serif;
			}

#contact_details {
			width: 300px;
			margin: 50px 0px 0px 10%;
			float: left;
			}

#contact_details li {
			font-size: 16px;
			line-height: 24px;
			}



		
		


/* Footer section */

#footer_section ul {
	height: 20px;
	clear: both;
	margin: auto;
	}
	
#footer_section li { 
	float: left; 
	}

#footer_section a { 
	display: block;
	color: #000;
	padding: 1px 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #a4843f;
	}
	
#footer_section a:hover { 
	background-color: #a4843f;
	color: #fff
	}

#footer_section p {
	clear: both;
	text-align: center;
	color: #000;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	}

#footer_section #center01 { width: 810px; margin: 5px auto; }

#mdd {
	float: right;
	}
		
#mdd a { 
	color: #000;
	border-style: none;
	display: inline;
	padding: 0px;
	margin: 0px;
	}


/*current page highlights*/
#home #nav_home a {background-position: 0px -40px; }
#products #nav_products a {background-position: -200px -40px; }
#about #nav_about a {background-position: -400px -40px; }
#contact #nav_contact a {background-position: -600px -40px; }