@charset "UTF-8";
/* CSS Document */

body {
	font-family: "pragmatica-web",sans-serif;
	margin: 0;
	padding: 0;
	width: 100%;
	border-style:none;
	border: none;
	border: 0;
}
a {
	border-style:none;
}
a img {
    border-style:none;
}

img {
    border-style:none;
	border: none;
	border: 0;
}



#TopBar {
	background-color: #8dac1e;

	position: fixed;
	top:0;
	width: 100%;
	height: 4px;
}

#bodyBG {/* CSS */
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNTE1MTU4Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMWExYTFhIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiMxYTFhMWEiIC8+PHJlY3QgeD0iLTIwLjcxMDclIiB5PSItNDEuNDIxNCUiIHdpZHRoPSIxNDEuNDIxNCUiIGhlaWdodD0iMjgyLjg0MjclIiBmaWxsPSJ1cmwoI2cpIiAvPjwvc3ZnPg==);
background-image: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 540, color-stop(0%, #515158), color-stop(100%, #1a1a1a));
background-image: -webkit-radial-gradient(center bottom, farthest-corner, #515158 0%, #1a1a1a 100%);
background-image: -moz-radial-gradient(center bottom, farthest-corner, #515158 0%, #1a1a1a 100%);
background-image: -ms-radial-gradient(center bottom, farthest-corner, #515158 0%, #1a1a1a 100%);
background-image: -o-radial-gradient(center bottom, farthest-corner, #515158 0%, #1a1a1a 100%);
background-image: radial-gradient(farthest-corner at center bottom, #515158 0%, #1a1a1a 100%);

height: 2800px;
width: 100%;
	


}

#GM {
	margin: 0 auto;
	position: fixed;
	top:4px;
	text-align: center;
	height:180px;
	width: 100%;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNTE1MTU4Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMWExYTFhIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiMxYTFhMWEiIC8+PHJlY3QgeD0iLTIwLjcxMDclIiB5PSItMTQxLjQyMTQlIiB3aWR0aD0iMTQxLjQyMTQlIiBoZWlnaHQ9IjI4Mi44NDI3JSIgZmlsbD0idXJsKCNnKSIgLz48L3N2Zz4=);
background-image: -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 540, color-stop(0%, #515158), color-stop(100%, #1a1a1a));
background-image: -webkit-radial-gradient(center top, farthest-corner, #515158 0%, #1a1a1a 100%);
background-image: -moz-radial-gradient(center top, farthest-corner, #515158 0%, #1a1a1a 100%);
background-image: -ms-radial-gradient(center top, farthest-corner, #515158 0%, #1a1a1a 100%);
background-image: -o-radial-gradient(center top, farthest-corner, #515158 0%, #1a1a1a 100%);
background-image: radial-gradient(farthest-corner at center top, #515158 0%, #1a1a1a 100%);

height: 220px;
width: 100%;
	margin: 0;
	padding: 0;
}

#ColorStrip {
	position: fixed;
	top:170px;
	text-align: center;
	background: url(../images/Color_Strip.png) center;
	height:138px;
	width: 100%;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

#SamplesNav {
	position: fixed;
	top:300px;
	width: 100%;
	text-shadow: 1px 1px 2px #000;;
	}
	
	
#SamplesArea {
	margin-top: 265px;
	width: 100%;
	}
	
	
.SampleTitleArea {
	color:#333;
	border:0px;
    -moz-transform:rotate(-270deg); 
    -moz-transform-origin: bottom left;
    -webkit-transform: rotate(-270deg);
    -webkit-transform-origin: bottom left;
    -o-transform: rotate(-270deg);
    -o-transform-origin:  bottom left;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

	font-family: "pragmatica-web",sans-serif;
	font-size:24px;
	font-weight:normal;
	text-shadow: 0px 0px 1px #333;
}

.Intro {
	font-size: 17px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: 100;
	text-align: left;
	width: 687;
	line-height: 24px;
	text-shadow: 2px 2px 2px #000;
	vertical-align: middle; 

}
.scroll {
	font-size: 13px;
	color: #808285;
font-style: normal;
font-weight: 100;
	text-align: center;
	width: 100%;
	letter-spacing: .1em;
}
a.scroll {
	font-size: 13px;
	color: #808285;
font-style: normal;
font-weight: 100;
	text-align: center;
	width: 100%;
	letter-spacing: .1em;
	text-decoration: none;
}
a:hover.scroll {
	font-size: 13px;
	color: #8dac1e;
font-style: normal;
font-weight: 100;
	text-align: center;
	width: 100%;
	letter-spacing: .1em;
	text-decoration: none;
}


#FooterBar {
	margin: 0 auto;
	position: fixed;
	bottom:0;
	text-align: center;
	background: url(../images/footer_BG.png) repeat-x 0;
	height:125px;
	width: 100%;
}

.copy {
	font-size: 12px;
	color: #808285;
font-style: normal;
font-weight: 100;
	text-align: center;
}

 
	  
	  
/*
	DROP SHADOWS
*/


.quotesBox {
    width:674px;
	height: 111px;
        }	 
		
.Quote {
	font-family: "pragmatica-web",sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 100;
	color: #808285;
	text-align: left;
}
.QuoteAuthor {
	font-family: "pragmatica-web",sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: 100;
	color: #808285;
	text-align: right;
}
	
	
	
	/*
	CONTACT SLIDER
*/
.slide-out-div {
          width: 521px;
		  height: 138px;
		  background-image: url(../images/Slide_out_BG.png) ;
      }
	 
.Contact {
	font-size: 14px;
	line-height: 12px;
	color: #FFFFFF;
	font-style: normal;
	text-align: right;
	text-shadow: black 1px 1px 1px;
	vertical-align: middle;
	text-decoration: none; 

}
a.Contact {
	font-size: 14px;
	line-height: 12px;
	color: #FFFFFF;
	font-style: normal;
	text-align: right;
	text-shadow: black 1px 1px 1px;
	vertical-align: middle;
	text-decoration: none; 

}

a:hover.Contact {
	font-size: 14px;
	line-height: 12px;
	color: #8dac1e;
	font-style: normal;
	text-align: left;
	text-shadow: black 1px 1px 1px;
	vertical-align: middle; 
	text-decoration: none;
}
	  
input, textarea {
	font-family: "pragmatica-web",sans-serif; 
	padding: 1px;
	border: solid 1px #8dac1e;
	outline: 0;
	font-size: 12px;
	width: 150px;
	background: #FFFFFF;
	
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	}

.form label { 
	margin-right: 4px; 
	color: #FFFFFF; 
	}
 
.submit input {
	font-family: "pragmatica-web",sans-serif;
	width: auto;
	padding: 1px 16px;
	background: #8dac1e;
	border: 0;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	text-shadow: black 1px 1px 1px;
	
	}


.asterisk {
	font-size: 15px;
	color: #8dac1e;
	font-weight: bold;
	text-shadow: black 1px 1px 1px;
}