/* CSS Document */


body{
margin:0;
padding:0;
line-height: 1.25em;
font-family:arial,helvetica;
color:#666666;
}



#maincontainer{
width: 975px; /*Width of main container was 1050*/
margin: 25px auto; /*Center container on page*/
}



#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 450px 0 274px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 274px; /*Width of left column in pixel*/
margin-left: -975px; /*Set margin to that of -(MainContainerWidth)*/
background: #ffffff;
}

#rightcolumn{
float: left;
width: 450px; /*Width of right column*/
margin-left: -450px; /*Set left margin to -(RightColumnWidth)*/
background: #ffffff;
}

#contentcolumnsub{
margin: 0 431px 0 274px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentcolumnsub2{
margin: 0 0 0 274px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumnsub{
float: left;
width: 274px; /*Width of left column in pixel*/
margin-left: -975px; /*Set margin to that of -(MainContainerWidth)*/
background: #ffffff;
}

#rightcolumnsub{
float: left;
width: 431px; /*Width of right column*/
margin-left: -431px; /*Set left margin to -(RightColumnWidth)*/
background: #ffffff;
}

#rightcolumnsub2{
float: left;
width: 0px; /*Width of right column*/
margin-left: -0px; /*Set left margin to -(RightColumnWidth)*/
background: #ffffff;
}

#portfolio{
clear: both;
width: 975;
color: #9e9e9e;
text-align: left;
}

#footer{
clear: both;
width: 900;
color: #9e9e9e;
text-align: right;
margin: 0 50px auto auto;
}

#footer2{
clear: both;
width: 900;
color: #9e9e9e;
text-align: right;
margin: 0 50px 800px auto;
}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


a:link { color:#375f8b; text-decoration:none }
a:visited { color:#375f8b; text-decoration:none }
a:active { color:#375f8b; text-decoration:none }
a:hover { color:black; text-decoration:underline}

a:link.smallgrey { color:#375f8b; text-decoration:none }
a:visited.smallgrey { color:#375f8b; text-decoration:none }
a:active.smallgrey { color:#375f8b; text-decoration:none }
a:hover.smallgrey { color:black; text-decoration:underline}

p { color:#363636; font-size:.825em;}
.small { font-size:10px; color:#636363; font-family:arial,helvetica; }
.smallgrey { font-size:10px; color:#9e9e9e; font-family:arial,helvetica; }
.photocap {font-size: .825em; color:#969696; margin-left:25px; font-family:arial,helvetica;}
.photocredit {font-size: 10px; color:#cccccc;}
.bigphoto {margin-top: 10px; margin-right: 0px; margin-bottom: 0px;margin-left: 10px; }
.light { color:#9d9d9d; }

a:visited.photocredit, a:link.photocredit, a:active.photocredit {
font-weight : normal;
font-size : 10px;
color:#cccccc;
font-family : arial;
text-decoration : normal;
} 

a:hover.photocredit {
font-weight : normal;
font-size : 10px;
background :  normal;
color:#666666;
text-decoration : bold;
}



b { color:#162619; }
b.small2 { color:#565656; }
b.small3 { color:#797979; }


	


#home {  display: block;  width: 67px;  height: 26px;  background: url("../images/mnhome.gif") no-repeat 0 0;}
#home:hover {   background-position: 0 -26px;}
#home span {  display: none;}

#about {  display: block;  width: 59px;  height: 26px;  background: url("../images/mnabout.gif") no-repeat 0 0;}
#about:hover {   background-position: 0 -26px;}
#about span {  display: none;}

#portfolio {  display: block;  width: 75px;  height: 26px;  background: url("../images/mnportfolio.gif") no-repeat 0 0;}
#portfolio:hover {   background-position: 0 -26px;}
#portfolio span {  display: none;}

#contact {  display: block;  width: 73px;  height: 26px;  background: url("../images/mncontact.gif") no-repeat 0 0;}
#contact:hover {   background-position: 0 -26px;}
#contact span {  display: none;}

#arrowprevious {  display: block;  width: 113px;  height: 40px;  background: url("../images/arrowprevious.gif") no-repeat 0 0;}
#arrowprevious:hover {   background-position: 0 -40px;}
#arrowprevious span {  display: none;}

#arrowportfolio {  display: block;  width: 66px;  height: 40px;  background: url("../images/arrowportfolio.gif") no-repeat 0 0;}
#arrowportfolio:hover {   background-position: 0 -40px;}
#arrowportfolio span {  display: none;}

#arrownext {  display: block;  width: 94px;  height: 40px;  background: url("../images/arrownext.gif") no-repeat 0 0;}
#arrownext:hover {   background-position: 0 -40px;}
#arrownext span {  display: none;}



.contentme{
width:600px;
height:400px;
position:absolute;

margin-left:0px;
margin-top:-500px;
z-index:-1;}