@charset "utf-8";
/*  
Site Name: 
Site URL: http://www..com
Description: Designed by Benjamin Marc
Author: Thomas J. Dintrone
Author URL: http://www.benjaminmarc.com
*/

/*
	For PIE: " behavior: url(/pie/PIE.htc); "
	For MS Opacity: " -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; opacity:.7; "
*/

/* RESET STYLES */
@import "reset.css";

/* FONTS */
@import "fonts/anitpasto/stylesheet.css"; /* font-family: 'antipastoregular'; font-family: 'antipastoextralight'; */
@import "fonts/bignoodle/stylesheet.css"; /*  font-family: 'bignoodletitlingregular'; */
@import "fonts/trajan-pro-reg/stylesheet.css"; /*  font-family: 'lobster_1.4regular'; */
@import "fonts/limerick-regular/stylesheet.css"; /*  font-family: 'limerick-regularregular'; */
.fontAntipastoRegular { font-family: 'antipastoregular'; }
.fontAntipastoLight { font-family: 'antipastoextralight'; }

.slideCaption p, .slideBanner, footer, article.full h2, ul.products li h3, ul.products li p, a.galleryClickHere, a.installers, .form, input.submitButton, .form h3, p.slideCaption {font-family: 'TrajanPro-Regular'; }
/*********************************************
HTML 5 
**********************************************/
article, aside, figure, footer, header, nav, section {display: block;}

/*********************************************
GENERAL
**********************************************/
html, body { height:100%; margin:0; padding:0; }
body { font-family: 'antipastoextralight'; font-size:62.5%; background: url('../img/main-content-bg.jpg'); }

.small { font-size:.75em; }

a { color:#58595b; }


.t1 { margin-top:1em; }
.t2 { margin-top:2em; }
.t3 { margin-top:3em; }
.t4 { margin-top:4em; }
.t5 { margin-top:5em; }

.b1 { margin-bottom:1em; }
.b2 { margin-bottom:2em; }
.b3 { margin-bottom:3em; }
.b4 { margin-bottom:4em; }
.b5 { margin-bottom:5em; }

.content {  padding: 5px 0 0.25em; }

h1.invisible { position:absolute; text-indent:-99999px; }
h1 a { color:#C1B49A; }
h1 { font-family: 'lobster_1.4regular';  font-size: 6em; line-height: 20px;}
h1 span { font-family: 'limerick-regularregular'; font-size: 0.2em;
    text-transform: uppercase; color:#fff;letter-spacing: 3px;}

h2.products { text-align:center; color:#808184; font-size:2.6em; background:url('../img/red-block.jpg') repeat-x center center; letter-spacing:2px; clear:both; padding-top:10px; margin-top:.75em;}
.content h2, h2.int { background:url(../img/h-text-bg.png) repeat-y left top; color:#fff; }
h2.products span { background:#fff; padding:0 5px; text-transform:uppercase; }
h2.blackWrap { background:#000; font-family: 'lobster_1.4regular'; color:#fff; padding:.25em .5em; font-size:3em; }
/*********************************************
NAVIGATION
**********************************************/
.mainNav { /*overflow:hidden;*/ background:url(../img/nav-bg.png) repeat-x center top; height:59px;}
.mainNav ul { padding-top:14px; text-align:center;  }
.mainNav li { display:inline; }
.mainNav a { font-size:1.4em;  font-family: 'TrajanPro-Regular'; line-height:38px; color:#fff; padding:25px 5px 18px; text-transform:uppercase; letter-spacing:1px; margin:0 .5em;}
.mainNav a.current { background:#333; color:#fff; }
#facebook { position:relative; left:-20px; float:right; margin:0 5px; width:34px; height:36px; background:url('../img/facebook.png') no-repeat center top; }
#twitter { position:relative; left:-20px;float:right; margin:0 5px;width:34px; height:36px; background:url('../img/twitter.png') no-repeat center top; }
#facebook a, #twitter a { line-height:normal; }


.footerRight ul { padding:1em 0; }
.footerRight li { display:inline; }
.footerRight a { color:#fff; padding:0 5px; }
.footerRight a:hover { text-decoration:underline; }

/*********************************************
PAGE STRUCTURE
**********************************************/
.noiseBg { width:100%; height:780px; background:; position:absolute; left:0; top:645px; }
.upperNoiseBg { width:100%; height:500px; background:url('../img/upper-noise-bg.jpg'); position:absolute; left:0; top:0px; }

#wrapper { background:#fff url(../img/main-content-bg.png) repeat-x center top; padding-top:2em; }

section.topContent {  }
section.midContent { background:#000; margin-top:1em; padding-bottom: 1em;}
section.lowerContent { padding:2em 0 16em; }

.headerWrap, .mainNav ul, article.wrapper { width:900px;margin:0 auto; }

header { background:#000;width:100%; position:relative; z-index:9999;}
.headerWrap { width:900px; height:286px; overflow:hidden;}
#logo {  width:450px; height:286px; float:left;}

.headerRight { float:right; }
.hBottom { text-align:center; }

.slideWrap { overflow:hidden; width:900px; height:475px;position:relative;}
.slideBanner { z-index:9999;padding:.5em 1.5em; height:100%; position:absolute; top:0; left:50px; background:#000; }
.slideBanner h2 { padding-top:.5em; color:#fff; font-size:2em; }
.slideBanner li a { display:block; background:#e5debe; margin: 1em 0;
    padding: 1em 1em 0.75em; color:#000; font-size:1.7em; border-radius:3px; }
p.slideCaption { background:url(../img/slide-caption-bg.png) repeat-y right top; position:absolute; bottom:0; right:0; width:100%; z-index:9999;}
p.slideCaption span { display:block; text-align:right; padding:1em 1em .5em; color:#f7d64d; font-size:1.8em; }

.search { text-align:right; margin-top:50px; }
.search input { height:35px; border:0; background:#fff; width:225px; padding:0 5px; font-family: 'antipastoextralight'; font-size:1.8em; letter-spacing:1px;}
.search input.submitButton { background:#9B9B9B; width:90px; color:#fff; text-transform:uppercase;  }
.search input.submitButton:hover { cursor:pointer; }

section.mainContent { width:900px; position:relative; z-index:999; }

.hotButtonsWrap {  }
.hotButton {font-family: 'bignoodletitlingregular'; position:relative; border:1px solid #7F8080; padding:10px; float:left; margin-right:19px; text-align:left; }
.hotButtonsWrap .last { margin-right:0; }
.hotButton img {  }
.hotButton h3 { background:url(../img/black-block.png); position:absolute;bottom:10px; left:10px; width:215px;color:#fff; font-size:2em; text-transform:uppercase; letter-spacing:1px; padding:2px 5px; }
.hotButton h3 span { /*padding:0 5px; background:#000;*/ }

article.wrap { padding:20px 0 0 0;}

.pullQuote { background:#000; width:215px; color:#fff; padding:20px; float:right; margin:0 0 2em 1em; position:relative;}
.pullQuote p { color:#fff !important; }
.arrow { position:absolute; bottom:-11px; left:0; background:url(../img/arrow.jpg) no-repeat center top; width:26px; height:12px; }

article.full { /*padding:.5em; min-height:450px;*/ }
article.full h2 { margin:0 0 1em 0; padding:.35em .45em; color:#fff; font-size:2.4em; }
article.full p {  } 
article.full a { color:#BC1E2C; }

section.interior article.full { padding:20px; background:#fff; min-height:500px; margin-bottom:2em; box-shadow:0 5px 8px #333; }
section.interior article.full h2 { font-size:3em; border-bottom:1px dotted #555; }
section.interior article.full h3 { font-size:2.2em; font-weight:bold; margin-top:1em;}

article.lowerContent {}
a.galleryClickHere { background:#000; color:#f7d64d; display:block; padding:.5em; font-size:2.4em; }
.galleryWrap img { margin-right:3px; }
.galleryWrap img.last { margin-right:0; }
a.installers { background:#635727;color:#fff; display:block; padding:5px 1em; font-size:1.7em; text-align:center; }

a.galleryClickHere, a.installers { border-radius:10px; margin:.5em 0;}
a.galleryClickHere:hover, a.installers:hover, .galleryWrap a:hover { opacity:.8;}

.left { float:left; width:585px; }
.left p, p.galleryTitle, .subTitle { font-size:1.2em; font-family:Arial, Helvetica, sans-serif; line-height:22px; }
aside.sidebar { float:right; width:300px; position:relative;}

.social { text-align:center; margin-top:1em; }
.social img { margin:0 5px; }

ul.dots { padding:2em; }
ul.dots li { list-style:disc inside; font-size:2em; color:#BC1E2C; letter-spacing:1px; }

div.full { background:#fff; }

img.floatImg { float:left; margin:2em 1em .5em 1.5em; }

.copyright { text-transform:uppercase; letter-spacing:1px; padding-left: 5px;}
.copyright a { color:#fff; }
.copyright a:hover { text-decoration:underline; }

footer { padding:0 0 1.5em; position:relative; z-index:999; background:#000; }
.footer { width:900px; margin:0 auto; position:relative;}

.callToday { position:absolute; top:-60px; left:215px; }

.footerLogo { padding-top:10px; float:left; margin-right:10px; font-size: 6em; line-height: 20px; }
.footerLogo a { color:#000; }
.footerLogo span { font-size: 0.2em;
    text-transform: uppercase; color:#fff;letter-spacing: 3px; }
.footerRight {    padding-top: 65px; color:#fff; font-size:.9em; text-transform:uppercase; float:right; width:495px; }
p.credits { padding-left:5px;  }

/*********************************************
PAGE SPECIFIC
**********************************************/
.services { background:url(../img/grey-block.png); color:#fff; padding:10px 20px;}
.services li.serviceTitle { text-transform:none;font-family: 'lobster_1.4regular'; font-size:2.4em; margin-top:-10px; }
.services ul { float:left; margin-right:95px; margin-top:10px;}
.services li { font-size:1.4em; text-transform:uppercase; letter-spacing:1px; }

#slider { padding:.5em; }
.slide { height:403px; overflow:hidden }
.slide img { float:left;}
.caption { padding:0 1em 1em 1em; float:right; width:240px; }
.caption h2 { font-size:2.8em; color:#be1e2d; text-transform:uppercase; letter-spacing:1px; text-align:center; margin-bottom:2px;} 
.caption p.title { line-height:44px; font-family: 'TrajanPro-Regular'; font-size:3.6em;  }
.caption p.description { font-size:1.4em; padding:.65em 0; border-top:1px solid #a6a8ab; /*border-bottom:1px solid #a6a8ab;*/ }
p.title span { font-size:1.4em; }
.caption p.description a { display:block; padding:0; text-align:right; color:#be1e2d; }

p.date { color:#C1AF80; display:block; font-size:1.7em;}

.blog { float:left; color:#fff; width:275px; }
.blog h2 { text-transform:uppercase; font-size:1.5em; margin-bottom:10px;}
.blog h2 img { position:relative; top:12px;}
.blog span { color:#C1AF80; }
.event { border-top:1px dotted #C1AF80; padding:10px 0; margin:5px 0; }
.event p.blogContent { font-size:1.29em; letter-spacing:1px; color:#eee; text-align:justify; }

.facebookFeed { float:right; width:475px; }
.facebookFeed h2 { font-size:1.5em; letter-spacing:1px; color:#fff; padding:5px; text-transform:uppercase; position:relative; margin-bottom:1.5em;}
.facebookFeed h2 a { position:absolute; top:-3px; right:15px; }

.facebookContent { min-height:200px;}

/*-- Contact*/
.contactInfo { float:left; width:375px; }
.contactInfo h3 { font-size:2em;  }
.contactInfo img { margin-right:10px; }

/* -- Products*/
aside.productsSidebar { min-height:360px; background:#E1E1E3; margin-left:2em;padding:1.5em; width:200px; float:left;}
aside.productsSidebar h3 { background:#000; color:#fff; text-transform:uppercase; letter-spacing:1px; padding:.25em .5em; font-size:2.4em; margin-bottom:.5em;}
aside.productsSidebar li { font-size:1.6em; letter-spacing:1px; padding:.35em .25em; border-bottom:1px solid #777; list-style:square inside; color:#BC1E2C;}

.productsContent { float:right; width:590px; min-height:360px; background:#000; padding:0 1em 1.5em 1em;;margin-right:2em; }

aside.productsSidebar h4 { background:#888; color:#fff; font-size:2em; padding:.15em .5em; text-transform:uppercase; letter-spacing:1px; margin-top:.5em;}

.breadcrumbs { border-bottom:1px solid #888; }
.breadcrumbs p { color:#E1E1E3 !important; font-size:1.29em !important; padding:.5em 0 !important;}
.breadcrumbs span { color:#888;}
.breadcrumbs a:hover { text-decoration:underline; }
.productsList { margin-top:1em; }
h5.productTitle { background:#000; color:#eee; font-size:2.6em; letter-spacing:1px; padding:.5em; margin-top:-5px; }
h5.productTitle span { text-transform:uppercase; }

.productsList li { background:#fff; width:190px; height:200px; overflow:hidden; border:1px solid #C2C2C2;float:left; margin-right:4px; margin-bottom:2em; text-align:center; }
.productsList h2 { text-align:center; padding:.75em .15em; font-family:Arial, Helvetica, sans-serif; font-size:1.29em; background:#F2F2F2; }
.productsList h2 a:hover { text-decoration:underline; } 

.singleProduct { font-family:Arial, Helvetica, sans-serif; }
.singleProduct h3 { font-size:2em;color:#D38F1B; font-weight:bold; }
.singleProduct img { float:left; margin-right:2em; margin-bottom:1em; }
.singleProduct p { color:#fff !important; font-size:1.2em !important; } 
.singleProduct p span { display:block; font-size:1.4em; color:#ddd; margin-bottom:.25em; margin-top:.5em; } 

.submitProductFormWrap { height:40px; margin:3em 0 0; overflow:hidden; padding-top:1em; }
#submitProduct { padding:.25em .5em; background:#860733; color:#eee; font-size:2em; text-transform:uppercase; letter-spacing:1px; }
.submitProductFormWrap p { margin:2em 0 0 0; padding-left:0 !important; font-size:1.4em; color:#fff !important; }

.submitProductForm { width:300px; background:#E1E1E3; padding:1.5em; position:relative;}
.submitProductForm h3 { font-size:2em; margin-bottom:.25em;}
.submitProductForm h3 span { color:#3B0110; }
.submitProductForm label, .submitProductForm input, .submitProductForm textarea { display:block; }
.submitProductForm label { font-size:1.6em; }
.submitProductForm input { margin-bottom:.5em; border:0; height:25px;  width:300px; }
input.submitButton { margin-top:1em; width:50px; background:#9B9B9B; text-transform:uppercase; color:#fff; padding:5px 8px; }
input.submitButton:hover { cursor:pointer; }
.submitProductForm textarea { border:0; height:100px;  width:300px; }
span.productError, span.productSuccess { font-size:1.4em; font-weight:bold; position:absolute; bottom:15px; right:15px; }  
span.productError { color:red; }
span.productSuccess { color:green; }

#slideshow { position:absolute; top:0; left:0; margin:0 auto; width:900px; height: 475px;overflow:hidden;}
#slideshow div{
	height: 475px;
	width:900px;
}
#slideshow div{
	position:absolute;
    z-index: 0;
    width: 900px;
    height: 475px;
}
#slideshow div img { margin: 0; }
#slideshow div{ display: none; }
#slideshow div.previous,
#slideshow div.current { display: block; }
#slideshow div.previous { z-index: 1; }
#slideshow div.current { z-index: 2; }

ul.products li { float:left; width:205px; margin:0 2em 1em 0; text-align:center; }
ul.products li h3 { color:#edeadd; font-size:1.8em; }
ul.products li p { color:#fff; font-size:1.1em; margin:0 0 5px 0;}

.viewAllProducts { text-align:center; }

.form { float:right; width:270px; background:#000 url(../img/form-bg.jpg) no-repeat center top; padding:1.5em 1.5em 4em; position:relative; border-radius:10px;}
.form h2 { color:#fff !important; border-bottom:1px solid #fff; }
.form label, .form input, .form textarea { display:block; }
.form label { font-size:1.2em; color:#fff; margin: 1em 0 0; }
.form input { margin-bottom:.5em; border:0; height:20px;  width:270px; }
input.submitButton { margin-top:1em; width:auto; height:auto;  background:#313335; text-transform:uppercase; color:#bfb58c; padding:1em 1em .75em 1em; }
input.submitButton:hover { cursor:pointer; }
.form textarea { border:0; height:50px;  width:270px; }
span.errorMessage, span.successMessage { font-size:1.4em; font-weight:bold; position:absolute; bottom:15px; right:15px; }  
span.errorMessage { color:red; }
span.successMessage { color:green; }
.form em { font-style:normal; font-weight:bold; padding:0 5px; }

span.productDesc { font-size:1.6em; font-weight:bold; }
#productDisplay img { 
    float: left;
    height: auto;
    margin-bottom: 1em;
    margin-right: 2em;
    /*width: 250px;*/ }

h3.int { font-size:2em; font-family:Arial, Helvetica, sans-serif; }
.form h3 { color:#BFB58C; font-size:2em; }

.allProducts ul.products li h3 { color:#000; }

a.quoteButton { background:#000; padding:.5em; display:block; text-align:center; font-family: 'TrajanPro-Regular';color: #BFB58C !important; font-size: 1.4em; width:236px;}

.productDetails p { font-size:1.2em; line-height:22px; font-family:Arial, Helvetica, sans-serif; }

span.pSize { float:left; margin-right:3px; background:#000; color:#BFB58C; padding:0 5px;display:block; width:38px; text-align:center; margin-bottom:3px; }

.quoteForm { padding:0; height:0; overflow:hidden; position:absolute; right:0; z-idnex:99999; }
#closeForm { position:absolute; top:8px; right:8px; }

.products .sidebar { width:175px !Important; }
.products .left { width:700px; }
.galleryWrap { margin-left:270px; }

#head { position:relative; }
#head:hover .dropDown { display:block; }
.dropDown  { background:#333333; width:230px !important; padding:5px 0 10px !important; display:none; position:absolute; top:22px; left:8px; z-index:99999;}
.dropDown li { display:block; padding:0;}
.dropDown a { display:block; font-size:12px; padding:.5em 0.75em !important; text-align:left; border-bottom:1px solid #747474; color:#fff; line-height:normal; text-decoration:none;}
.dropDown a:hover { background:#30588a; }

#questionnaire { padding:2em 0; font-family:Arial, Helvetica, sans-serif; }
#questionnaire label { display:block; font-size:16px; font-weight:bold;}
#questionnaire input { margin-bottom:2.5em;  }
#questionnaire .buttons input { margin-bottom:2.5em; margin-left:1em; }
#questionnaire input.first { margin-left:0;}
#questionnaire textarea { margin-bottom:2.5em; width:95%; height:80px; }