@charset "UTF-8";
/* Afford-A-Floor CSS Document */

/*--- FONT REPLACEMENT ---*/

@font-face {
    font-family: 'botonbold';
    src: url('../fonts/boton_bold-webfont.eot');
    src: url('../fonts/boton_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/boton_bold-webfont.woff') format('woff'),
         url('../fonts/boton_bold-webfont.ttf') format('truetype'),
         url('../fonts/boton_bold-webfont.svg#botonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'botonmedium';
    src: url('../fonts/boton_medium-webfont.eot');
    src: url('../fonts/boton_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/boton_medium-webfont.woff') format('woff'),
         url('../fonts/boton_medium-webfont.ttf') format('truetype'),
         url('../fonts/boton_medium-webfont.svg#botonbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'botonregular';
    src: url('../fonts/boton_regular-webfont.eot');
    src: url('../fonts/boton_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/boton_regular-webfont.woff') format('woff'),
         url('../fonts/boton_regular-webfont.ttf') format('truetype'),
         url('../fonts/boton_regular-webfont.svg#botonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*--- RESET ---*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align:top;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	line-height:10px;
	color:#5f5446;
	background-color:#f6f0d6;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*--- GLOBAL ---*/

.containerMasthead {
	background:url(../img/bgMastheadRepeat.jpg) repeat 0 10px transparent;
	border-top:10px solid #730404;
	width:100%;
	min-width:1140px;
}
.masthead {
	background:#a69279 url(../img/bgMasthead.jpg) no-repeat top center scroll;
	height:90px;
	margin:0 auto 0 auto;
	width:1140px;
}
.logo {
	background:url(../img/logo.png) no-repeat top center scroll;
	position:absolute;
	min-width:1140px;
	width:100%;
	height:290px;
	z-index:2;
}
.container {
	width:1120px;
	padding:10px;
	margin:0 auto 0 auto;
}
.container:after {
	content:".";
	visibility:hidden;
	clear:both;
	display:block;
	height:1%;
}
.wrapper {
	background:url(../img/bgMainContainer.jpg) repeat 0 0 scroll;
	width:100%;
	min-width:1140px;
	padding-top:20px;
}
h1, h2 {
	color: #f3edd3;
	font-family: "botonmedium", Arial, serif;
	-webkit-font-smoothing: subpixel-antialiased;
	margin-bottom:15px;
}
h3, h4, h5, h6 {
	font-family: "botonmedium", Arial Black, serif;
	text-shadow: 1px 1px 1px rgba(86, 62, 36, 0.3);
	-webkit-font-smoothing: subpixel-antialiased;
	margin-bottom:10px;
}
h1 {
	font-size:3.7em;
}
h2 {
	font-size:2.8em;
}
h3 {
	font-size:2.4em;
	margin-bottom:15px;
	line-height:1em;
}
h4 {
	font-size:2em;
}
h5 {
	font-size:1.8em;
}
h6 {
	font-size:1.6em;
}
p {
	font-size:1.2em;
	margin-bottom:5px;
}

p strong {
	font-size:1.em;
	font-weight:bold;
}
.mainContent {
	min-height:600px;
}
/*--- SPACERS ---*/

.clearFix{
	content:".";
	width:100%;
	visibility:hidden;
	clear:both;
	height:1%;
}

.left{
	float:left;
}
.right{
	float:right;
}
.mlb10{
	margin:0 0 10px 10px;
}
.mrb20{
	margin:0 20px 0 0;
}
.mrb2010{
	margin:0 20px 10px 0;
}
.mrb2050{
	margin:0 20px 50px 0;
}

.mrb2070{
	margin:0 20px 70px 0;
}
/*--- NAVIGATION ---*/

.navContainer {
	margin-top:40px;
	height:55px;
	background:url(../img/bgNavi.png) no-repeat top center scroll;
	position:relative;
}
.navLeft {
	position:absolute;
	top:10px;
	left:40px;
	z-index:99;
}
.navRight {
	position:absolute;
	top:10px;
	right:40px;
	z-index:99;
}
.navContainer a:link, .navContainer a:active, .navContainer a:visited {
	color:#340101;
	text-decoration:none;
	font-weight:bold;
}
.navContainer a:hover {
	color:#563E24;
}
.navContainer a.active {
	border-bottom:1px dotted #340101;
	border-top:1px dotted #340101;
}
.navContainer ul {
}
.navContainer ul li {
	font-family: "botonmedium", Arial Black, serif;
	text-transform:uppercase;
	-webkit-font-smoothing: subpixel-antialiased;
	float:left;
	font-size:2em;
	line-height:.8em;
	margin:10px 20px -10px 20px;
}
/*---SECONDARY NAVIGATION ---*/
.secondaryNav{
	height:20px;
	margin:0 auto 15px auto;
	text-align:center;
	width:800px;
}

.secondaryNav ul li{
	float:left;
	margin:0 10px;
	list-style:none !important;
}

.secondaryNav ul li a:link, .secondaryNav ul li a:active, .secondaryNav ul li a:visited{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	color:#480404;
}
.secondaryNav ul li a.active{
	text-decoration:underline;
}
.secondaryNav ul li a:hover{
	text-decoration:underline;
	color:#630;
}
/*--- MODULES ---*/

/*-- FEATURED PROJECTS --*/

.featuredProjectsContainer {
	background:url(../img/bgFeatured.png) 0 0 no-repeat transparent;
	display:block;
	height:417px;
	width:1120px;
	margin:20px 0 20px 0;
	padding-top:20px;
}
.featuredProjects {
	background-color:#f1ebcb;
	padding:14px 34px 14px 14px;
	margin:0 auto 0 auto;
	width:921px;
	height:350px;
	position:relative;
}
.featuredProjectsBnr {
	background:url(../img/bgBnrFeatured.jpg) repeat-x 0 0 transparent;
	height:80px;
	position:absolute;
	right:20px;
	top:28px;
	width:421px;
	z-index:999;
}
.cnr {
	bottom:0;
	position:absolute;
	right:0;
}
.featuredProjectsBnr h1 {
	padding:30px 0 0 15px;
	text-transform:uppercase;
}
.featuredProjectsSlide {
	height:330px;
	width:910px;
	display:block;
	/* fallback */ 
	background:url(../img/bgFeaturedGradient.jpg) repeat-x 0 0 #fcf9eb;
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from (#fcf9eb), to(#e1dbb9));
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #fcf9eb, #e1dbb9 );
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #fcf9eb, #e1dbb9);
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #fcf9eb, #e1dbb9);
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #fcf9eb, #e1dbb9);
}
.featuredProjectsImage {
	height:330px;
	width:500px;
	float:left;
}
.featuredProjectsDesc {
	float:left;
	height:330px;
	width:410px;
}
.featuredProjectsCopy {
	margin:90px 10px 0 15px
}
.featuredProjectsCopy h3{
	
}
.featuredProjectsCopy p {
	line-height:1.8em;
}


/* container for slides */
.featuredProjectsSlide {
    position:relative;
    float:left;
    margin:10px 15px 0 15px;    
	cursor:pointer;

}

/* single slide */
.featuredProjectsSlide .slide {
    display:none;
    position:absolute;
    top:0;
    left:0;
}

.featuredProjectsPager{
	height:12px;
	width:120px;
	margin:0 auto;
}

/* tabs (those little circles below slides) */
.slidetabs {
    float:left;

}

/* single tab */
.slidetabs a {
    width:11px;
    height:11px;
    float:left;
    margin:6px 3px;
    background:url(../img/icoPager.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}

/* mouseover state */
.slidetabs a:hover {
    background-position:0 -11px;
}

/* active state (current page state) */
.slidetabs a.current {
    background-position:0 -22px;
}


/* prev and next buttons */
.forward, .backward {
    float:left;
    background:url(../img/icoArrows.png) 0 0 no-repeat;
    display:block;
    width:7px;
    height:12px;
    cursor:pointer;
    font-size:1px;
    text-indent:-9999em;
	margin:6px 2px;
}

/* next */
.forward { background-position: 0 -12px; clear:right; }
.forward:hover { background-position:-7px -12px; }
.forward:active	{ background-position:-14px -12px; }


/* prev */
.backward:hover	{ background-position:-7px 0; }
.backward:active { background-position:-14px 0; }

/* disabled navigational button. is not needed when tabs are
   configured with rotate: true */
.disabled {
    visibility:hidden !important;
}

/*-- SEARCH --*/

.searchContainer {
	height:34px;
	float:right;
	margin:50px 0 0 100px;
	width:500px;
	position:absolute;
	z-index:9999;
}
.searchContainer input {
	background-color:transparent;
	border:none;
	float:left;
}
.searchCell {
	width:220px;
	height:24px;
	background:url(../img/bgSearchInput.jpg) no-repeat 0 0 transparent;
	padding:5px 0 0 5px;
	float:left;
}
/*--- CONTENT ---*/

/*-- HOME PAGE --*/

.showroom img{
	margin: 0 20px;
	border:5px solid #300;
}

.general{
	width:880px;
	margin:0 auto;
}

.general h1{
	font-family:"botonbold", arial black, sans-serif;
	font-size:30px;
	color:#340101;
	margin-bottom:20px;
}

.general h2{
	font-family:"botonmedium", arial black, sans-serif;
	font-size:16px;
	line-height:22px;
	color:#340101;
	margin-bottom:10px;
}

.general p{
	font-size:12px;
	line-height:18px;
	margin-bottom:15px;
	max-width:330px;
}
/*- MIDDLE TESTIMONIALS -*/

.homepageMiddleContainer{
	background:url(../img/bgHomepageMiddleRepeat.jpg) 0 0 repeat-x;
	height:600px;
	width:100%;
	min-width:1140px;
	overflow:hidden;
	position:relative;
}

.homepageMiddleTopShadow{
	height:58px;
	width:100%;
	min-width:1357px;
	background:url(../img/bgHomepageMiddleTopShadow.png) center top no-repeat;
	border-top:5px solid #270101;
}

.quotesAbout{
	width:760px;
	margin:0 auto;
}

.quotesAbout h1{
	font-family:"botonbold", Arial Black, serif;
	color:#f3edd3;
	font-size:34px;
	margin-bottom:20px;
}

.quotesAbout p{
	font-size:12px;
	line-height:18px;
	color:#fdfaec;
}

#quotesSlider{
}

.quotesSliderContainer{
	width:760px;
	margin:10px auto;
}

.quotesSliderInside{
	width:720px;
	height:220px;
	border:5px solid #630208;
	background:url(../img/bgQuotesSlider.png) 0 bottom repeat-x;
	margin:0 auto;
	padding:15px;
	position:relative;
}

.starRating{
	width:100%;
	height:50px;
	display:block;
	margin-bottom:10px;
}

.starRating img, .starRating h2{
	float:left;
	margin-right:8px;
}

.starRating h1{
	font-size:18px;
	padding:10px 0;
	float:none;
	clear:both;
}

.starRating h2{
	font-size:22px;
	padding:13px 0 0 20px;
	color:#d3b422;
}

.quotesContainer{
	padding-right:3px;
	margin-top:20px;
}

.quotesContainer p{
	font-size:11px;
	line-height:18px;
	color:#e5e0c1;
}

.quotesContainer h2{
	font-size:12px;
	text-transform:uppercase;
	margin-top:10px;
}

.quotesReadMore{
	text-align:center;
	font-size:12px;
	line-height:14px;
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-230px;
	width:460px;
	color:#f1ebcc;
}

.quotesReadMore a{
	text-decoration:underline;
	color:#f1ebcc;
}

.quotesPagerContainer{
	width:300px;
	height:25px;
	margin-left:300px;
}

/* container for slides */
.quotesSlideWrap {
    position:relative;
    float:left;
	cursor:pointer;
	width:730px;

}

/* single slide */
.quotesSlide {
    display:none;
    position:absolute;
    top:0;
    left:0;
	width:730px;
}

/* tabs (those little circles below slides) */
.quotesSlidetabs {
}

/* single tab */
.quotesSlidetabs a {
    width:10px;
    height:10px;
    float:left;
    margin:6px 3px;
    background:url(../img/icoPagerQuotes.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}

/* mouseover state */
.quotesSlidetabs a:hover {
    background-position:0 -10px;
}

/* active state (current page state) */
.quotesSlidetabs a.current {
    background-position:0 -10px;
}


/* prev and next buttons */
#quotesArrowForward.forward, #quotesArrowBackward.backward {
    float:left;
    background:url(../img/icoArrowsQuotes.png) 0 0 no-repeat;
    display:block;
    width:41px;
    height:48px;
    cursor:pointer;
    font-size:1px;
    text-indent:-9999em;
}

/* next */
#quotesArrowForward.forward { background-position: -41px 0; clear:right; }
#quotesArrowForward.forward:hover { background-position:-41px -48px; }
#quotesArrowForward.forward:active	{ background-position:-41px -48px; }


/* prev */
#quotesArrowBackward.backward:hover	{ background-position:0 -48px; }
#quotesArrowBackward.backward:active { background-position:0 -48px; }

/* SCROLLER */

#testimonials-container .viewport {
	height:110px;
	overflow:hidden;
	position: relative;
}
#testimonials-container .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding-right: 3px;
	margin: 0;
}
#testimonials-container .scrollbar {
	background: transparent url(../img/bg-scrollbar-track-y.png) no-repeat 0 0;
	position: relative;
	background-position: 0 0;
	float: right;
	width: 15px;
}
#testimonials-container .track {
	background: transparent url(../img/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
	height: 100%;
	width:15px;
	position: relative;
}
#testimonials-container .thumb {
	background: transparent url(../img/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
	height: 20px;
	width: 25px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -5px;
}
#testimonials-container .thumb .end {
	background: transparent url(../img/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
	overflow: hidden;
	height: 5px;
	width: 25px;
}
#testimonials-container .disable {
	display: none;
}
/*- SPECIALS -*/

.specialsContainer {
	float:left;
	width:373px;
}
.specialsSample {
	border:5px solid #5f5446;
	float:left;
	height:130px;
	margin-right:5px;
	width:140px;
	display:block;
}
.specialsDesc {
	float:left;
	width:215px;
}
.specialsDesc p {
	font-size:1.2em;
	line-height:1.4em;
}
.specialsDesc p.price {
	font-size:1.6em;
}

.specialsLast {
	height:140px;
	width:370px;
	background:url(../img/specials/monthlySpecial-003.jpg) 0 0 no-repeat;
}

.specialsLastDesc {
	float:right;
	width:200px;
	padding:5px;
}

.specialsLastDesc p{
	line-height:1.4em;
}
/*-- ABOUT US --*/

/*- FAQS -*/

.faqsContainer {
	float:left;
	margin:55px 10px 15px 0;
	width:549px;
	border-right:solid 1px #8a7760;
}
.faqsContainer p {
	color:#ac6f2d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.4em;
	margin-bottom:10px;
}
.faqsContainer em, .faqsContainer strong {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.faqsContainer .leftFaqs {
	float:left;
	width:250px;
	margin-right:20px;
}
.faqsContainer .rightFaqs {
	float:left;
	width:250px;
}
/*- ABOUT US -*/

.aboutContainer {
	float:left;
	width:540px;
	margin:55px 0 15px 20px;
}
.aboutContainer p {
	font-size:1.2em;
	line-height:1.8em;
	margin-bottom:10px;
}
.aboutContainer img {
	border:solid 10px #d0c9ab;
}

/*- FLOORING -*/

.flooringContainer {
	float:left;
	width:540px;
	margin:55px 0 15px 20px;
}

.flooringContainer p{
	line-height:1.8em;
}

.flooringContainer h3, .flooringContainer h4 {
	padding:20px 0;
}
/*- CLEANING -*/

.cleaningContainer {
	margin:55px 140px 15px 140px;
}
.cleaningContainer p {
	font-size:1.2em;
	line-height:1.8em;
	margin-bottom:10px;
}
.cleaningContainer li{
	list-style:disc inside none;
	padding-left:20px;
	line-height:2em;
	margin-bottom:5px;
	font-size:1.2em;
}

/*- SANDING -*/

.sandingContainer {
	margin:55px 140px 15px 140px;
}
.sandingContainer p {
	font-size:1.2em;
	line-height:1.8em;
	margin-bottom:10px;
}
.sandingContainer ul li {
	font-size:1.2em;
	margin:0 0 10px 60px;
	list-style:circle;
}

/*- GALLERY -*/

.galleryContainer {
	margin:55px 140px 15px 140px;
}
.galleryContainer p {
	font-size:1.2em;
	line-height:1.8em;
	margin-bottom:10px;
}
.galleryContainer ul li {
	font-size:1.2em;
	margin:0 0 10px 60px;
	list-style:circle;
}

.beforeAfter{
	margin-bottom:20px;
}

.galleryThumbs{
	background-color:#968d78;
	padding:45px;
}

.galleryThumbs img{
	border:2px solid #330102;
	display:inline;
	margin:2px;
	cursor:pointer;
	vertical-align:baseline;
}

/* the overlayed element */
.galleryOverlay {
    display:none;
    z-index:10000;
    background-color:#333;
    width:600px;
    min-height:400px;
    border:8px solid #330102;
}

.galleryOverlayPortrait {
    display:none;
    z-index:10000;
    background-color:#333;
    width:400px;
    min-height:600px;
    border:8px solid #330102;
}

/* close button positioned on upper right corner */
.galleryOverlay .close, .galleryOverlayPortrait .close {
    background-image:url(../img/icoClose.png);
    position:absolute;
    right:-20px;
    top:-20px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/*--- PAGE ELEMENTS ---*/
.contentContainer{
	width:940px;
	margin:55px auto 15px auto;
}
.contentContainer p{
	font-size:1.3em;
	line-height:1.8em;
	margin-bottom:15px;
	padding:0 40px;
}

.contentContainer h1, .contentContainer h2, .contentContainer h3, .contentContainer h4, .contentContainer h5, .contentContainer h6{
	padding-left:40px;
}

.contentContainer li{
	list-style:disc inside none;
	padding-left:50px;
	line-height:2em;
	margin-bottom:5px;
	font-size:1.2em;
}

.contentContainer img{
	border:10px solid #977e63;
	display:block;
	margin:0 40px;
}

img.hero {
	margin:0 0 20px 0;
}
/*-- FORM ELEMENTS --*/

.cell{
	float:left;
	margin:0 10px 20px 0;
}

.last{
	float:left;
	margin-right:0;
}

.cell p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#412706;
	font-weight:bold;
}
/* error message */
.error {
    font-size:8px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
    color:#fff;
    display:none;
	background-color:#F90;
}

.error p {
    margin:0;
	padding:3px;
	text-transform:uppercase;
}


/*--- FOOTER ---*/

.footerCap {
	background:url(../img/bgTopFooter.png) no-repeat top center scroll;
	width:1140px;
	min-width:1140px;
	height:21px;
	margin:0 auto 0 auto;
}
.footerContainer {
	background:#a69279 url(../img/bgFooter.jpg) no-repeat top center scroll;
	width:100%;
	height:540px;
	display:block;
	padding-top:15px;
}
.colOne {
	float:left;
	width:200px;
	margin-right:20px;
}
.colOne ul {
	margin-bottom:40px;
}
.colOne ul li {
	font-family: 'botonmedium', sans-serif;
	font-weight:bold;
	font-size:1.4em;
	margin-bottom:15px;
}
.colOne ul li ul {
	margin-top:40px;
}
.colOne ul li ul li {
	font-size:1em;
}
.colOne ul li a:link, .colOne ul li a:visited, .colOne ul li a:active {
	color:#412706;
	text-decoration:none;
}
.colOne ul li a.active{
	text-decoration:underline;
}
.colOne ul li a:hover {
	color:#412706;
	text-decoration:underline;
}
.colTwo {
	float:left;
	width:510px;
	margin:0 20px;
	display:block;
}

.colTwo p{
	font-weight:bold;
}

.colThree {
	float:left;
	width:315px;
}
.colThree h3 {
	color:#504531;
}
.colThree ul li {
	font-family: Georgia, Times, serif;
	line-height:1.6em;
	color:#563E24;
}

.quoteWrap{
	display:block;
	background:transparent url(../img/bgQuotes.png) 0 0 repeat-x;
	padding:5px;
}

p.author{
	float:right;
	font-weight:bold;
	font-style:italic;
}