tml, body {
background-color:#A2CBA2;
background-position : top 0%;
font: 75% helvetica nueue, "Helvetica", sans-serif;
padding:auto;
margin: auto; 
float:auto;
}

p { font:1.2em "Helvetica", Arial,sans-serif;
	margin-top: 0; 
	text-align: left;
	color: #697467;	
	}
	
h1 { 
	font: 1.3em normal bahamas, century gothic, helvetica nueue, sans-serif;
	letter-spacing: 0.1px; 
	font-weight: bold;
	margin-bottom: 5px; 
	color: #487062; /** #666 */
	}
	
h2{ 
	font: 1.2em normal bahamas, century gothic, helvetica nueue, sans-serif;
	letter-spacing: 0.5px; 
	margin-bottom: 0; 

	}
h3 { 
	font:1.4em century gothic, helvetica nueue, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #7D775C;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #666;
	}

a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #676867;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #676867;
	}
acronym {
	border-bottom: none;
	}

#container {
background-image: url("tag.png");
background-repeat:no-repeat;
margin-right: auto;
margin-left: auto;
padding:auto;
text-align: center;
font-size:10pt;
font-weight:bold;
color: #196194;
width: 863px;
height: 600px;
float:auto;
}

div.banner {
margin:auto;
padding:auto;
text-align: center;
font-size:9pt;
font-weight:bold;
width: 653px;
height: 166px;
float:auto;
}
#logo {
margin-top:90px;
padding:auto;
font: normal 2em bahamas, helvetica nueue, sans-serif;
font-weight:bold;
width: 302px;
height: 38px;
float:left;
}
div.menu {
background-position : top 0%;
margin-top:90px;
padding:auto;
text-align: center;
font-size:9pt;
font-weight:bold;
width: 349px;
height: 38px;
float: left;
}
div.landing{
margin-bottom:10px;
padding:auto;
text-align: center;
width: 800px;
height: 102;
float:left;
}
#landimage{
background-image : url(images/land.png);
margin-top:35px;
text-align: center;
width: 650px;
height: 256px;
float:left
}
#anime{
background-image : url(images/land.png);
width:650px;
height:256px;
float: left;
margin:auto;
}
#anime img {
	display:none;
	position:absolute;}

#info{
margin-top:5px;
margin-bottom:10px;
padding:auto;
text-align: left;
width: 650px;
float:left;
}

.printsample{
padding:10px;
width:240px;
height:140px;
float: left;
margin:auto;
}

div.extract{
padding-left:6px;
padding-right:6px;
text-align: left;
padding:auto;
width: 200px;
height: 120px;
float:left;
border-right:1px solid #BDDBBD;
}
#showcase{
text-align: left;
margin-left:25px;
margin-bottom:5px;
width: 751px;
padding:auto;
float:left;
}
div.intro {
background: url(tad.png) no-repeat top right;
background-position : top 0%;
padding: auto;
text-align: left;
font-size:9pt;
font-weight:bold;
width: 800px;
height: 200px;
float: left;
}
#lead {
background-position : top 0%;
padding-left:30px;
padding-right:5px;
text-align: left;
color:#666;
border-right:1px solid #040454;
font: normal 0.9em bahamas, helvetica nueue, sans-serif;
width: 653px;
height: 50px;
float: left;
}
#content{
padding-left:20px;
width:550px;
height:auto;
float: left;
margin:auto;
border-right:1px solid #040454;
}
.spotlight{
padding-bottom:3px;
width:528px;
height:auto;
float: left;
margin:auto;
border-bottom:1px solid #040454;
}

.sample{
padding:10px;
width:171px;
height:140px;
float: left;
margin:auto;
}

#recent{
padding-left:10px;
width:168px;
height:200px;
float: left;
margin:auto;
border-right:1px solid #040454;
}
#footer{
padding-top:15px;
width:640px;
height:60px;
float: left;
margin-top:30px;
text-align:left;
color:#F4F7E4;
font: normal 1em century gothic, helvetica nueue, sans-serif;
border-top:1px solid #BDDBBD;

}
#contactspg{
background-image: url("contactspg.png");
background-repeat:no-repeat;
padding-left:30px;
margin-left:19px;
width:550px;
height:180px;
float: left;
}

#contactinfo{
margin-left:300px;
margin-top:70px;
width:200px;
height:60px;
float: left;
}

#contactinfo.h4 { 
	font: 1.2em normal bahamas, century gothic, helvetica nueue, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #110900; /** #666 */
	}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: relative;
background-color: lightyellow;
padding: 5px;
left: -1000px;
width: 500px;

border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
width:300px;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left:100; /*position where enlarged image should offset horizontally */

}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 200%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 70%;
	padding: 16px;
	border: 12px solid #A2CBA2;
	background-color: white;
	z-index:1002;
	overflow: auto;
}