@charset "UTF-8";
/* CSS Document */
* { margin: 0; padding: 0; }
body {margin:0px; padding:0px; text-align:center; background:#ffffff; text-align:center; font:11px Arial, Helvetica, Verdana, sans-serif; line-height:16px; color:#2a2b39;}
a {text-decoration:none;}
a:link {color:#000000;}
a:visited {color:#000000;}
a:hover {color:#7c6346;}
a:active {color:#7c6346;}
h1, h2, h3, h4, p {margin:0px; padding:0px;}
img {border:0px;}
ul, li {list-style-type:none;}

#container {position:relative; width:1080px; height:auto; margin:66px auto; padding:0px; text-align:center;}

	#header {position:relative; width:1000px; height:51px; margin:0px auto 50px auto; padding:0px; text-align:center;}
		#about {position:relative; width:280px; height:20px; margin:20px 0px 0px 0px; padding:0px; float:left; text-align:center; left:40px; color:#7c6346;}
		#contact {position:relative; width:280px; height:20px; margin:20px 0px 0px 0px; padding:0px; float:right; text-align:center; right:40px; color:#7c6346;}
	
	#samples {}
	
	#text {position:relative; width:700px; height:auto; left:20px; margin:0px auto 0px auto; padding:0px; color:#71767b; font-size:11px; line-height:19px; text-align:justify;}
	@media print {#text {overflow:visible; height:auto;}}
	
	#copyright {position:relative; width:1000px; height:auto; margin:50px 0px 0px 0px; padding:0px; color:#999; font-size:9px; text-align:right; right:0px;}
	
.red {color:#cd2b2d;}



/*#samples {position:relative; width:1000px; height:420px; margin:74px 0px 0px 0px; padding:0px; overflow:auto; clear:both;}

#samples ul {position:absolute; height:420px; top:0; left:0; margin:0; list-style:none;}

#samples ul li {width:1000px; height:420px; padding:0; margin:0; display:block; float:left;}*/

.sampleContainer {display:block; margin:0; width:280px; height:200px; background-image:none;}

.sampleType {padding:25px 30px; position:absolute; z-index:50; width:220px; height:120px; left:10px; text-align:left; opacity:0; filter:alpha(opacity=0);}

.sampleType h3 {padding-bottom:8px; color:#7c6346; font-weight:bold; font-size:10px; text-shadow:#fff 1px 1px 1px; text-transform:uppercase; letter-spacing:1px;}

.sampleType p {color:#666; font:11px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow:#fff 1px 1px 1px;}

.sampleBg {display:block; height:200px; width:280px; background-repeat:no-repeat; background-position:center;}

div.item {width:280px; height:200px; position:relative; float:left; display:inline-block; background-image:url(images/shadowBg.png); margin-right:10px; margin-left:10px; margin-bottom:10px; padding:10px;}

	.item:hover span.sampleBg {opacity:0;filter:alpha(opacity=0);}
	.item:hover span.sampleType {opacity:100;filter:alpha(opacity=100);}

div.options {position:absolute; bottom:20px; left:30px; width:150px; height:20px;}

div.options a{background-position:top; color:#7c6346; font-weight:bold; font-size:10px; text-shadow:#fff 1px 1px 1px; text-transform:uppercase;}

div.options a:hover{background-position:bottom;}

div.options a.zoom {width:70px; height:20px; text-indent:-9999px; display:block; background:url(images/viewLarger.png) center top; float:left;}

div.options a:hover.zoom {width:70px; height:20px; text-indent:-9999px; display:block; background:url(images/viewLarger.png) center bottom;}

div.options a.visit-site {width:70px; height:20px; text-indent:-9999px; display:block; background:url(images/visitWebsite.png) center top; margin-left:10px; float:right;}

div.options a:hover.visit-site {width:70px; height:20px; text-indent:-9999px; display:block; background:url(images/visitWebsite.png) center bottom;}

div.options a.pdf {width:53px; height:20px; text-indent:-9999px; display:block; background:url(images/viewPDF.png) center top; margin-left:10px; float:right; margin-right:17px;}

div.options a:hover.pdf {width:53px; height:20px; text-indent:-9999px; display:block; background:url(images/viewPDF.png) center bottom;}