/* CSS Document */
@import "reset.css";


body {
	text-align: center; /* Hack for IE5/Win */
	font-family: Helvetica, Geneva, Freesans, Swiss, sans-serif; 
	font-size: 75%;
	background:#fff 
}

/* HIDDEN ELEMENTS */
#intro-logo h1,#intro-logo h2,#intro-logo p,#pf-logo h1,#pf-logo p, #pf-content h2, #pf-content h3,#news-logo h1,#news-header h2 {
	/* The equivalent of 'display: none' but leaves the elements readable by some screen readers */ 
	position: absolute; 
	overflow: hidden; 
	clip: rect(0,0,0,0); /* because 'height: 0' doesn't have any fun in IE5.5 */ 
	height: 0; /* because clip doesn't have any fun in IE6 */ 
}

/* INTRO PAGE */
#intro-container {
	position: absolute; 
	overflow: hidden; 
	left: 50%; 
	top: 50%; 
	margin-left: -90px; 
	margin-top:-90px; width: 180px; 
	height: 180px; 
	text-align:left; 
	padding: 0; 
	z-index:1; 
}

#intro-logo a {
	display: block;
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 180px; 
	height: 180px; 
	padding: 0; 
	z-index:2; 
	background: url('../images/logo180px-sprite.gif') no-repeat 0px 0px;
}

#intro-logo a:hover {
	background: url('../images/logo180px-sprite.gif') no-repeat 0px -180px;
}

/* PORTFOLIO MAIN PAGE */
#pf-container {
position: absolute;
 overflow:hidden;
 left: 50%;
 top: 50%;
 margin-left:-450px;
 margin-top:-315px;
 width: 900px;
 height: 630px;
 text-align:left;
 padding: 0;
 background: transparent;
 z-index: 1;
 }
#pf-content {
position: absolute;
 left: 0;
 top: 0;
 width: 900px;
 height: 630px;
 text-align:left;
 padding: 0;
 background: transparent;
 z-index: 2;
 }

/* MAIN WINDOW */
#pf-photo {
position: absolute;
 left: 0;
 top: 0;
 width: 898px;
 height: 518px;
 padding: 0;
 border: 1px solid #999;
 z-index: 3;
 }
#pf-byline {
position: absolute;
 left: 0;
 top: 484px;
 width: 900px;
 height: 35px;
 padding: 0 20px 0 0;
 overflow: hidden;
 z-index: 50;
 }
#getinfo {
float: right;
 height: 35px;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 background:#fff;
 }
#info {
float: right;
 height: 35px;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 background:#fff;
 }
#see_movie {
float: right;
 height: 35px;
 background:#fff;
 }
#back_to_photo {
float: right;
 height: 35px;
 background:#fff;
 }
 
/* NEWS PAGE */
#news-container {
position: absolute;
 left: 50%;
 top: 20px;
 margin-left:-340px;
 width: 680px;
 text-align:left;
 padding: 0;
 background: transparent;
 z-index: 1;
 }
#news-logo {
position: absolute;
 left: 0;
 top: 0;
 width: 100px;
 height: 100px;
 margin: 0 10px 10px 0;
 }
#news-logo a {
display: block;
 width: 100px;
 height: 100px;
 overflow: hidden;
 text-indent: -9999px;
 background:#fff url('../images/logo100px.gif') top left no-repeat;
 }
#news-logo a:hover {
background:#fff url('../images/logo100px_over.gif') top left no-repeat;
 }
#news-header {
position: absolute;
 left: 110px;
 top: 0;
 width: 570px;
 height: 72px;
 margin: 0;
 background: #fff url('../images/newskop.gif') top left no-repeat;
 }
#news-header p {
margin-top: 48px;
 text-align: right;
 font-weight: bold;
 }
#news-container #navleft {
position: absolute;
 left: 110px;
 top: 72px;
 width: 359px;
 height: 26px;
 margin: 0;
 border-top: 1px solid #999;
 border-left: 1px solid #999;
 border-bottom: 1px solid #999;
 border-right: 0;
  }
#news-container #navleft ul.nav {
border: 0;
 margin: 0;
 padding: 5px 0 6px 8px;
 list-style-type: none;
 text-align: left;
 overflow: hidden;
 }
#news-container #navright {
position: absolute;
 left: 359px;
 top: -1px;
 width: 209px;
 height: 26px;
 margin: 0;
 border-top: 1px solid #999;
 border-right: 1px solid #999;
 border-bottom: 1px solid #999;
  }
#news-container #navright ul {
float: right;
 border: 0;
 margin: 0;
 padding: 5px 8px 6px 0;
 list-style-type: none;
 overflow: hidden;
 }
#news-nav3 a, #news-nav4 a, #news-nav5 a {
text-decoration: none; font-size: 0.9em; color: #999; }
#news-nav3 a:hover, #news-nav4a:hover, #news-nav5 a:hover {
color: #666; }
#news-nav3 {
float: left;
 width: 309px;
 height: 26px;
 margin: 10px 0 20px 0;
 border-top: 1px solid #999;
 border-left: 1px solid #999;
 border-bottom: 1px solid #999;
  }
#news-nav3 ul {
border: 0;
 margin: 3px 0 0 10px;
 padding: 3px 0 6px 15px;
 list-style-type: none;
 text-align: left;
 overflow: hidden;
 background: url('../images/aro_sml-lft.gif') 0 45% no-repeat;
 }
#news-nav4 {
float: left;
 width: 80px;
 height: 26px;
 margin: 10px 0 20px 0;
 text-align: center;
 border-top: 1px solid #999;
 border-bottom: 1px solid #999;
  }
#news-nav4 ul {
border: 0;
 margin: 0;
 padding: 6px 15px ;
 list-style-type: none;
 overflow: hidden;
 background: url('../images/aro_top.gif') 0 45% no-repeat;
 }
#news-nav5 {
float: left;
 width: 289px;
 height: 26px;
 margin: 10px 0 20px 0;
 border-top: 1px solid #999;
 border-right: 1px solid #999;
 border-bottom: 1px solid #999;
  }
#news-nav5 ul {
float: right;
 border: 0;
 margin: 3px 10px 0 0;
 padding: 3px 15px 6px 0;
 list-style-type: none;
 overflow: hidden;
 background: url('../images/aro_sml-rt.gif') 100% 45% no-repeat;
 }

/* MAKING OF */
 
/* PROFILE */
#profile-photo {
position: absolute;
 left: 0;
 top: 0;
 width: 498px;
 height: 518px;
 padding: 0;
 border: 1px solid #999;
 z-index: 3;
 }
#profile-txt {
position: absolute;
 left: 510px;
 top: 0;
 width: 388px;
 height: 518px;
 padding: 0;
 border: 1px solid #999;
 z-index: 4;
 }

/* CONTACT */
#cntct {
position: absolute;
 left: 0;
 top: 0;
 width: 898px;
 height: 518px;
 padding: 0;
 border: 1px solid #999;
 z-index: 3;
 }

/* LOGO */
#pf-logo {
	position: absolute;
	left: 0;
	top: 530px;
	width: 100px;
	height: 100px;
	padding: 0;
	z-index: 10;
}

#pf-logo a {
	display: block;
	height: 100px;
	width: 100px;
	background:#fff url('../images/logo100px-sprite.gif') 0px 0px no-repeat;
}

#pf-logo a:hover {
	background:#fff url('../images/logo100px-sprite.gif') 0px -100px no-repeat;
}

/* THUMBNAILS */
#pf-thumbs {
	position: absolute;
	left: 110px;
	top: 530px;
	height: 71px;
	width: 778px;
	border: 1px solid #999;
	overflow: hidden;
	z-index: 20;
	padding: 0 5px;
}

.thumbimg {
	margin: 10px 5px;
	display: block;
	float: left;
}

/* MAIN NAVIGATION */
#navleft {
position: absolute;
 left: 110px;
 top: 602px;
 width: 788px;
 height: 26px;
 padding: 0;
 border: 1px solid #999;
 z-index: 30;
 }
#navleft ul {
border: 0;
 margin: 0;
 padding: 5px 0 6px 15px;
 list-style-type: none;
 text-align: left;
 overflow: hidden;
 }
#navright {
position: absolute;
 left: 572px;
 top: 0;
 width: 200px;
 height: 26px;
 padding: 0;
 z-index: 31;
 }
#navright ul {
float: right;
 border: 0;
 margin: 0;
 padding: 5px 0 6px 0;
 list-style-type: none;
 overflow: hidden;
 }
ul.nav li {
display: block;
 float: left;
 text-align: center;
 padding: 0;
 margin: 0;
 font-size: 11px;
 }
ul.nav li a {
height: 16px;
 padding: 0;
 margin: 2px 8px -2px 9px;
;
 color:#999;
 text-decoration: none;
 display: block;
 text-align: left;
 letter-spacing: 1px;
 }
ul.nav li a:hover {
color:#666;
 }
a:active {
color:#666;
 }
ul.nav li.active a {
color:#333;
 }
.lnrt {
border-right: 1px solid #999;
 }
#currentpage {
font-weight: bold;
 }

/* NAVIGATION BACK/NEXT */
#pf-bck {
position: absolute;
 left: 1px;
 top: 483px;
 width: 32px;
 height: 23px;
 padding: 0;
 z-index: 40;
 }
#pr-bck {
position: absolute;
 left: 1px;
 top: 483px;
 width: 32px;
 height: 23px;
 padding: 0;
 z-index: 40;
 }
a.bck {
display: block;
 width: 32px;
 height: 23px;
 text-indent: -9999px;
 overflow: hidden;
 background: transparent url('../images/aro-lft.png') center center no-repeat;
 }
a.bck:hover {
background: transparent url('../images/aro-lft-over.png') center center no-repeat;
 }
#pf-fwd {
position: absolute;
 left: 867px;
 top: 483px;
 width: 32px;
 height: 23px;
 padding: 0;
 z-index: 41;
 }
#pr-fwd {
position: absolute;
 left: 467px;
 top: 483px;
 width: 32px;
 height: 23px;
 padding: 0;
 z-index: 41;
 }
a.fwd {
display: block;
 width: 32px;
 height: 23px;
 text-indent: -9999px;
 overflow: hidden;
 background: transparent url('../images/aro-rt.png') center center no-repeat;
 }
a.fwd:hover {
background: transparent url('../images/aro-rt-over.png') center center no-repeat;
 }

/* TEXT STYLING */
 p {
color:#999;
 font-size: 12px;
 line-height: 20px;
 margin: 0;
 padding: 0;
 }
.prfl1 {
width: 300px;
 margin: 20px 0 0 46px;
 }
.prfl2 {
width: 300px;
 margin: 20px 0 0 50px;
 }
.cntct1 {
float: left;
 width: 600px;
 text-align: left;
 margin: 70px 0 15px 257px;
 }
.cntct2 {
float: left;
 width: 220px;
 text-align: left;
 margin: 0 0 0 260px;
 }
.cntct3 {
float: left;
 width: 300px;
 text-align: left;
 margin: 0;
 }
.cntct4 {
margin-top: 20px;
 }
.cntct5 {
float: left;
 width: 24px;
 }
#cntct a {
font-weight: bold;
 color:#999;
 text-decoration: none;
 }
#cntct a:hover {
color:#666;
 }
#cntct strong {
font-weight: bold;
 }
#profile-txt a {
font-weight: bold;
 color:#999;
 text-decoration: none;
 }
#profile-txt a:hover {
color:#666;
 }