/*
    Document   : style.css
    Created on : August 21, 2011, 8:04:38 AM
    Author     : The Pixellary - www.thepixellary.com
    Description: Custom CSS for Mid-Carolina Timber Company
*/
/* ============= fonts ============= */
@font-face {
    font-family: 'ColaborateBoldRegular';
    src: url('../fonts/colabbol-webfont.eot');
    src: url('../fonts/colabbol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/colabbol-webfont.woff') format('woff'),
         url('../fonts/colabbol-webfont.ttf') format('truetype'),
         url('../fonts/colabbol-webfont.svg#ColaborateBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

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

}

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

}

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

}

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

}

/* ============= general ============= */
.clear { clear: both; }
body { font-family: Georgia, "Times New Roman", serif; font-size: ; color: #2e291d; font-weight: normal; background: #f8f8e9; }
a, a:visited { color: #366d1e; text-decoration: none; }
a:hover { color: #2a5c14; text-decoration: underline; }
.alignleft { float: left; }
.alignright { float: right; }
input[type="submit"] {  font-size: 14px; color: #F6F5F2; background-color: #87B639; padding: 10px 15px; border: none; cursor: pointer; }
input[type="submit"]:hover { background-color: #87B639; }
h3.banner, #mainContent h3.banner, #serviceoverview h3.banner { background: url('../img/heading-bg-banner.png') 0 0 no-repeat; font-family: ColaborateMediumRegular, Arial, sans-serif; font-weight: normal; color: #ffffff; text-transform: uppercase; padding: 22px 0 25px 210px; margin-bottom: 30px; font-size: 1em; }
h3.bannerLong, #mainContent h3.bannerLong { background: url('../img/heading-bg-banner-long.png') 0 0 no-repeat; font-family: ColaborateMediumRegular, Arial, sans-serif; font-weight: normal; color: #ffffff; text-transform: uppercase; padding: 22px 0 25px 210px; margin-bottom: 30px; font-size: 1em; }

/*====== LOGO AND TOP NAVIGATION =======*/

img#logo { margin-top: -50px; padding-left: 10px; float: left; }
#wrapper { background: url('../img/textured-header-bg.jpg') 0 0 repeat-x; width: 100%; overflow: hidden; }
#wrapperbottom { background: url('../img/textured-footer-bg.jpg') bottom left repeat-x; width: 100%; overflow: hidden; }
#header, #headerInner { padding-top: 80px; margin-bottom: 30px;}
#headerInner { background: url('../img/header-inner-texture.png') bottom center no-repeat; height: 210px; margin-bottom: 0;  }
h1#pagetitle { font-family: CardoRegular, "Times New Roman", Georgia, serif; font-weight: normal; font-size: 3.000em; margin: 55px 0 0 20px; }
.leftblock { float: left; width: 382px; margin-left: 10px; }
.rightblock { float: right; }
ul.topnav { font-family: CardoRegular, "Times New Roman", Georgia, serif; text-transform: uppercase; font-size: 1.25em; border-top: 1px solid #c19c58; border-bottom: 1px solid #c19c58; }
ul.topnav li { float: left; margin: 0 25px 0 10px; padding: 11px 0 10px 0; }
ul.topnav li.active a { color: #76694a; }
ul.topnav li a { color: #2e291d; }

/*=== INNER PAGES TOP BLURB ===*/

#topBlurb { text-align: center; font-size: 1.500em; line-height: 1.4em; padding: 50px 0; }
#topBlurb p { padding: 0 90px; }
#topBlurb p.subBlurb { font-size: 0.708em; line-height: 1.4em; }
#topBlurbNoText  { height: 40px; }

/*====== SLIDER =======*/
#slider { margin-bottom: -2px; }

/*====== HOME - 3 ACROSS CALLOUT =======*/
#servicecallouts { margin-bottom: 20px; }
#servicecallouts h3, .servicecallouttext h3, .aboutContent h4 { text-transform: uppercase; font-family: ColaborateMediumRegular; font-weight: normal; }
.servicecallouttext h3 { margin-bottom: 7px; }
.servicecallouticon { width: 50px; float: left; }
.servicecallouttext { width: 240px; float: right; }
#mainContent .servicecallouttext p { margin-bottom: 30px; }
#servicecallouts p, #serviceoverview p, .servicecallouttext p { font-size: 0.938em; line-height: 1.4em; margin-bottom: 10px; }
#servicecallouts a { text-decoration: underline; font-style: italic; }
.calloutwrappertop, #topBlurb, #topBlurbNoText { width: 100%; background: url('../img/fullwidth-shadow-top.png') top left no-repeat; overflow: hidden; }
.calloutwrapperbottom { width: 100%; background: url('../img/fullwidth-shadow-bottom.png') bottom left no-repeat; overflow: hidden; padding: 30px 0;  }

/*====== HOME - SERVICES OVERVIEW =======*/
#serviceoverview h3 { font-family: CardoRegular, "Times New Roman", Georgia, serif; font-size: 1.375em; font-weight: normal; }
#serviceoverview h3 a { color: #2E291D; }
#serviceoverview img.servicethumb { float: left; margin-right: 20px; }
#serviceoverview .grid_6 { margin-bottom: 30px; }

/*====== INNER PAGES MAIN CONTENT ====*/

.productContent h3, .ethicsContent h3, .sectionIntro h3 { line-height: 1.4em; font-family: CardoRegular, "Times New Roman", Georgia, serif; font-weight: normal; font-size: 1.500em; margin-bottom: 10px; }
#mainContent p { line-height: 1.4em; margin-bottom: 20px; }
.sectionIntro p { font-size: 1.063em; line-height: 1.4em; }
.productContent { margin-bottom: 50px; }
.productContent .grid_8 ul { float: left; margin-right: 45px; }
.productContent .grid_8 ul.last { margin-right: 0; }
.productContent .grid_8 ul li { margin-bottom: 15px; text-transform: uppercase; font-family: ColaborateMediumRegular; font-weight: normal; font-size: 0.875em; background: url('../img/arrow-thin-right.png') left center no-repeat; padding-left: 35px; padding-top: 7px;}
.ethicsContent .last { position: relative; background: url('../img/footer-top-texture.png') bottom center no-repeat; padding-bottom: 50px; }
.ethicsContent .notlast { margin-bottom: 40px; }
.ethicsContent a { text-decoration: underline; font-style: italic; }
.aboutContent h3 { font-family: CardoRegular, "Times New Roman", Georgia, serif; font-weight: normal; font-size: 1.400em; margin-bottom: 3px;}
.aboutContent h4 { margin-bottom: 15px; }
.aboutContent p { font-size: 0.938em; }
.staffPicLg { margin-bottom: 10px; }
#divBeforeFooter, .contactWrapper { background: url('../img/footer-top-texture.png') bottom center no-repeat; min-height: 350px; }

/*====== SERVICE AREA AND MAP =======*/

#servicearea { position: relative; height: 420px; background: url('../img/footer-top-texture.png') bottom center no-repeat; }
#servicearea .serviceareaintro { line-height: 1.444em; font-size: 1.125em; margin-bottom: 45px; }
#servicearea ul { font-size: 0.875em; }
#servicearea ul li { float: left; width: 105px; margin-bottom: 10px; background: url('../img/bullet-tilde.png') left center no-repeat; padding-left: 20px; }
#map { position: absolute; top: 38px; right: 0; }
.servicesRow { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #e9dfc4;}

/*====== CONTACT FORM & CONTENT ======*/
.contactContent h3 { font-family: "Times New Roman", Georgia, CardoRegular, serif; font-weight: normal; font-size: 1.5em; line-height: 1.4em;}
.contactInfo h5 { font-family: Georgia, "Times New Roman", CardoRegular, serif; font-size: 1.313em; font-weight: normal; margin-bottom: 5px; }
#mainContent .contactInfo p { margin-bottom: 30px; }
.phone { background: url('../img/icon-phone.png') left center no-repeat; padding-left: 30px; }
.email { background: url('../img/icon-mail.png') left center no-repeat; padding-left: 30px; }

/*====== FOOTER & CREDITS =======*/
#footer { border-top: 1px solid #c0b289; border-bottom: 1px solid #c0b289; padding: 20px 0 10px; }
#footer a { font-style: italic; }
#footer .grid_3 { padding: 30px 0; line-height: 1.4em; font-size: 0.875em; }
#footer .grid_6 img { display: block; float: right; margin-bottom: 10px; }
#footer .footerphone { font-size: 1.571em; line-height: 1.6em;}
#credits { padding: 15px 0 25px; font-size: 0.625em; color: #b0a079; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; }


#slider-4 { margin-bottom: 50px; }
	
	#slider-4 .slider-wrapper {
		position: relative;
		padding-bottom: 1em;
		width: 180px;
	}
	
		#slider-4 .slider-control-prev,
		#slider-4 .slider-control-next {
			position: absolute;
			top: 0;
			width: 50%;
			height: 180px;
			text-indent: -9999px;
			z-index: 100;
		}
		
		#slider-4 .slider-control-next { left: 50%; }
		
		#slider-4 .slider-control-prev:hover,
		#slider-4 .slider-control-next:hover {
			background: url(../img/slider-4-prev.png) 25% center no-repeat;
		}
		
		#slider-4 .slider-control-next:hover {
			background: url(../img/slider-4-next.png) 75% center no-repeat;
		}