/*------------------------------------------------------------------

project:	McKeno Blocks & Pavers
date created:	21st July 2009
author:	Paul Crawford

-------------------------------------------------------------------*/

@import url("baseforms.css");
@import url("thickbox.css");
@import url("sifr.css");
@import url("superfish.css");


/*-------------------------------*/
/* Reset
/*-------------------------------*/
*, html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
	margin: 0;
	padding: 0;
	border: 0;
}

* {	line-height: 1.6em; }


/*-------------------------------------------    
    Basic Selectors
-------------------------------------------*/
body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background: #8f8f8f url('../images/core/bg.jpg') top center repeat;
	color: #000000;
}

a { color: #ef4030; text-decoration: none; }
a:hover, a:focus { color: #262525; text-decoration: underline; }
span.mailto { color: #ef4030; }  
a.mailto { color: #ef4030; text-decoration: none;  }  
a.mailto:hover { color: #262525; text-decoration: underline; }  

h1 { font-size: 2em; color: #262525; }
h2 { font-size: 1.6em; color: #343434; }
h3 { font-size: 1.5em; color: #343434; }
h4 { font-size: 1.3em; color: #939598; }
h5 { font-size: 1.2em; color: #b6b6b6; }
h3, h4, h5 { margin-bottom: 0.8em; }
p, ul, ol { margin-bottom: 1.35em; }
p, ul, ol { font-size: 1.2em; }

ul { list-style-type: disc; margin-left: 30px; }

hr {
	border: 0;
	border-bottom: 1px solid #d9d9d9;
	height: 1%;
	margin: 15px 0;
	^margin: 0 0 10px 0; /* IE 7 */
}

/*-------------------------------*/
/* Container
/*-------------------------------*/
#container {
	width: 950px;
	margin: 0 auto;
	padding: 0 8px;
	background: url('../images/core/bg_container.png') top center repeat-y;
}


/*-------------------------------*/
/* Header
/*-------------------------------*/
#header {
	height: 150px;
	background-color: #343434;
	position: relative;
	z-index: 50;
}

#header h2 {
	width: 230px; height: 87px;
	background: url('../images/core/logo_mckeno.gif') no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 42px; left: 51px;
}


/*-------------------------------*/
/* Nav
/*-------------------------------*/
#navigation {
	width: 445px; height: 42px;
	position: absolute;
	top: 109px; right: 33px;
}

ul#nav { 	
	list-style-type: none;
	margin: 0;
}

ul#nav li {
	float: left;
	display: inline;
}

ul#nav li a {
	display: block;
	height: 41px;
	overflow: hidden;
}

.sf-menu li li a { line-height: 40px; }

ul#nav li a.home {
	background: url('../images/nav/nav_home.gif') 0 0 no-repeat;
	width: 72px;
}

ul#nav li a.profile {
	background: url('../images/nav/nav_profile.gif') 0 0 no-repeat;
	width: 83px;
}

ul#nav li a.products {
	background: url('../images/nav/nav_products.gif') 0 0 no-repeat;
	width: 102px;
}

ul#nav li a.gallery {
	background: url('../images/nav/nav_gallery.gif') 0 0 no-repeat;
	width: 92px;
}

ul#nav li a.contact {
	background: url('../images/nav/nav_contact.gif') 0 0 no-repeat;
	width: 94px;
}

/* -- Rollover -- */
ul#nav li a:hover.home,
ul#nav li a:hover.profile,
ul#nav li a:hover.products,
ul#nav li a:hover.gallery,
ul#nav li a:hover.contact {
	background-position: 0 -41px !important;
}

/* -- Active -- */
ul#nav li a:hover.home, 
body#home ul#nav li a.home,
body#profile ul#nav li a.profile,
body#products ul#nav li a.products,
body#gallery ul#nav li a.gallery,
body#contact ul#nav li a.contact {
	background-position: 0 -41px !important;
}


/*-------------------------------*/
/* Banner
/*-------------------------------*/
#banner { 
	width: 950px; height: 300px; 
	display: block; 
	position: relative;
	z-index: 40;
}

#left-banner { 
	width: 700px;	height: 300px; 
	float: left;
	overflow: hidden;
}
	
#left-banner img { 
	width: 700px; height: 300px;
	display: block;
}

#right-banner { 
	width: 250px;
	float: left;
}

#right-banner ul {
	list-style-type: none;
	margin: 0;
}

#right-banner ul li {
	width: 250px;
	display: block;
	float: left;
}

#right-banner ul li a {
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	width: 250px; height: 100px;
}

#right-banner ul li a.product { background: url('../images/core/button_product.gif') 0 0 no-repeat; }
#right-banner ul li a.portfolio { background: url('../images/core/button_portfolio.gif') 0 0 no-repeat; }
#right-banner ul li a.quote { background: url('../images/core/button_quote.gif') 0 0 no-repeat; }

#right-banner ul li a:hover {
	background-position: 0 -100px !important;
}


/*-------------------------------*/
/* Content
/*-------------------------------*/
#content-container { 
	width: 950px;
	background: url('../images/core/bg_content.gif') 0 0 repeat-y;
	padding-bottom: 20px;
}

#content-container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#content {
	width: 590px;
	float: left;
	padding: 30px 70px 0 40px;
}

#content h2 { font-size: 1.6em; color: #ef4030; }

.right-side {
	width: 250px;
	float: left;
	padding: 30px 0 0 0;
}

#contact-detail h2 {
	background: #c6c6c6;
	height: 20px;
	padding: 10px 0 10px 23px;
}

#contact-detail ul {
	list-style-type: none;
	margin: 12px 0 33px 23px;
}

#contact-detail ul li {
	padding: 0 0 0 25px;
}

#contact-detail ul li.phone { background: url('../images/core/icon_phone.gif') 0 2px no-repeat; }
#contact-detail ul li.fax { background: url('../images/core/icon_fax.gif') 0 2px no-repeat; }
#contact-detail ul li.mobile { background: url('../images/core/icon_mobile.gif') 0 2px no-repeat; }
#contact-detail ul li.email { background: url('../images/core/icon_email.gif') 0 2px no-repeat; }

#service h2 {
	background: #c6c6c6;
	height: 20px;
	padding: 10px 0 10px 23px;
}

#service img {
	margin: 21px 0 36px 36px;
}


/*-------------------------------*/
/* Footer
/*-------------------------------*/
#footer {
	height: 63px;
	background: #555555;
	color: #a7a6a6;
	font-size: 1.1em;
	padding: 17px 37px 0 33px;
}

#footer a { 
	color: #a7a6a6; 
	text-decoration: none;
	margin: 0 4px;
}

#footer a:hover { 
	color: #ef4030; 
	text-decoration: underline; 
}

.wflogo {
	width: 75px; height: 24px;
	float: right;
	display: block;
}

span.space { 
	margin-left: 8px;
	^margin-left: 12px; /* for ie6/7 */
}


/*-------------------------------*/
/* Gallery
/*-------------------------------*/
#gallery-images {
	width: 100%;
	float: left;
}

#gallery-images  ul {
	list-style-type: none;
	margin: 0;
}

#gallery-images  ul li {
	display: inline;
	padding: 0 15px 15px 0;
	float: left;
	text-align: center;
	color: #343434;
}

#gallery-images  ul li a img {
	border: 5px solid #c6c6c6;
}

#gallery-images ul li a:hover img {
	border: 5px solid #ef4030;
}


/*-------------------------------*/
/* Contact
/*-------------------------------*/
.width { height: 430px; }

.width ul {
	list-style-type: none;
	margin: 0;
}

.width ul li {
	padding: 0 0 0 25px;
}

.width ul li.phone { background: url('../images/core/icon_phone.gif') 0 2px no-repeat; }
.width ul li.fax { background: url('../images/core/icon_fax.gif') 0 2px no-repeat; }
.width ul li.mobile { background: url('../images/core/icon_mobile.gif') 0 2px no-repeat; }
.width ul li.email { background: url('../images/core/icon_email.gif') 0 2px no-repeat; }

.map {
	width: 350px; height: 350px;
	float: right;
}

#enquiry {
	border-top: 1px solid #cccccc;
	padding: 25px 0;
}