@import "menu.css";
/* used to hide email from bot spiders */
span.displaynone { display:none; }

img 
{
 border-style: none;
}

a 
{
 border-style: none;
}

div 
{
	border-style: none;
}

a:link 
{
 text-decoration: none;
 color: #6D3030;
}

a:visited 
{
 text-decoration: none;
 color: #6D3030;
}

a:active 
{
 text-decoration: none;
 color: #6D3030;
}

.content-items a:link{
	color: #420000;
}

.content-items a:visited{
	color: #420000;
}

.content-items a:active{
	color: #420000;
}

.content-items a:hover{
	color:#354F00;
}

.page-body 
{
 background-image: url(../images/bkg_pages.jpg);
 width: 803px;
 height: 601px;
 background-repeat: no-repeat;
 position: relative;
 text-align: center;
 border-top-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 0px;
 border-left-width: 0px;
 margin-left: auto;
 margin-right: auto;
 clear: both;
}

/* Body of the document */
body 
{
	background-color: #b6805d;
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, Constantia;
}

.lg-home-page-link 
{
 position: absolute;
 top: 0px;
 left: 0px;
 height: 195px;
 width: 281px;
 z-index: 30;
}

.home-page-link 
{
	position: absolute;
	top: 0px;
	left: 1px;
	height: 111px;
	width: 144px;
	z-index: 20;
}

.content-header 
{
 position: absolute;
 color: #370000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 28px;
 font-weight: bold;
 text-align: center;
 left: 161px;
 top: 111px;
 width: 500px;
}

.page-content 
{
 position: absolute;
 top: 172px;
 left: 161px;
 width: 499px;
 height: 334px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.25em;
 border-width: 0;
 color: #420000;
 text-align: left;
 border-width: 0px;
 z-index: 20;
}

.body-txtclips 
{
 text-align: center;
 margin-top: 0px;
 width: 465px;
 height: 216px;
 z-index: 20;
}

.content-points 
{
 color: #420000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 margin-top: 10px;
}

.content-items 
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: inherit;
}

.left-cont-box 
{
 float: left;
 padding-top: 5px;
 padding-bottom: 10px;
 margin-top: 0px;
 margin-left: 20px;
 margin-right: 0px;
 margin-bottom: 0px;
 line-height: 6px;
}

.right-cont-box 
{
 float: right;
 padding-top: 5px;
 padding-bottom: 10px;
 margin-top: 0px;
 margin-right: 30px;
 margin-left: 0px;
 margin-bottom: 0px;
 width: 180px;
 line-height: 6px;
}

.lower-samples 
{
 z-index: 5;
 position: absolute;
 left: 129px;
 top: 389px;
}
.port-img{
	vertical-align:middle;
	position:absolute;
	left: 150px;
	width: 330px;
	height: 300px;
	top: 28px; 
}
.port-heading{
	padding-left:120px;
}
.anim_desc{
	position:absolute;
	left: 197px;
	top: 508px;
	width: 425px;
	height: 42px;
	font-size: 12px;
}
.port_desc{
	position:absolute;
	left: 314px;
	top: 480px;
	width: 476px;
	height: 42px;
	font-size: 12px;
	text-align: left;
}
.not-use 
{
	 visibility: hidden;
}
.sitelink{
	font-size:12px;
}
.sitelink span{
	font-size:10px
}
.li_tag{
	position: absolute;
	left: 855px;
	top: 628px;
	width: 184px;
	vertical-align: super;
}

/* Wrapper ** example for future, I moved code to .page-body element */
/*.all {padding-top: 50px; text-align: center; width: 100%;}*/
.links {
	font-size: small;
	color: #DDC69D;
	background-color: #999933;
	position: absolute;
	left: 145px;
	top: 545px;
	text-align: center;
	padding: 5px;
	border: solid #AA6D51 thin;
	border-top: #DDC69D;
	border-left: #DDC69D;
}
.links a{
	color: #000000;
	text-decoration:none;
}
.links a:hover{
	text-decoration:underline;

}
.gen_text {
	font-size: small;
}
.thumb-menu {
	padding-top: 10px;
	vertical-align: middle;
}
.port_desc_lt {
	float: left;
	width:55px;
	line-height: 1.1;
	display: block;
}

.port_desc_rt {
	float: right;
	width:365px;
	line-height: 1.1;
	display: block;
}
.sitelink img {
	margin: 0 10px 0 0;
	padding: 2px 2px 2px 2px;
}
.sitelink img:hover {
	border:solid #354F00 2px;
	padding: 0 0 0 0;
}