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

body{
	font-family: Verdana, Geneva, sans-serif ;
	xfont-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:17px;
	color:#212121;
	text-align:left;
}
img {
	border:none
}
.intro{
	font-size:110%;
	line-height:21px;
}

div.wrapper {
	padding-top:0px;
	width : 770px;
	text-align : left;
	xxmargin-left : auto;
	xxmargin-right : auto;
	margin-left : 0px;
	xxxmargin-right : 20px;
	position : relative;
	font-weight: normal;
}

div.wrapper2 {
	padding-top:0px;
	width : 770px;
	text-align : left;
	xxmargin-left : auto;
	xxmargin-right : auto;
	margin-left : 0px;
	position : relative;
	font-weight: normal;
}

p{
	margin:3px 0 10px 0;
}

#content-wrapper{
	float:left;
	margin:18px 0 0 80px;
	width : 675px ;
	
}

ul {
	margin:1px 2px 16px 0;
}


li{
	margin:0px 0 6px 0;
	padding:0;
}

div.header-wrapper {
width : 836px ;
height: 450px;
margin-bottom:5px
}
div.header-wrapper2 {
width : 100% ;
height: 240px;
margin-bottom:5px
}



xxa:link    { color: #bd2c22;  text-decoration:none; }    /* unvisited links */
xxa:visited { color: #bd2c22; text-decoration:none; }   /* visited links   */
xxa:hover   { color:#ee2b2b; text-decoration:underline } /* user hovers     */
xxa:active  { color: #bd2c22 }   /* active links    */

span{
	text-decoration:none;
}
.subhead1{
	font-family: Verdana, Geneva, sans-serif ;
	font-size:17px;
	xfont-weight:bold;
	line-height:20px;
	xcolor:#ff6600;
	margin-top:15px;
	margin-bottom:2px;
}
.subhead2{
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:17px;
	color:#333333;
	margin-top:8px;
	margin-bottom:3px;
}

h2{
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	color:#ff6600;
	margin-top:4px;
	margin-bottom:2px;
}

.arrowlist ul{
	margin:0;
   list-style-type: none;
	padding-left:22px;
}
.arrowlist li {
  list-style-image: none;
   background-image: url(images/arrow-bullet.png);
   background-repeat: no-repeat;
   background-position: left top;
   padding-left : 15px;
   margin-top:8px;
   margin-bottom:8px;
   }

#logo-link-right{
  display: block;
	float: right; 
	width: 146px; 
	height: 53px; 

}

.toplink{
	font-size:10px; 
	color:#f06000; 
}

a.toplink:link	{ color: #f06000; }
a.toplink:visited	{ color: #f06000;  }
a.toplink:active	{ color: #f06000 }
a.toplink:hover	{ color: #ff6600; text-decoration: none }



}
#pictures{
	float: left; 
	width: 906px; 
	height: 328px;
	xmargin-top:19px; 
	background-image:url(images/main-pic-1.jpg);
	background-repeat:no-repeat;
}



.smalltext{
	font-family:Arial, sans-serif;
	font-size:10px;
	line-height:12px;
	color:#333333;
	text-align:left;
	margin:0 0 5px 0;
}

#footer-wrapper{
	margin:0;
	width : 763px ;
	padding-top:26px
}

#logo-wrapper{
	margin:0;
	width : 696px ;
	padding:26px 8px 13px 80px;
	text-align:left;
}


#footnotes{
	border-top:#ff6600 solid 3px;
	padding:12px 0 26px 0;
}

#cfooter{
	clear:left;
	text-align:center;
	font-size:9px;
	line-height:11px;
	padding:4px;
	color:#B3B3B3;
	border-top:#D9D9D9 solid 1px;
	margin-left:80px
}

#cfooter a:link, 
#cfooter a:visited{
	color:#A6A6A6;
}  
#cfooter a:hover {
	color:#ff0000;
} 

.drop{
    display:block;
    float:left;
    width:89px;
    height:63px;
    margin-top:0px;
    padding-right:3px;
    text-indent: -9000px;
    }
.qr{
    background: url(images/drop-cap-QR.png) 0 0 no-repeat;
    }


#return-btn{
  display: block;
  width: 141px;
  height: 35px;
  background: url("images/back_to_samples_BTN.png") no-repeat 0 0;
}
#return-btn:hover
{ 
  background-position: 0 -35px;
}


/*******************      sample images      ****************/

#samp-table td{
	padding:1px 5px 10px 8px;
}


.etmg1-samp{
  display: block;
  width: 216px;
  height: 216px;
  text-decoration:none;
  background: url("images/samples/QR-02.jpg") no-repeat 0 0;
}

.etmg2-samp{
  display: block;
  width: 216px;
  height: 216px;
  text-decoration:none;
  background: url("images/samples/QR-29.jpg") no-repeat 0 0;
}

.frog-samp{
  display: block;
  width: 216px;
  height: 216px;
  text-decoration:none;
  background: url("images/samples/QR-03.jpg") no-repeat 0 0;
}

.starfish-samp{
  display: block;
  width: 216px;
  height: 216px;
  text-decoration:none;
  background: url("images/samples/QR-04.jpg") no-repeat 0 0;
}

.berries-samp{
  display: block;
  width: 216px;
  height: 216px;
  text-decoration:none;
  background: url("images/samples/QR-05.jpg") no-repeat 0 0;
}

.parrots-samp{
  display: block;
  width: 216px;
  height: 216px;
  text-decoration:none;
  background: url("images/samples/QR-06.jpg") no-repeat 0 0;
}

.huts-samp{
  display: block;
  width: 216px;
  height: 216px;
  text-decoration:none;
  background: url("images/samples/QR-07.jpg") no-repeat 0 0;
}

.coast-samp{
  display: block;
  width: 216px;
  height: 216px;
  text-decoration:none;
  background: url("images/samples/QR-08.jpg") no-repeat 0 0;
}
.umbrella-samp{
  display: block;
  width: 216px;
  height: 216px;
  text-decoration:none;
  background: url("images/samples/QR-09.jpg") no-repeat 0 0;
}
.path-samp{
  display: block;
  width: 216px;
  height: 216px;
  text-decoration:none;
  background: url("images/samples/QR-10.jpg") no-repeat 0 0;
}
.fish-samp{
  display: block;
  width: 216px;
  height: 216px;
  text-decoration:none;
  background: url("images/samples/QR-11.jpg") no-repeat 0 0;
}
.balloons-samp{
  display: block;
  width: 216px;
  height: 216px;
  text-decoration:none;
  background: url("images/samples/QR-12.jpg") no-repeat 0 0;
}
.flower-samp{
  display: block;
  width: 216px;
  height: 216px;
  text-decoration:none;
  background: url("images/samples/QR-13.jpg") no-repeat 0 0;
}
.sunflowers-samp{
  display: block;
  width: 216px;
  height: 216px;
  text-decoration:none;
  background: url("images/samples/QR-14.jpg") no-repeat 0 0;
}
.bamboo-samp{
  display: block;
  width: 216px;
  height: 216px;
  text-decoration:none;
  background: url("images/samples/QR-15.jpg") no-repeat 0 0;
}
.wave-samp{
  display: block;
  width: 216px;
  height: 216px;
  text-decoration:none;
  background: url("images/samples/QR-16.jpg") no-repeat 0 0;
}
.sunflower-samp{
  display: block;
  width: 216px;
  height: 216px;
  text-decoration:none;
  background: url("images/samples/QR-17.jpg") no-repeat 0 0;
}
.grassy-samp{
  display: block;
  width: 216px;
  height: 216px;
  text-decoration:none;
  background: url("images/samples/QR-18.jpg") no-repeat 0 0;
}




.etmg1-samp:hover, .etmg2-samp:hover, .frog-samp:hover, .starfish-samp:hover, .berries-samp:hover,  .parrots-samp:hover, .huts-samp:hover,
.coast-samp:hover, .umbrella-samp:hover, .path-samp:hover, .fish-samp:hover,  .balloons-samp:hover, .flower-samp:hover, .sunflowers-samp:hover, 
.bamboo-samp:hover, .wave-samp:hover, .sunflower-samp:hover, .grassy-samp:hover
{ 
  background-position: 0 -216px;
  text-decoration:none;
  border:none;
}

	

/*******************      nav butttons      ****************/

#nav-wrapper{
	width:690x;
	height:26px;
	float:left;
	margin:0 0px 0 72px; 
	border-bottom:#D9D9D9 solid 1px; 
	border-top:#D9D9D9 solid 1px;}


.nav-item{
	float: left; 
	top: 0px; 
	height: 26px; 
	border:0
	}
	
#home-nav{
  display: block;
  width: 67px;
  height: 26px;
  background: url("images/nav/NAV-QR_home.png") no-repeat 0 0;
  background-size: 67px auto;
}
#home-nav:hover
{ 
  background-position: 0 -26px;
}

#best-practices-nav{
  display: block;
  width: 177px;
  height: 26px;
  background: url("images/nav/NAV-QR_best-practice.png") no-repeat 0 0;
  background-size: 177px auto;
}
#best-practices-nav:hover
{ 
  background-position: 0 -26px;
}

#incorporate-nav{
  display: block;
  width: 253px;
  height: 26px;
  background: url("images/nav/NAV-QR_incorporate.png") no-repeat 0 0;
  background-size: 253px auto;
}

#incorporate-nav:hover
{ 
  background-position: 0 -26px;
}

#faq-nav{
  display: block;
  width: 95px;
  height: 26px;
  background: url("images/nav/NAV-QR_faq.png") no-repeat 0 0;
  background-size: 95px auto;
}
#faq-nav:hover
{ 
  background-position: 0 -26px;
}

#gallery-nav{
  display: block;
  width: 94px;
  height: 26px;
  background: url("images/nav/NAV-QR_gallery.png") no-repeat 0 0;
  background-size: 94px auto;
}
#gallery-nav:hover
{ 
  background-position: 0 -26px;
}