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

body
{
background-color:#000000;
color:#8d8b8b;
font-family:Arial, Helvetica, sans-serif;
height:100%;
margin:0;
padding:0; 
}

* {
margin:0px auto;
padding:0;
}

div#shim {
visibility: hidden;;
width: 100%;
height: 50%;
margin-top: -400px;
float: left;
}

.mainContainer
{
position:absolute;
left:0;
top:0;
padding:0; 
height:100%;
width:100%;
text-align:center;
display:block;
}
.site
{
width:1024px;
height:768px;
background-image:url(../images/background.jpg);
background-repeat:no-repeat;
clear: both;
position: relative;
top: -200px;
/* IE4ever Hack: Hide from IE4 **/
position: static;
/** end hack */
border:0px;
}

#thumbPage1
{
}
#thumbPage2
{
}

.thumbPageHidden
{
visibility:hidden;
width:0px;
float:left;
margin-top:10px;
overflow:hidden;
}

.dots
{
border:0px;
}
.imgBio
{
float:left;
border:1px #2a2a2a solid;
margin-top:5px;
margin-left:5px;
}

.contact
{
position:relative;
background-image:url(../images/backContact.jpg);
background-repeat:no-repeat;
width:495px;
height:380px;
top:26px;
left:-7px;
font-size:13px;
text-align:center;
color:#bdbaba;
}

.bio
{
float:left;
width:220px;
margin-top:5px;
margin-left:10px;
font-size:13px;
text-align:left;
}

.menuBar
{
position:relative;
width:100%;
height:30px;
top:168px;
}

#imgPortfolioMacabre
{
position:absolute;
left:135px;

}
#imgPortfolioConcept
{
position:absolute;
left:37px;

}

#imgPortfolioPortrait
{
position:absolute;
left:212px;
}

#imgPortfolioBio
{
position:absolute;
left:818px;
}

#imgPortfolioContact
{
position:absolute;
left:905px;
}


.content
{
position:relative;
border-top:1px #3f3f3f solid;
height:540px;
border-bottom:1px #3f3f3f solid;
width:930px;
top:160px;
padding-top:5px;
left:-5px;
}

.footer
{
position:relative;
height:15px;
font-size:12px;
color:#6f6e6e;
top:165px;
}

.thumbList
{
width:130px;
height:auto;
float:left;
margin-top:10px;
}

.imgThumb
{
float:left;
margin-top:3px;
margin-right:3px;
border:1px #3f3f3f solid;
overflow:hidden;
}

.imgCurrent
{
border:0px;
}
.nLeft
{
float:left;
}

.nRight
{
float:right;
}


.navigation
{
position:relative;
height:20px;
text-align:center;
font-size:15px;
color:#b0aeae;
top:3px;
}

.filler
{
float:left;
height:20px;
width:115px;
}

.currentImage
{
float:left;
width:800px;
height:508px;
clear:right;
margin-top:10px;
}

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


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

a:hover
{
text-decoration::none;
color:#CCCCCC;
}

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