@charset "UTF-8";
/** 
* @project  Ironwood Flooring Services
* @version  1.0
* @package   xhtml-css 
* @author    Irene Soler 
* @copyright 2010 by the author 
*/

/** --------- RESET ALL ------------ */

* {
padding:0;
margin:0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
a:focus {
-moz-outline-style:none;
}
.clear {
clear:both;
}

/***** Global *****/

/* Body */

body {
min-height:101%;
background: #2F1E14 url(../images/bg.jpg) fixed 50% 0 repeat-x;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}

html {
height:100%;
}

.body {
clear: both; 
margin: 0 auto; 
width: 950px;
text-align:left}


header, section, footer,
aside, nav, article, figure {
display: block;
}

#main-content{color:#20150F; }

body.home #main-content{
	padding:0
}

div#map_canvas{margin:1em 0}

/* Headings */
#head-content h2{
font-size:.9em;
padding-bottom:.25em;
letter-spacing: -.025em;}

h3, h4{
font-size:1.1em;
padding-bottom:.5em;
letter-spacing: -.025em;}	

h3{color:#571705}
h4{font-weight:normal;
border-bottom:1px solid #C3C2B8;
margin-bottom: 1em;}			

/* Anchors */
header a, footer a{text-decoration:none;}
footer a{color: #E2E0D4;}
#head-content h2 a{color: #E2E0D4;text-decoration:none;}	
#head-content h2 a:hover, a:hover{color: #C68100;}
a{color:#20150F; }	
#main-content a{font-weight:bold}
/* Paragraphs */

p{font-size:.8em; 
line-height:130%;
margin-bottom: 1em;
}

body.home p{font-size:1em; 
line-height:135%;
margin-bottom: 1.5em;}

body.home article.col-right li{
	font-size:120%;
	padding-bottom:.75em;
}
body.home h3{
	font-size:1.4em;
padding-bottom:1.4em;
letter-spacing: -.025em;
}
p.small{font-size:.7em; }
* p:last-child {margin-bottom: 0;}


strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists */
ul {font-size:.8em; 
list-style: outside disc;
margin: 0 0 1.5em 1.5em;
line-height: 150%
}

ol {
list-style: outside decimal;
margin: 1em 0 1.5em 1.5em;
}
 


/** --------- HEADER ------------ */

#page-header{
min-height:150px;
position:relative;	

	}

#page-header h1{	
width:322px;
height:92px;
position:relative;
top:30px; left:10px;
text-indent:-10000px;
background-image: url(../images/logo_head.png);
}

#page-header h1 a{
	cursor:pointer;
	width:336px;
	height:92px;
	display:block;
	text-indent:-10000px;}


#page-header p.contact{
position:absolute;
right:30px; top:38px;
font:normal 1.25em "Myriad Pro", Arial;
color: #C68100;}

#page-header p.contact a{color: #C68100;}

/* Header Nav */
	
#page-header nav ul{
float:right;
font:normal 0.82em "Myriad Pro", Arial;
text-transform:uppercase;
letter-spacing: .05em;
margin-bottom:30px;
list-style-type: none;
}

#page-header nav li{
float:left;position:relative;
padding:5px 10px;
border-bottom:1px solid #6d6057;
border-left:1px solid #6d6057
}

#page-header nav li:first-child{
	border:none;
	padding:5px 10px 6px 25px;
	background:url(../images/fadeLeft.png) left bottom no-repeat;}
	
#page-header nav li:last-child{
	border-bottom:none;
	padding:5px 30px 6px 10px;
	background:url(../images/fadeRight.png) right bottom no-repeat;}

#page-header nav li a{
	color: #E2E0D4;
	}

#page-header nav li a:hover, #page-header nav li.active a{
	color: #C68100;}
	
	#page-header nav li:hover div{
 	left:-1px;
 	}
		
	#page-header nav li div{
		position:absolute;
		top:28px;
 		z-index:10000;
 		left:-5000px;
		padding:15px;
		text-transform:none;
		width:210px;
		background-color:#C68100;
		
 		 }
	
	#page-header nav li div p{
		color:#000;
		font-size:1em;
		font-weight:normal;
		letter-spacing:0em;
		}
		


/** --------- HOME BOXES ------------ */

#head-content article{
float:left;
width:221px; height:221px;
margin:10px 0 20px 22px;
color: #E2E0D4;}

#head-content article:first-child{
	margin-left:0}

#head-content article div{
	background:url(../images/bgBlkTransp.png) repeat;
	padding:8px 10px 8px 15px;
	margin:140px 0 0 0}
	
	#head-content article div h2{width:65%}
	#head-content article:first-child div h2{width:100%}
	
#head-content article.box01{background:url(../images/home_pic01.jpg) no-repeat;}
#head-content article.box02{background:url(../images/home_pic02.jpg) no-repeat;}	
#head-content article.box03{background:url(../images/home_pic.jpg) no-repeat;}
#head-content article.box04{background:url(../images/home_pic04.jpg) no-repeat;}


/** --------- MAIN CONTENT ------------ */	

#main-content{
background-color:#E2E0D4;
width:950px;
padding:0px 0px 25px 0px;
overflow: hidden;}

#main-content .col-wide{
	float:left;
	width:430px;
	padding:30px 20px 0 30px;
	}

#main-content .col-middle{
float:left;
width:216px;
margin:30px 16px 0 0;
padding:0px 10px 0 15px;
border-left:1px solid #C3C2B8;
border-right:1px solid #C3C2B8;
	}
	
	#main-content .col-middle ul.brands{
	float:left!important;display:inline;
	list-style-type: none;
	margin:0; padding:0 10px;
	width:85px;
	text-align:center
	}
	
	#main-content .col-middle ul.brands li{
	margin-bottom:12px; 
	height:40px}

	
#main-content .col-right{
	float:left;
	width:191px;
	margin:30px 20px 0 0;
}

/* CAROUSEL HOME */

article.carousel{
	 clear: both;
	 margin:40px 0 0 0;
	 padding: 60px 40px;
	 background-color: #ecebe7;
}
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{
	 background: #000;
	 color:#fff;
	 border-radius:20px;
    border: none;
    padding: 0px 7px 0 6px!important;
    
}

.owl-carousel .owl-nav button.owl-prev{
	position:absolute;
	left:-25px; top:40%;
}

.owl-carousel .owl-nav button.owl-next{
	position:absolute;
	right:-25px; top:40%;
}	

.owl-dots{
	text-align: center;
}
.owl-carousel button.owl-dot {
    background: #999;
    /* color: #000; */
    border: none;
    padding: 5px !important;
    font: inherit;
    margin: 20px 5px;
     border-radius:20px;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    max-height: 220px;
}

a.btn-link{
	background-color: #C68100;
	font-weight:normal!important;
	letter-spacing: 1px;
	text-transform:uppercase;
	color:#fff;
	font-size: 1em;
	text-align:center;
	padding:10px 30px;
	text-decoration: none;
	border-radius:5px;
	margin:20px auto;
	width:180px;
	display:block;
}
	
/* Breadcrumbs Nav */

#breadcrumbs{
background-color:#c7c3b7;
padding:10px 0 10px 35px;
overflow:hidden}

#breadcrumbs ul{
list-style-type: none;
font-size:.65em;
margin:0; padding:0
}

#breadcrumbs li{
	float:left;
	padding:0 5px 0 0; 
	font-weight:bold;}
	
#breadcrumbs li a{
	font-weight:normal;
	}
	
#breadcrumbs li a:hover{
color:#571705;
	}

/* Sidenav Nav */

#side-nav{
float:left;
width:195px;
margin:35px 30px 0 30px}

#side-nav h4{
	font-weight:bold;
	font-size:1.3em;
	text-transform: uppercase;
	margin-bottom:0}
	
#side-nav ul{
	margin:0;
	list-style-type:none}
	
#side-nav li{
	letter-spacing: -.02em;
	padding:8px 0px 8px 0;
	border-bottom:1px solid #C3C2B8;}
	
	#side-nav li ul{
	margin-top:1em;
	}
	
	#side-nav li li{
	border-bottom:0;
	padding:4px 0 4px 20px; 
	font-size: 110%;
	background: url(../images/nav_arrow.jpg) no-repeat 10px 6px}
	
	#side-nav li a{
		display:block;
		text-decoration:none}
		
	#side-nav li.active a{
		color:#C68100;
		font-weight:bold;
		}
		
		#side-nav li.active li a{
		color:#20150F;
		font-weight:normal;
		}
		
		#side-nav li.active li a:hover,  #side-nav li.active li.active a{
		color:#C68100;
		}
		
/* Post Entry */

#entry{
float:left;
margin:15px 0 0 0px;
width:457px;
}

#entry .entry-header{
	width:457px; height:208px;
	position:relative;}
	
	.services00{background:url(../images/headerPics/pic_services.jpg)}
	.services01{background:url(../images/headerPics/pic_installation.jpg)}
	.services02{background:url(../images/headerPics/pic_renovation.jpg)}
	.services03{background:url(../images/headerPics/pic_sanding.jpg)}
	.services05{background:url(../images/headerPics/pic_aftercare.jpg)}
	.services06{background:url(../images/headerPics/pic_tiling.jpg)}
	.services07{background:url(../images/headerPics/pic_contractor.jpg)}
	.services08{background:url(../images/headerPics/pic_maintenance.jpg)}
	.services09{background:url(../images/headerPics/pic_style.jpg)}
	.services10{background:url(../images/headerPics/pic_solidwood.jpg)}
	.services11{background:url(../images/headerPics/pic_retail.jpg)}
	.services12{background:url(../images/headerPics/pic_healthcare.jpg)}
	.services13{background:url(../images/headerPics/pic_office.jpg)}
	.services14{background:url(../images/headerPics/pic_reclaimed.jpg)}
	.services15{background:url(../images/headerPics/pic_oak.jpg)}
	.services16{background:url(../images/headerPics/pic_commercial.jpg)}
	.services17{background:url(../images/headerPics/pic_schools.jpg)}
	.services18{background:url(../images/headerPics/pic_churches.jpg)}
	.services19{background:url(../images/headerPics/pic_environment.jpg)}
					
	.company00{background:url(../images/headerPics/pic_company.jpg)}
	.contact00{background:url(../images/headerPics/pic_contact.jpg)}
	.company01{background:url(../images/headerPics/header-privacy.jpg)}
	
	
	.hardwood01{background:url(../images/headerPics/pic_oak.jpg)}
	.hardwood02{background:url(../images/headerPics/pic_ash.jpg)}
	.hardwood03{background:url(../images/headerPics/pic_walnut.jpg)}
	.hardwood04{background:url(../images/headerPics/pic_parquet.jpg)}
	
	.laminate00{background:url(../images/headerPics/header-lvt.jpg)}
	.laminate01{background:url(../images/headerPics/pic_cherry.jpg)}
	
	.engineer01{background:url(../images/headerPics/pic_engineer.jpg)}

#entry .entry-header h2{
	background: url(../images/bgBlkTransp.png) repeat;
	position:absolute;
	bottom:0; width:437px;
	padding:8px 10px;
	}
	
	#entry .entry-header h2{
		font-weight:bold;
		color:#C68100}
		
	
		
#entry .entry-content{
margin:25px 0}

#entry .entry-content h3{
		font-weight:normal}
		
		#entry .entry-content li, #entry .entry-content p{
			line-height: 150%
		}

/* common side Col */

#common{
float:right;
width:185px;
margin:35px 25px 0 25px}

#common .featured{
	background-color:#c7c3b7;
	margin:10px 0;
	width:181px;
	padding-bottom:15px}
	
	#common .featured h4{
		padding:5px 10px; 
		margin-bottom:10px;
		border-bottom:1px solid #E2E0D4}
		
	#common .featured p, #common .featured p strong{
		font-size:.72em;
		padding-left:10px;
		padding-right:10px;
		font-weight: normal; font-style: italic
		}
		
		#common .featured p strong{font-size:1em; padding:0}
		
		#common .featured em{font-weight:bold; font-style: normal; font-size:.95em; padding-top:1em}
		
		
		
/** --------- CONTACT FORM ------------ */	

.contactForm{
background-color:#FFF; 
padding:25px;
font-size:.8em;
margin-top:20px;
color:#444}

.contactForm h4{
	margin-bottom:20px}
	
.contactForm p{font-size:1em}

.contactForm fieldset{
	width:350px;
	margin-bottom:20px}
	
.contactForm .checkBox{
	float:left; 
	margin-bottom:10px}

.contactForm .radioButton{
	float:left; 
	margin:0 0 10px 125px}

fieldset.details-personal label{
	float:left; 
	width:125px;
	margin:5px 0;}

fieldset.details-project p{
	clear:both;
	}
	
fieldset.details-project label{
	float:left; 
	margin:0 10px;}

.contactForm .textField{
	float:left;
	padding:5px;
	margin-bottom:10px;
	border:1px solid #CCC;
	}
.contactForm textarea{
	float:left;
	padding:5px;
	margin-bottom:10px;
	border:1px solid #CCC;
	width:350px; height:80px
	}

	
	.contactForm .long{width:200px}
	.contactForm .short{width:120px}

.error-message{font-weight:bold; color:red; margin-bottom:15px}
label.error{color:red}
input.error{border:1px solid red!important}




/* gallery display */

div.pic-gallery{
width:92%;
margin:0 auto 50px auto;
}

div.pic-gallery h3{
clear:both;
padding-top:50px
}
a.gallery-lightbox img.thumb{
max-height:286px;
}
	
/** --------- FOOTER ------------ */	

#page-footer {
border-top:1px solid #6D6057;
margin-top:22px;
padding:20px 0;
color: #E2E0D4;}

#page-footer ul{
float:left;
list-style-type: none;
margin-right:10px;
width:135px
}
#page-footer li.first{
	font: bold 1em Arial;
	border-bottom:none;
	padding-top:0}
	
#page-footer li{
	font: normal .9em Arial;
	padding:4px 0;
	border-bottom:1px solid #6D6057;}


	
#page-footer aside{
float:right}

#page-footer aside .logo{
	margin-bottom:20px;
	text-align:right;}

#page-footer aside p{
	text-align:right;
	font-size:.75em}
	






/* Smartphones (portrait and landscape) ----------- */

@media only screen 
and (min-width: 320px) 
and (max-width: 480px)
{
  
.body {
margin: 0 2%; 
width: 98%;	
min-width:98%;
}

img { max-width: 100%; }

a.gallery-lightbox img.thumb{
max-height:auto;
width:92%;
}


#page-header{
min-height:150px;
position:relative;	
}

#page-header h1{	
width:100%;
height:auto;
position:relative;
top:50px; left:0px;
margin:20px auto 60px auto;
text-indent:-10000px;
background: url(../images/logo_head.png) no-repeat; 
background-size:100%;
}

#page-header h1 a{
	cursor:pointer;
	width:100%;
	height:auto;
	min-height:100px;
	display:block;
	text-indent:-10000px;}


#page-header p.contact{
position:absolute;
top:0px; left:0; right:0;
text-align:center;
margin:0 auto;
padding-bottom:10px;
border-bottom:1px solid rgba(255,255,255, .3);
font-size:1em;
}




#page-header nav ul{
float:none;
font:normal .7em "Myriad Pro", Arial;
margin:0 10px;

}

#page-header nav li{
float:left;position:relative;
padding:5px;
border-bottom:0px solid #6d6057;
border-left:0px solid #6d6057;
text-align:center;
margin-bottom:20px;

}

#page-header nav li:first-child{
	border:none;
	padding:5px 5px 5px 0;
	background:none;}
	
#page-header nav li:last-child{
	border-bottom:none;
	padding:5px 0 5px 5px;
	background:none;}


#head-content article{
float:none;
display:block;
width:99%;
height:auto;
margin:20px auto;
color: #E2E0D4;
}

#head-content article:first-child{
	margin-left:auto;
	}

#head-content article div{
	position:absolute;
	font-size:1.1em;
	width:90%;
	background:url(../images/bgBlkTransp.png) repeat;
	padding:12px 4%;
	margin:0 0 0 0;}
	
	#head-content article div h2{width:100%}
	
#head-content article.box01{background:url(../images/home_pic01.jpg) no-repeat;background-size:100%; min-height:320px; }
#head-content article.box02{background:url(../images/home_pic02.jpg) no-repeat;background-size:100%;min-height:320px; }	
#head-content article.box03{background:url(../images/home_pic.jpg) no-repeat;background-size:100%;min-height:320px; }
#head-content article.box04{background:url(../images/home_pic04.jpg) no-repeat;background-size:100%;min-height:320px; }

nav#breadcrumbs{display:none}

nav#side-nav{  float: none;
width: 98%;
margin:0;
}

#main-content{
background-color:#E2E0D4;
width: 88%!important;
margin:0!important;
padding:30px 5% 30px 5%;
overflow: hidden;}



#main-content .col-wide{
	float:none;
	width:90%;
	padding:0;
	}

#main-content .col-middle{
float:none;
	width:90%;
margin:30px 0;
padding:0px 10px 0 0px;
border-left:0px solid #C3C2B8;
border-right:0px solid #C3C2B8;
	}
	
	#main-content .col-middle ul.brands{
	float:left!important;display:inline;
	list-style-type: none;
	margin:0; padding:0 10px;
	width:42%;
	text-align:center
	}
	
	#main-content .col-middle ul.brands li{
	margin-bottom:12px}

	
#main-content .col-right{
	float:none;
	width:90%;
	padding:0px 10px 0 0px;
	margin:30px 20px 0 0;
	
}
#entry {
float: none;
margin: 15px 0 0 0px;
width: 92%;
}
#entry .entry-header {
width: 100%;
min-height: 208px;
height:auto;
position: relative;
}

#entry .entry-header h2 {
background: url(../images/bgBlkTransp.png) repeat;
position: absolute;
bottom: 0;
width: 94%;
padding: 8px 3%;
}

#common {
float: none;
width:92%;
margin: 15px 0 0 0;
}
#common .featured {
background-color: #c7c3b7;
margin: 10px 0;
width: 100%;
padding-bottom: 15px;
}

#page-footer ul {
float: left;
list-style-type: none;
margin-right: 10px;
width: 42%;
}

#page-footer aside {
float: left;
width:90%;

}

#page-footer aside .logo, #page-footer aside p {
text-align: center;
}




}
	
	
/*

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
  
   .body {
   margin: 0 auto; 
   width: 98%;
	}

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2) { 
  
   .body {
margin: 0 auto; 
width: 98%;
}

}

/**********
iPad 3
**********
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {


 .body {
margin: 0 auto; 
width: 98%;
}
/* Styles 
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {

 .body {
margin: 0 auto; 
width: 98%;
}
/* Styles 
}
*/