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

body{background:#323232; font:12px arial, helvetica, trebuchet,tahoma,sans-serif; line-height:18px}
a:link{color:#ccc;  }
a:visited{text-decoration:none; color:#ccc;}
a:hover{text-decoration:underline; color:#9C0; }

#about a#navabout  {color:#9C0}
#portfolio a#navportfolio  {color:#9C0}
#contact a#navcontact  {color:#9C0}

#wrapper{width:100%; margin:auto; }

#holder1{position:absolute;	z-index:0;	top:50%; margin-top:-340px;	width:650px; height:650px; left:50%; margin-left:-330px; background:url(images/bg1.jpg) no-repeat}

#content{ position:relative; z-index:2; width:540px; height:433px; margin-top:33px; color:#fff; margin-left:37px; padding:20px; }
#right{float:right; z-index:3; width:300px; text-align:right}
#left {float:left; z-index:4; width:220px; height:400px; overflow:auto  }
#middle{z-index:4;  width:auto; height:425px; overflow:hidden }
#mainnav {position:relative; z-index:1; color:#ccc;  width:100px; height:100px;  margin:-110px 0 0 37px; padding-left:20px; font-size:11px}
#info {position:relative; z-index:1; color:#ccc;  width:400px; height:100px;  margin:15px 0 0 37px; padding-left:120px; font-size:10px; overflow:auto }
.menulink_on{color:#9C0 }
#mainnav a:link{color:#ccc; text-decoration:none;}
#mainnav a:hover{text-decoration:underline; color:#9C0; }

img{padding:10px}

#subnav {position:relative; z-index:3;  text-align:right; width:560px; height:20px; margin-top:-25px; margin-left:40px; font-size:11px; color:#ccc;}
#subnav a:link{color:#ccc; text-decoration:none;}
#subnav a:hover{ color:#9C0; }

h1 {font-size:30px; font-weight:normal; line-height:30px}

.textfield{
border:solid 1px #ccc
}

.button{
background:#666; 
border:none;
color:white
}