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

a:link {color: #000; text-decoration:none;}     /* unvisited link */
a:visited {color: #000; text-decoration:none;}  /* visited link */
a:hover {color:  #333333; text-decoration:none;}   /* mouse over link */
a:active {color: #000; text-decoration:none;}   /* selected link */

*{margin:0;
padding: 0;
}

body
{
	background: #000 center no-repeat;
 	font-family:Georgia, "Times New Roman", Times, serif; 
	text-align:center; 
	width: 100%;
	height: 100%;
}

#wrapper {
	/*border:thin solid #000000 ;*/
	margin-left: auto;
	margin-right:auto;
	position:relative;
	width:1024px;
	height:740px;
	}
	
#borders {
	position:absolute;
	padding:3px;
    width:850px;
	height:598px;
	top:76px;
	left:83px;
	margin-left: auto;
	margin-right:auto;
	text-align: center;
	/*border:thin solid #000000;*/
	}
	
#mainPage {
font-family:"OCR A Std", "Courier New", Verdana, "Helvetica CY", sans-serif, "Tw Cen MT";
position:absolute;
background-color:#00FF33;
width: 15px;
height: 15px;
top: 725px;
left: 1009px;
}

#mainPage2 {
font-family:"OCR A Std", "Courier New", Verdana, "Helvetica CY", sans-serif, "Tw Cen MT";
position:absolute;
background-color:#0033FF;
width: 15px;
height: 15px;
top: 725px;
left: 990px;
}	

/* Styles for the small navigation, if you're using it */
.large-image {
height:420px;
width:400px;
top:auto;
margin-left:auto;
margin-right:auto;
}

.large-image img {
margin-left:auto;
margin-right:auto;
}

.gallery-item {
	width: 400px;
	overflow:hidden;
	text-align: center;
}

.small-images { 
	width: 300px;
	margin-top: none;
}

.small-images a { 
	width: auto; 
	padding: 3px; 
	display: block; 
	float: left;
	margin-right:5px; 
}

.small-images a.activeSlide { 
	border: 1px solid #CCCCCC; 
}
.small-images a:focus { 
	outline: none; 
}
.small-images img { 
	border: none; 
	display: block;
	width: auto;
	height: 70px;
}

.largeText {
	overflow:scroll;
	background:#999999;
	position:absolute;
	top: 82px;
	left: 305px;
	border:2px #000 solid;
	width:434px;
	height:406px;
	padding:10px;
}

/* Styles for big image and left/right arrows */
.largeImage {
	background:#999999;
	position:absolute;
	top: 82px;
	left: 305px;
	border:2px #000 solid;
	width:450px;
	height:420px;
	padding:2px;
}

.largeImage .left-arrow {
	float: left;
	width: 20px;
	height: 40px;
	margin-top: 180px;
}

.largeImage .right-arrow {
	float: right;
	width: 25px;
	height: 40px;
	margin-top: 180px;
}

.largeImage .gallery {
	margin-top:auto;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	height:422px;
}

.largeImage .gallery a.activeSlide { 
	border: 1px solid #CCCCCC; 
}



h1{
font-family:"OCR A Std", "Courier New",  "Tw Cen MT", Verdana, Helvetica, sans-serif;
font-size:1em;
font-weight:normal;
text-align:left;
}


h2{
font-family:"OCR A Std", "Courier New",  "Tw Cen MT", Verdana, Helvetica, sans-serif;
font-size:.9em;
font-wieght:normal;
text-align:left;
}


h3{
padding:4px;
font-family:"OCR A Std", "Courier New",  "Tw Cen MT", Verdana, Helvetica, sans-serif;
font-size:.8em;
text-align:left;

}

h4{
font-family:"OCR A Std", "Courier New",  "Tw Cen MT", Verdana, Helvetica, sans-serif;
font-size:15px;
font-weight:normal;
font-style:normal;
color:#FFFFFF;
}

p{
padding:4px;
font-family:"OCR A Std", "Courier New",  "Tw Cen MT", Verdana, Helvetica, sans-serif;
font-size:.75em;
text-align:justify;

}

.gallerybox1{
	position:relative;
	height:72px;
	width:850px;
	top: 2px;
	margin-left: auto;
	margin-right:auto;
}

.gallerybox2{
	position:relative;
	height:600px;
	width:72px;
	top: 2px;
}

.galleryitem {
	border: 1px solid #666666;
	width: 70px;
	margin-left:10px;
	margin-right:10px;
	height: 70px;
	float: left;
}

.active {
	border:#FFFFFF thin solid;
	width: 70px;
	margin-left:10px;
	margin-right:10px;
	height: 70px;
	float:left;
}

.active2 {
	border:#FFFFFF thin solid;
	width: 70px;
	margin-top:10px;
	margin-bottom:10px;
	height: 70px;
	float:left;
}

.galleryitem2 {
	border: 1px solid #666666;
	width: 70px;
	margin-top:10px;
	margin-bottom:10px;
	height: 70px;
	float:left;
}

.tab1 {
	background:#00CC00 ;
	width: 850px;
	height: 598px;
}

.tab2 {
	position:absolute;
	background:#009900 ;
	margin:2px;
	width:806px;
	height:554px;
	top:20px;
	left:18px;
	border: 2px #000 solid;
}

 .tab3 {
 	position:absolute;
 	background:#006600 ;
	margin:2px;
	width:762px;
	height:510px;
	top:40px;
	left:40px;
	border: 2px #000 solid;
}

 .tab4 { 
 	position:absolute;
    background:#003300;	
	margin:2px;
	width:718px;
	height:466px;
	top:60px;
	left:60px;
	border: 2px #000 solid;
}

.Ptab1 {
	background:#0066CC;
	width: 850px;
	height: 598px;
}

.Ptab2 {
	position:absolute;
	background:#0033CC;
	margin:2px;
	width:806px;
	height:554px;
	top:20px;
	left:18px;
	border: 2px #000 solid;
}

 .Ptab3 {
 	position:absolute;
 	background:#0000CC;
	margin:2px;
	width:762px;
	height:510px;
	top:40px;
	left:40px;
	border: 2px #000 solid;
}

 .Ptab4 { 
 	position:absolute;
    background:#000099;	
	margin:2px;
	width:718px;
	height:466px;
	top:60px;
	left:60px;
	border: 2px #000 solid;
}
 

.largestImage {
 background:#000;
 position:absolute;
 top:82px;
 left:81px;
 height:426px;
 border:2px #000 solid;
 width:676px;
}
 
 .innertext{
 padding:10px;
 font-family:"OCR A Std", "Courier New",  "Tw Cen MT", Verdana, Helvetica, sans-serif;
 font-size:.7em;
 background:#999999;
 overflow:scroll;
 text-align:left;
 position:absolute;
 top:82px;
 left:81px;
 height:404px;
 border:2px #000 solid;
 width:202px;
 
 }
 
  .innerImage{
  overflow:hidden;
 background:#333333;
 position:absolute;
 top:82px;
 left:81px;
 height:426px;
 border:2px #000 solid;
 width:222px;
 
 }
 
 #navi {
	position:absolute;
 	top:1px;
	left:382px;
 	width: auto;
	border:none;
}
 
 #portfolio {
 padding:1px;
 font-family:"OCR A Std", "Courier New", "Tw Cen MT", Verdana, Helvetica, sans-serif;
 }
 
#resume {
 padding:1px;
 font-family:"OCR A Std", "Courier New", "Tw Cen MT", Verdana, Helvetica, sans-serif;
}
 
#bio {
 padding:;
 font-family:"OCR A Std", "Courier New", "Tw Cen MT", Verdana, Helvetica, sans-serif;
}
 
#contact {
 padding:1px;
 font-family:"OCR A Std", "Courier New", "Tw Cen MT", Verdana, Helvetica, sans-serif;
}
 
#slideshow {
	position: relative;
	left-margin:auto;
	rigth-margin:auto;
	width: 676px;
	height: 426px;
	overflow: hidden;
	border: 1px solid #000000;
}
#slideshow img {
	position: absolute;
	left: 0;
	top: 0;
}

#pause1 {
	font-family:"OCR A Std", "Courier New", "Tw Cen MT", Verdana, "Helvetica CY", sans-serif;    color:#CCCCCC;
	position:absolute;
	top:400px;
	left:615px;
	z-index:100;
}