@charset "utf-8";
/* CSS Document */
* {padding: 0px;margin: 0px;}
body {

	color: #8ccae7;
	margin: 0px auto;
	font-family:Arial, Helvetica, sans-serif;
	background: #02091d URL(images/back.gif) repeat-x fixed top center ;
}




/* block container styles --------------------------------------*/
#back {position: fixed; top: 0px; left: 0px; z-index:0; width: 100%; height:100%; background: URL(images/shadow.jpg) no-repeat top center ;} 
#container {
position:relative;
z-index: 1;
	margin: 0px auto;
	padding: 0px 5px;
	width: 900px;
	background: #1c3874 URL(images/back2.gif) repeat-x fixed top center ;
}
#top {
	background-color: #000;
	height: 50px;
	border-bottom: 1px solid #456f8a;
}
#head {display: none;
	background-color: #000;
	height: 250px;
	border-bottom: 1px solid #456f8a;
}
#gallery {
	padding: 0px 50px 0px 50px;
	background: #000 URL(images/runner.gif) repeat-x;
	margin-bottom: 1px;
}
#resume {

	padding: 0px 50px 0px 50px;
	margin-bottom: 1px;
	background: #000 URL(images/runner.gif) repeat-x;
}
#foot {
	background-color: #000;
	height: 83px;
	background: #000 URL(images/footlogo.gif) no-repeat 200px 0px;
}
#foot p {color: #8ccae7;font-size: 12px;line-height: 22px;margin: 0px 0px 0px 350px;padding: 20px 0px 0px 0px;}
#foot a {text-decoration:none}


/* text styles -----------------------------------*/
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	letter-spacing: -1px;
	color: #2febff;
	margin: 0px;
	padding: 30px 0px 2px 15px;
	font-weight:normal;
	font-size: 30px;
	position:relative;
	z-index:100;
}
h3 {
	color: #fff;
	font-size: 14px;
	
	line-height: 20px;
	position:relative;
}
h3 span {
	width: 130px;
	padding: 0px 0px 0px 0px;
	position:absolute;
	top: 0px;
	right: 0px;
}
h2 {font-weight: normal;
font-style:italic;
	
	margin: 0px;
	padding: 10px 40px 4px 40px;
	font-size: 14px;
	position:relative;
	z-index:100;
}
a {color: #fff;}
a:hover {color: #2febff;}


/* resume styles -------------------------------------------------*/
#rezhold {background: #011b3b URL(images/galltop.gif) no-repeat top left;padding: 20px 50px 0px 50px;}
strong {color: #fff;}
h2 strong, h3 strong  {color: #8ccae7; font-weight:normal}
#rezhold h1 {padding: 20px 0px 2px 0px;border-bottom: 1px dotted #2febff;margin-bottom: 10px;font-size: 22px;color: #fff;}
#rezhold p {font-size: 14px;line-height: 22px;margin: 0px;padding: 10px 20px 20px 20px;}
#rezhold ul {margin: 0px 40px 20px 40px;padding: 15px 30px 20px 30px;background-color: #000;border-top: 1px dotted #3686ab;background: #000 URL(images/ulbot.gif) no-repeat bottom left;}
#rezhold li {font-size: 14px;line-height: 22px;}
#rezhold p.end{margin: 0px -50px;padding: 10px 70px 100px 70px;background:  URL(images/gallbot.gif) no-repeat bottom left;}
#rezhold div  {padding-left: 290px;display: block;background:  URL(images/logo.gif) no-repeat 0px 18px;}
#rezhold div h1 {padding: 20px 0px 2px 0px;margin-bottom: 10px;}
#rezhold div h2 {padding: 0px 0px 4px 0px;}
#rezhold div h3 {padding: 0px 0px 4px 0px;}
#rezhold div p {font-size: 14px;line-height: 22px;margin: 0px;padding: 10px 0px 20px 0px;}



/* gallery styles -------------------------------------------------*/
#gallery div {
	padding: 1px 0px 0px 0px;
	background: #011b3b URL(images/galltop.gif) no-repeat top left;
}
#gallery ul {  	
	text-align: left;
	margin: 0px; 
	padding: 19px 20px 60px 20px ;
	background:  URL(images/gallbot.gif) no-repeat bottom left;
} 
#gallery ul li {
	list-style:none;
	padding: 20px 20px 20px 20px;
	margin: 0px;
	width: 110px;
	height: 120px;
	float: left;
	position: relative;
} 
#gallery ul li p {
	position: absolute;
	top: 3px;
	margin: 0px;
	padding: 0px;
} 
#gallery ul li p a {
	text-decoration:none;
	color: #fff;
	font-size: 12px;
} 
#gallery ul li a.imgLink {
	text-align:left;
	padding: 1px;
	width: 110px;
	height: 110px;
	display:block;
	position: absolute;
	z-index: auto;
	border: 4px solid #a0f3ff;
	background: #000;
} 
#gallery ul li a.imgLink img {
	border: none;
	position:absolute;
	clip:rect(0px 110px 110px 0px )
} 
#gallery ul li.clear {
	clear: both;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 10px;
}
/* gallery hover ---------------- */
#gallery ul li:hover a.imgLink {
	text-align:left;
	padding: 1px;
	width: 162px;
	height: 144px;
	display:block;
	position: absolute;
	top: 3px;
	left: -6px;
	z-index: 100;
	background: #000;
	border-color: #fff;
} 
#gallery ul li:hover a.imgLink img {
	border: none;
	position:absolute;
	clip:rect(0px 162px 144px 0px )
}