/*=================================================================
 @site   	http://www.cedarlan.ie/
 @title   	Presentation layer for standard compliant browsers
 @company	Lanes Cork Home Insulation
 @author  	WJA (info@wja.ie)
 @date    	10/06/2009
 @copyright CSS cannot be reproduced without permission. Play nice.
 ==================================================================*/
/* -------------------------- 
	reset 
-------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, 
dd, ol, ul, li, fieldset, form, label, legend, table, option, select, caption, tbody, tfoot, 
thead, tr, th, td {margin:0;padding:0;border:0;font-weight:normal;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
a img { border:none; }
a { cursor:pointer; text-decoration:none; }
em { font-style:italic; }
:focus { outline: 0; }

/* -------------------------- 
	default 
-------------------------- */
a { color:#222; }
ul { padding:0 20px; }
ul li { list-style:disk; }
hr { display:none; }
.hr { clear:both; border-top:1px solid #aaa; margin-top:1em; padding-bottom:1em; }
body { background:#333; font-size:75%; color:#222; font-family:verdana, tahoma, sans-serif; }
noscript p { background:#df454b; border-bottom:5px solid #fff; color:#fff; padding:1.5em 0; text-align:center; width:100%; font-size:1.6em; }
html { overflow-y:scroll; }
table { width:100%; }
table td { padding:2px 10px; }

/* -------------------------- 
	forms 
-------------------------- */
form input.text,
form textarea { border:1px solid #ccc !important; padding:5px; font-size:1em; width:480px; background:#fff; font-family:verdana, tahoma, sans-serif; }
form label { display:block; color:#444; }
form label.error { display:block; color:#d66; background:url(http://www.wjacommunications.com/lanes/images/exclamation.png) 0 50% no-repeat; padding-left:20px; margin-top:2px; border:none; font-weight:bold; }

/* -------------------------- 
	layout 
-------------------------- */
#page { background:#fff url(http://www.wjacommunications.com/lanes/images/bg.png) 0 0 repeat-x; padding-top:20px; border-bottom:2px solid #000; }

#container { background:#fff; position:relative; padding:0 15px; min-height:40em; height:auto !important; height:40em; }
#container .shadow { position:absolute; height:180px; width:15px; }
#container .shadow.lt { left:-15px; top:-20px; background:url(http://www.wjacommunications.com/lanes/images/shadow-left.png) no-repeat; }
#container .shadow.rt { right:-15px; top:-20px; background:url(http://www.wjacommunications.com/lanes/images/shadow-right.png) no-repeat; }

#header { position:relative; padding:17px 30px 10px 10px; }

#nav { position:absolute; right:20px; top:60px; font-size:1.2em; }
#nav  li { display:inline; }
#nav  li a { display:block; float:left; color:#222; margin:0 5px; padding:5px 6px; }
#nav  li a:hover { background:#e0531d; color:#fff; }

#content { padding:0 30px 40px 20px; }
#content h1 { color:#2b383e; font-size:1.4em; margin:10px 0; }
#content h3 { color:#333; font-size:1.2em; font-weight:bold; }
#content p { margin-bottom:10px; text-align:justify; }
#content ol li { clear:both; margin:20px 0; padding:0 0 5px 0; border-bottom:1px solid #ddd; display:block; overflow:hidden; }
#content ol li img { float:left; margin:0 20px 20px 0; }

#sidebar { padding:10px 5px 10px 20px; background:url(http://www.wjacommunications.com/lanes/images/sidebar-bg.png) left center no-repeat; min-height:500px; }
#sidebar h2 { color:#2b383e; font-size:1.3em; margin:0 0 10px 10px; }
#sidebar p { margin:0 0 15px 10px; }

#footer { padding:2em 0 3em 0; margin:0 auto; width:830px; }
#footer h4 { color:#666767; font-size:1em; margin-bottom:.5em; margin-top:.8em;}
#footer a { color:#666767; }
#footer a:hover { color:#fff; }

#pathway { text-align:center; }
#pathway h1 { color:#e0531d; font-size:1.4em; text-align:left; padding:2px 0 5px 30px; }

.box { border:3px solid #fff; background:#f1f1f1; outline:1px solid #ddd; line-height:60px; padding:10px; margin:30px auto; font-size:120%; color:#666; }
.box img { float:left; margin:0 30px; }

.clearfix:after { clear:both; content:''; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; } 
.hidden{ display:none; }
.more { color:#e0531d; font-weight:bold; text-decoration:underline; }
.list { list-style:circle; }
.register { background:#E0531D; border:1px solid #CC410B; color:#fff; text-align:center; padding:5px 10px; line-height:280%; }
.vcard { margin-left:10px; }
.vcard .adr { margin:5px 0; }

/* -------------------------- 
	specific 
-------------------------- */
#intro { text-align:center; }
#intro img { display:block; }

#carousel { text-align:left; position:relative; }
#carousel ul { overflow:hidden; height:225px; }
#carousel ul li { padding:20px; width:100%; }
#carousel ul li big { color:#2b383e; font-size:280%; font-family: arial; margin:0; display:block; position:relative; z-index:1; }
#carousel ul li p { font-size:140%; margin:1em 0; color:#666; padding-right:300px; position:relative; z-index:1; }
#carousel ul li a { background:#2b383e; padding:5px 10px; display:block; width:200px; color:#fff; font-size:130%; text-align:center; }
#carousel ul li a:hover { background:#2b383f; }
#carousel ul li img { position:absolute; right:0; top:0; z-index:0; }
#carousel #next { position:absolute; right:-15px; top:95px; cursor:pointer; z-index:9999; }

/* -------------------------- 
	grid 
-------------------------- */
#container { width:830px; margin:0 auto; }
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, 
.span-7, .span-8, .span-9, .span-10, .span-11, .span-12 { float:left; margin-right:10px; }
.span-1  { width: 60px;}
.span-2  { width: 130px;}
.span-3  { width: 200px;}
.span-4  { width: 270px;}
.span-5  { width: 340px;}
.span-6  { width: 410px;}
.span-7  { width: 480px;}
.span-8  { width: 550px;}
.span-9  { width: 620px;}
.span-10 { width: 690px;}
.span-11 { width: 760px;}
.last { margin:0; }