@import "menu.css";
/* used to hide email from bot spiders */
span.displaynone { display:none; }

img 
{
	border-style: none;
	z-index: 5;
}

a 
{
 border-style: none;
}

div 
{
 border-style: none;
}

a:link 
{
 text-decoration: none;
 color: #6D3030;
 text-decoration: underline;
}

a:visited 
{
 text-decoration: none;
 color: #6D3030;
 text-decoration: underline;
}

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 
{
	width: 1150px;
	background-repeat: no-repeat;
	position: inherit;
	text-align: center;
	/*	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;*/
	border:solid #000000 7px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

/* Body of the document */
body 
{
	margin: 0px;
	margin-top: 20px;
	padding: 0px 0px 0px 40px;
	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: 42px;
	height: 111px;
	width: 144px;
	z-index: 20;
	left: 18px;
}

.content-header 
{
	color: #370000;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	width: 600px;
	height: 40px;
	margin-left: 125px;
}

.page-content 
{
	position: relative;
	top: 190px;
	left: 0px;
	width: 499px;
	height: 334px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	border-width: 0px;
	color: #420000;
	text-align: left;
	border-width: 0px;
	z-index: 20;
	line-height: 1.3;
}

.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: 283px;
	top: 481px;
	width: 425px;
	height: 42px;
	font-size: 12px;
	text-align: left;
}
.not-use 
{
	 visibility: hidden;
}
.sitelink{
}
.li_tag{
	position: absolute;
	left: 859px;
	top: 601px;
	width: 84px;
}

/* 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;
}
.title-banner {
	position: absolute;
	left: 274px;
	top: 42px;
	z-index: 25;
	width: 506px;
}
.page-content {
	width: 840px;
	margin-left: 20px;
	height: 550px;
}
.content-body {
	width: 550px;
	margin:0 0 0 145px;
	text-align: center;
}
.content-footer {
	height: 30px;
	position: absolute;
	left: 132px;
	top: 717px;
	width: 840px;
}
.top_items {
	position: relative;
	margin: 0 0 0 0;
}
/* Used for padding between pictures, copy this code and rename for other portfolios, look for ID on the senior <A> tag */
#senior-picture{
	 padding: 0 5px 0 0;
}
.port-link {
	text-align: center;
}
