@charset "UTF-8";
#wrapper {
	background-color: #FFF;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 50px;
	font-family: Verdana, Geneva, sans-serif;
}

/*
*	set selector defaults
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #FFF;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	text-align:left;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 14px;
	text-align:left;
}
p.oneColumnLarge {
	color: #000000;
	font-size: 18px;
	line-height: 22px;
	text-align:left;
	padding-bottom:20px;
}

h1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 50px;
	/* [disabled]line-height: 32px; */
	font-weight: bold;
	color: #6D8D23;
	display: block;
	letter-spacing: -2px;
	padding-bottom:35px;
}

h1.CTA {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 30px;
	line-height: 32px;
	font-weight: bold;
	color: #FFF;
	display: block;
	padding-top:18px;
	letter-spacing: 1px;
}

h1.graphic-head {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 36px;
	line-height: 36px;
	font-weight: bold;
	color: #000;
	display: block;
	padding-top:25px;
	letter-spacing: 0px;
	padding-left:25px;
}


h2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 17px;
	line-height: 20px;
	/* [disabled]font-weight: bold; */
	color: #000;
	display: block;
	padding-bottom:17px;
}

h2.pictures {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 25px;
	/* [disabled]line-height: 32px; */
	font-weight: bold;
	color: #6D8D23;
	display: block;
	letter-spacing: -2px;
	padding-top:30px;
	padding-bottom:15px;
	clear:both;
}


h2.graphic-subhead {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight:normal;
	color: #000;
	display: block;
	padding-top:2px;
	letter-spacing: 1px;
	padding-left:25px;
}
h2.vinyl-head {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #FFF;
	display: block;
	letter-spacing: 0px;
	padding-top:10px;
	padding-left:40px;
}
h3 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #000;
	display: block;
	padding-bottom:14px;

}
h3.threeColumnBrown {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #795200;
	display: block;
	padding-top:4px;
	padding-left:76px;

}
h3.oneColumnBrown {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #795200;
	display: block;
	padding-top:10px;
	padding-bottom:0px;

}

h4 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	line-height: 16px;
	font-weight: bold;
	color: #FFF;
	display: block;
}

.main-content article .gallery li {
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
}

.gallery-images

{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 142px;
	height: 95px;
}


.vinyl-image-selections

{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 178px;
	height: 98px;
}


/*
*	color palette
*/

.green {
	color: #6d8d23;
	font-family: Verdana, Geneva, sans-serif;
}

.white {
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
}

.black {
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
}

.brown {
	color: #795200;
	font-family: Verdana, Geneva, sans-serif;
}



/*
*	Primary Navigation bar setup
*/
ul.cssnavbar {
	list-style: none;
	padding: 0px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssnavbar li {
	float: left;
	}

ul.cssnavbar li a {
	display: block;
	width: 140px;
	height: 38px;
	background-image: url(../images/Acorn-Deck-Accessories-Navigation.png);
	}


/*
*	footer Navigation bar setup
*/
ul.universal-footer-navigation {
	list-style: none;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	}


ul.universal-footer-navigation li {
	float: left;
	}

ul.universal-footer-navigation li a {
	display: block;
	width:auto;
	padding: 10px;
	color: #6d8d23;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	}



/*
*	Normal Links
*/
ul.cssnavbar li.aboutus a {
	background-position: 0 0;
	}

ul.cssnavbar li.designfeatures a {
	background-position: -140px 0;
	}

ul.cssnavbar li.pictures a {
	background-position: -280px 0;
	}
	
ul.cssnavbar li.colorselections a {
	background-position: -420px 0;
	}	

ul.cssnavbar li.pricing a {
	background-position: -560px 0;
	}	
		
ul.cssnavbar li.contactus a {
	background-position: -700px 0;
	}	
	
ul.cssnavbar li.FAQs a {
	background-position: -840px 0;
	}			

/*
*	Hover Links
*/
ul.cssnavbar li.aboutus a:hover {
	background-position: 0 -38px;
	}

ul.cssnavbar li.designfeatures a:hover {
	background-position: -140px -38px;
	}

ul.cssnavbar li.pictures a:hover {
	background-position: -280px -38px;
	}
	
ul.cssnavbar li.colorselections a:hover {
	background-position: -420px -38px;
	}	

ul.cssnavbar li.pricing a:hover {
	background-position: -560px -38px;
	}	
		
ul.cssnavbar li.contactus a:hover {
	background-position: -700px -38px;
	}	
	
ul.cssnavbar li.FAQs a:hover {
	background-position: -840px -38px;
	}	

	
/*
*	Clicked Links
*/
ul.cssnavbar li.aboutus a:active {
	background-position: 0 -76px;
	}

ul.cssnavbar li.designfeatures a:active {
	background-position: -140px -76px;
	}

ul.cssnavbar li.pictures a:active {
	background-position: -280px -76px;
	}
	
ul.cssnavbar li.colorselections a:active {
	background-position: -420px -76px;
	}	

ul.cssnavbar li.pricing a:active {
	background-position: -560px -76px;
	}	
		
ul.cssnavbar li.contactus a:active {
	background-position: -700px -76px;
	}	
	
ul.cssnavbar li.FAQs a:active {
	background-position: -840px -76px;
	}	

	
/*
*	Selected/Active Links
*/


ul.cssnavbar li.aboutus a:selected {
	background-position: 0 -114px;
	}

ul.cssnavbar li.designfeatures a:selected {
	background-position: -140px -114px;
	}

ul.cssnavbar li.pictures a:selected {
	background-position: -280px -114px;
	}
	
ul.cssnavbar li.colorselections a:selected {
	background-position: -420px -114px;
	}	

ul.cssnavbar li.pricing a:selected {
	background-position: -560px -114px;
	}	
		
ul.cssnavbar li.contactus a:selected {
	background-position: -700px -114px;
	}	
	
ul.cssnavbar li.FAQs a:selected {
	background-position: -840px -114px;
	}	

/*
*	Content Layout Blocks
*/


#heroSlideShow {
	width:980px;
	height:500px;
	background:#FFF;
	display:block;
	padding:0px;
	margin:0px;
}
#heroCopy {
	width:980px;
	/* [disabled]height:500px; */
	background:#FFF;
	display:block;
	padding:40px 0px;
	margin:0px;
}



.hero {
	/* [disabled]background-color: #99af65; */
	/* [disabled]clear: both; */
	display: block;
	margin: 0;
	height: 950px;
	width: 980px;
}
.heroText {
	/* [disabled]min-height:300px; */
	text-align:left;
	/* [disabled]float:left; */
	display: block;
	padding-right: 25px;
	padding-left: 5px;
	/* [disabled]padding-top: 25px; */
	/* [disabled]height: 300px; */
	width: 530px;
	/* [disabled]clear: left; */
}
.heroPix {
	float:left;
	height: 250px;
	width: 350px;
	padding-top:25px;
}

.heroCTA {
	background-color: #6d8d23;
	/* [disabled]clear: both; */
	display: block;
	margin: 0;
	height: 150px;
	width: 350px;
	float: right;
	text-align: center;
	padding-top: 10px;
}
.heroCTA-call {
	/* [disabled]float:left; */
	padding-left:25px;
	padding-right:40px;
}

.heroCTA-click {
	background-color:#FFF;
	/* [disabled]float:left; */
	padding-top:12px;
	min-height:25px;
	width:320px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-align:center;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 0px;
	margin-top:15px;
}

.howitworks {
	clear: both;
	display: block;
	margin: 0;
	height: 570px;
	width: 980px;
}

.threeColumnContainer {
	clear:both;
	display: block;
	width: 980px;
}
.threeColumnContent {
	float:left;
	display: block;
	width: 265px;
	padding-left:50px;
	margin-top:50px;
	font-family: Verdana, Geneva, sans-serif;
}
.threeColumnGraphic {
	float:left;
	display: block;
	width: 265px;
	padding-left:50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.clear {
	clear:both;
}

.no-vertical-padding {
	padding-bottom:0px;
	padding-bottom:0px;
}

.main-content {
	clear: both;
	display: block;
	padding-top:25px;
	padding-bottom:25px;
	width: 900px;
}

ul.acorn-icon {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	color: #000;
	list-style-position: outside;
	list-style-image: url(../images/Acorn-icon.png);
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 45px;
	}

li.acorn-icon {
	padding-bottom: 15px;
	
	}	


.gallery {
	clear: both;
	display: block;
	margin: 0;
	width: 980px;
}


.vinyl-color-selections {
	clear: both;
	display: block;
	margin: 0;
	width: 980px;
	
}


.vinyl-color-swatches {
	float:left;
	display: block;
	padding-left:10px;
	width: 178px;
	height:125px;
	color: #795200;
	font-family: Verdana, Geneva, sans-serif;
	text-align:left;
	margin:0px;
}




/*
*	home page vinyl options grid
*/

.vinyl-options-chart {
	display: block;
	clear: both;
	background-color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	height:70px;
	width:980px;
}

.vinyl-systems {
	display: block;
	float:left;
	background-color: #6D8D23;
	height:35px;
	margin-top:35px;
	width:560px;
}

.vinyl-selections {
	display: block;
	float:left;
	color: 6D8D23;
	height:70px;
	width:140px;
}

.vinyl-choices {
	display: block;
	float:left;
	background-color: #FFF;
	color: #6D8D23;
	height:30px;
	width:140px;
	list-style: none;
	text-align:center;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	letter-spacing: 0px;
	padding-top:5px;
}

.vinyl-options {
	display: block;
	float:left;
	background-color: #6D8D23;
	color: #FFF;
	height:28px;
	width:140px;
	list-style: none;
	text-align:center;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	letter-spacing: 0px;
	padding-top:7px;
}



/*
*	General Acorn Styling Elements
*/

		
.universal-header {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: 6D8D23;
	background-color: #FFF;
	display: block;
	height:108px;
	width:980px;
	padding:0px;
	margin:0;
	min-height: 108px;
}


.primary-home {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 70px;
	width: 210px;
	border:0px;
	float:left;
}

.primary-contact-info {
	display: block;
	margin: 1px;
	padding:1px;
	height: 16px;
	text-align:right;
	float:right;
	color: #6d8d23;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
}
.primary-tagline {
	display:inline-block;
	margin:1px;
	padding-top:14px;
	padding-bottom:5px;
	font-size: 18px;
	height: 25px;
	text-align:right;
	float:right;
	color: #6d8d23;
	font-family: Verdana, Geneva, sans-serif;
	width:auto;
	min-width:600px;
}

.primary-navigation {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 38px;
	width: 980px;
	clear:both;
}

#universal-footer {
	display: block;
	height:auto;
	padding-top:50px;
	padding-bottom:10px;
	margin:0;
	clear:both;
}

.universal-footer-sitemap {
	display: block;
	margin: 0px;
	height:auto;
	min-height:20px;
	text-align:center;
	font-size: 12px;
	line-height:14px;
	font-style: normal;
	font-weight: normal;
	color: #6D8D23;
}

#universal-copyright {
	font-size: 12px;
	font-weight: normal;
	line-height:14px;
	clear:both;
	display: block;
	height:90px;
	text-align:center;
}


#wrapper #universal-copyright a, .primary-navigation-contact-info a, .introduction a, .hero-graphic-cutline a {
	font-weight: bold;
	color: #6d8d23;
	text-decoration: underline;
}

#wrapper #universal-copyright a:hover, .primary-navigation-contact-info a:hover, .introduction a:hover, .hero-graphic-cutline a:hover {
	font-weight: bold;
	color: #6d8d23;
	text-decoration: underline;
	background-color:#CCC;
}

#wrapper #universal-copyright a:active, .primary-navigation-contact-info a:active, .introduction a:active, .hero-graphic-cutline a:active {
	font-weight: bold;
	color: #666;
	text-decoration: underline;
}

#wrapper #universal-copyright a:selected, .primary-navigation-contact-info a:selected, .introduction a:selected, .hero-graphic-cutline a:selected {
	font-weight: bold;
	color: #6d8d23;
	text-decoration: underline;
}

.heroCTA-click a {
	font-weight: bold;
	color: #795200;
	text-decoration: none;
	background-color:#FFF;

}

.heroCTA-click a:hover {
	font-weight: bold;
	color: #795200;
	text-decoration: underline;
	background-color:#CCC;
}

.heroCTA-click a:active {
	font-weight: bold;
	color: #795200;
	text-decoration: underline;
	background-color:#CCC;
}

.heroCTA-click a:selected {
	font-weight: bold;
	color: #795200;
	text-decoration: underline;
	background-color:#FFF;
}