@charset "UTF-8";


/*
*	set basic body styles and background color
*/

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

/*
*	set wrapper for content - background and center floating
*/

#wrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #111111;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 50px;
}

/*
*	set primary font styles
*/

h1 {
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #FFF;
	display: block;
	padding-bottom:25px;
	margin: 0px;
}

h2 {
	font-size: 18px;
	line-height: 24px;
	font-weight:normal;
	color: #FFF;
	display: block;
	padding: 0px;
	margin: 0px;
}

h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color: #FFF;
	display: block;
	padding: 0px;
	margin: 0px;
}

h4 {
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	color: #FFF;
	display: block;
	padding: 0px;
	margin: 0px;
}

h5 {
	font-size: 14px;
	line-height: 24px;
	font-style:normal;
	font-weight:normal;
	color: #FFF;
	display:inline-block;
	padding-top:5px;
	padding-bottom:8px;
	margin: 0px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	font-style: normal;
	line-height: 24px;
	text-align:left;
	margin: 0px;
	padding-bottom: 25px;
}

.nospace {
	padding-bottom: 0px;
}


.twoColumnContainer li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	text-align:left;
	list-style:outside;
	margin-left:18px;
}

.twoColumnContainer ul {
	padding-bottom: 25px;
	padding-top: 10px;
}


/*
*	color palette
*/

.black {
	color: #111111;
}
.white {
	color: #FFF;
}
.gold {
	color: #C49F70;
}
.silver {
	color: #b9b9b9;
}
.tan {
	color: #beb8ae;
}
.sand {
	color: #bfb8ae;
}


/*
*	Yerke custom link colors
*/

	
a {
	color: #b9b9b9;
}

a:hover {
	color: #111111;
	text-decoration: underline;
	background-color:#CCC;
}

a:active {
	color: #FFF200;
}

a:selected {
	color: #beb8ae;
}

a:hover img {
	text-decoration: none;
	border:0px;
	background-color:#0B5828;
}


/*
*	Content Layout Blocks
*/

.header {
	background-color: #0B5828;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color: #FFF;
	clear: both;
	display: block;
	margin: 0px;
	height: 90px;
	width: 855px;
	padding-left: 45px;
}

.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;
}

.hero {
	background-color: #111111;
	clear: both;
	display: block;
	margin: 0px;
	height: 300px;
	width: 900px;
}

.primary-navigation {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 900px;
	clear:both;
	background-color:#111111;
}
.topContactInfo {
	display:inline-block;
	text-align:right;
	width:400px;
	padding-right:10px;
	height:20px;
}

.primary-contact-info {
	height: 26px;
	min-width:545px;
	width: 545px;
	font-size: 14px;
	line-height: 24px;
	font-style:normal;
	font-weight:normal;
	color: #b9b9b9;
	display:inline-block;
	padding-top:5px;
	padding-bottom:0px;
}
.primary-tagline {
	display:inline-block;
	padding-top:8px;
	padding-bottom:0px;
	font-size: 18px;
	height: 35px;
	width:550;
	min-width:550px;
	float:left;
}



.twoColumnContainer {
	clear:both;
	display: block;
	width: 900px;
	margin:0px;
}
.twoColumnContentLeft {
	float:left;
	display: block;
	width: 515px;
	padding-left:45px;
}
.twoColumnContentRight {
	float:left;
	display: block;
	width: 305px;
	padding-left:35px;
}
.rightHeaderContainer {
	float:right;
	display: inline-block;
	width: 570px;
	margin:0px;
	padding:0px;
}



.rightCTAContainer {
	float:right;
	display: block;
	width: 570px;
	margin:0px;
	padding-top:26px;
}

.clear {
	clear:both;
}
.clear30 {
	clear:both;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	min-height:30px;
	width: 900px;
	background-color:#111111;
}
.clear30Sidebar {
	clear:both;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	min-height:30px;
}
.clear15 {
	clear:both;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 15px;
	min-height:15px;
	width: 900px;
	background-color:#111111;
	line-height: 12px;
	text-align:left;
	margin: 0px;
}
.fl {
	float:left;
}
.fr {
	float:right;
}

.logoCTA {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 90px;
	width: 855px;
	padding-left: 45px;
	clear:both;
	background-color:#111111;
}


#universal-footer {
	background-color: #0B5828;
	font-size: 10px;
	line-height: 22px;
	font-weight: normal;
	text-align: center;
	color: #b9b9b9;
	clear: both;
	display: block;
	margin: 0px;
	height: 200px;
	min-height: 200px;
	width: 855px;
	padding-left: 45px;
}

.universal-footer-sitemap {
	display: block;
	padding-top:30px;
	margin: 0px;
	height:auto;
	min-height:22px;
	text-align:center;
	font-size: 12px;
	line-height:14px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
}

.universal-footer-text {
	display: block;
	padding-top:30px;
	padding-bottom:30px;
	margin: 0px;
	height:auto;
	min-height:22px;
	text-align:center;
	font-size: 10px;
	line-height:14px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
}


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

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

ul.universal-footer-navigation li a {
	list-style: none;
	display: block;
	width:auto;
	padding: 8px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 10px;
	font-style: normal;
	font-weight: normal;
	}






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

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

ul.cssnavbar li {
	float: left;
	}

ul.cssnavbar li a {
	display: block;
	width: 180px;
	height: 35px;
	background-image: url(../images/yerke-floors-navigtation-bar.png);
	}


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

ul.cssnavbar li.flooring-services a {
	background-position: -180px 0;
	}

ul.cssnavbar li.dustless-sanding a {
	background-position: -360px 0;
	}
	
ul.cssnavbar li.flooring-gallery a {
	background-position: -540px 0;
	}	

ul.cssnavbar li.flooring-faqs a {
	background-position: -720px 0;
	}	
			

/*
*	Hover Links
*/
ul.cssnavbar li.about-yerke-floors a:hover {
	background-position: 0 -35px;
	}

ul.cssnavbar li.flooring-services a:hover {
	background-position: -180px -35px;
	}

ul.cssnavbar li.dustless-sanding a:hover {
	background-position: -360px -35px;
	}
	
ul.cssnavbar li.flooring-gallery a:hover {
	background-position: -540px -35px;
	}	

ul.cssnavbar li.flooring-faqs a:hover {
	background-position: -720px -35px;
	}	

	
/*
*	Clicked Links
*/
ul.cssnavbar li.about-yerke-floors a:active {
	background-position: 0 -70px;
	}

ul.cssnavbar li.flooring-services a:active {
	background-position: -180px -70px;
	}

ul.cssnavbar li.dustless-sanding a:active {
	background-position: -360px -70px;
	}
	
ul.cssnavbar li.flooring-gallery a:active {
	background-position: -540px -70px;
	}	

ul.cssnavbar li.flooring-faqs a:active {
	background-position: -720px -70px;
	}	
	
/*
*	Selected/Active Links
*/
ul.cssnavbar li.about-yerke-floors a.selected {
	background-position: 0 -105px;
	}

ul.cssnavbar li.flooring-services a.selected {
	background-position: -180px -105px;
	}

ul.cssnavbar li.dustless-sanding a.selected {
	background-position: -360px -105px;
	}
	
ul.cssnavbar li.flooring-gallery a.selected {
	background-position: -540px -105px;
	}	

ul.cssnavbar li.flooring-faqs a.selected {
	background-position: -720px -105px;
	}	


/*
*	flooring gallery setup
*/

.oneColumm {
	float:left;
	display: block;
	width: 800px;
	padding-left:45px;
}

.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;
}