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

html, body{
	background-color:#000000;
	height:100%;
	width:900px;
	
	


}


div#header{
	background-color:#000000;
	background-image:url(images/newbanner.jpg);
	background-repeat:no-repeat;
	background-position:left;
	text-align:left;
	height:180px;
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
}

div#breaker{
	background-color:#000000;
	
	height:20px;
	width:800px;
	left:0px;
	position:absolute;
	top:180px;
	/*background-image:url(images/banner.gif);*/
	background-repeat:repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#cccccc;
	/*border-top:1px solid #04620d;
	border-bottom: 1px solid #04620d;*/
	
	text-align:right;

}


div#mainmenu{
	padding-right:20px;


}
div.container{
	position:relative;
	height:100%;
	margin-top:203px;
	left:-8px;
	min-height:100%;
	height:auto;
	width:800px;
	/*height:800px;*/
	*position:absolute;
	*top:0px;
    height: auto;
	color:#CCCCCC;
}

div.textbox{
	padding-left:10px;
	padding-top:5px;
	color:#CCCCCC;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;


}

/*html>body #container {
background-color:#336600;
	position:absolute;
	top:203px;
    height: auto;
	}*/

div.aboutbox{
	position:absolute;
	top:52px;
	left:4px;
	width:800px;
	height:98px;
	color:#CCCCCC;
	padding-top:20px;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;


}



div.rightbox{
	position:absolute;
	top:0px;
	left:404px;
	
	width:396px;
	height:100px;
	


}



div.focustitle{
	position:absolute;
	width:800px;
	height:100px;
	padding-top:4px;

	padding-left:2px;

}

div.focuscontent{
	position:absolute;
	width:580px;
	top:210px;
	left:0px;
	font-size:14px;
	float:right;
	line-height:18px;
	padding-top:10px;
	padding-left:10px;

}

div.focussub{
	padding-bottom:10px;
	font-size:20px;
	color:#ffffff;

}

div.floatright{
float:right;
width:100px;

}


div#minormenu{
 position:relative;
 padding-top:30px;
 text-align:center;
 width:800px;


}


div#footer{
	position:absolute;
	bottom:0;
	border-top:1px solid #04620d;
	border-bottom: 1px solid #04620d;

	left:0px;
	margin-left:-7px;
	height:20px;
	width:800px;
	margin-top:0px;
	margin-bottom:2px;
	/*top:700px;
	
	
	margin-top:20px;
	*/
	

}



div.copyright{
padding:10px;
position:absolute;
color:#ffffff;
font-size:10px;
text-align:right;
width:500px;
float:right;


}
a:link {text-decoration:none; color:#999999; }
a:visited {text-decoration:none; color:#999999;}
a:hover {color:#cccccc }
a:active {text-decoration:none; color:#ccccc; }

a img {border:0; }



a#buttonweb{
position:absolute;
width: 400px;
height:300px;
background: url("images/web3hoverv2.jpg") 0 0 no-repeat;
display:block;
top:200px;
text-decoration: none;
margin: 0 auto;

}

a#buttonweb:hover{
	background-position:0 -300px;
}

a#buttonphoto{
position:absolute;
width: 400px;
height:300px;
background: url("images/photo1.jpg") 0 0 no-repeat;
display:block;

left:400px;
top:200px;

text-decoration: none;
margin: 0 auto;


}

a#buttonphoto:hover{
	background-position:0 -300px;
}


a#buttonuni{
position:absolute;
width: 400px;
height:300px;
background: url("images/uni.jpg") 0 0 no-repeat;
display:block;

left:0px;
top:500px;
text-decoration: none;
margin: 0 auto;


}

a#buttonuni:hover{
	background-position:0 -300px;
}

a#buttonillus{
position:absolute;
width: 400px;
height:300px;
background: url("images/illust1.jpg") 0 0 no-repeat;
display:block;
left:400px;
top:500px;
text-decoration: none;
margin: 0 auto;


}

a#buttonillus:hover{
	background-position:0-300px;
}


a#buttonabout{
position:absolute;
width: 200px;
height:100px;
background: url("images/about.jpg") 0 0 no-repeat;
display:block;
left:0px;
top:800px;
text-decoration: none;
margin: 0 auto;


}

a#buttonabout:hover{
	background-position:0 -100px;
}

a#buttonblog{
position:absolute;
width: 200px;
height:100px;
background: url("images/blog2.jpg") 0 0 no-repeat;
display:block;
left:200px;
top:800px;
text-decoration: none;
margin: 0 auto;


}

a#buttonblog:hover{
	background-position:0 -100px;
}

a#buttonlinks{
position:absolute;
width: 200px;
height:100px;
background: url("images/links.jpg") 0 0 no-repeat;
display:block;
left:400px;
top:800px;
text-decoration: none;
margin: 0 auto;


}

a#buttonlinks:hover{
	background-position:0 -100px;
}

a#buttonresume{
position:absolute;
width: 200px;
height:100px;
background: url("images/resume.jpg") 0 0 no-repeat;
display:block;
left:600px;
top:800px;
text-decoration: none;
margin: 0 auto;


}

a#buttonresume:hover{
	background-position:0 -100px;
}





/*a#buttonice{
position:absolute;
width: 100px;
height:100px;
background: url("images/ice.jpg") 0 0 no-repeat;
display:block;
left:0px;
top:0px;
text-decoration: none;
margin: 0 auto;


}

a#buttonice:hover{
	background-position:0 -100px;
}

a#buttonlili{
position:absolute;
width: 100px;
height:100px;
background: url("images/liliold.jpg") 0 0 no-repeat;
display:block;
left:100px;
top:0px;
text-decoration: none;
margin: 0 auto;


}

a#buttonlili:hover{
	background-position:0 -100px;
}


a#buttonaccid{
position:absolute;
width: 100px;
height:100px;
background: url("images/accid.jpg") 0 0 no-repeat;
display:block;
left:200px;
top:0px;
text-decoration: none;
margin: 0 auto;


}

a#buttonaccid:hover{
	background-position:0 -100px;
}
*/

div.spacer {
  clear: both;
  }
  
  
  
  div.content{
  	position:absolute;
	
	/*border:1px solid #04620d;*/
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	width:100%;
	height:200px;
	top:10px;
	margin-top:106px;
	color:#CCCCCC;
	left:0px;
	

  
  }
  
  
  div.content ul li{
  text-decoration:none;
  list-style-type:none;
  
  
  
  }
  
  div.display{
  position:absolute;
padding-left:100px;
  margin-right:100px;
  padding-right:100px;
  
  }
  
  div.display img{
  	margin-right:20px;
    border:1px solid #333333;
  }
  
  div.title{
  color:#FFFFFF;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:28px;
  
  
  
  }
  
  div.abouttext{
  padding:20px;
  margin-left:40px;
  color:#999999;
  
  
  }
  
  div.abouthighlighttext{
  font-size:20px;
  text-align:right;
  line-height:10px;
  color:#333333;
  
  }
  
  
  
  
  
  
  
  
  
  /**-------------UNI BUTTONS----------------*/
  a#buttoncomic{
position:absolute;
width: 800px;
height:100px;
background: url("images/comic.jpg") 0 0 no-repeat;
display:block;
left:-7px;
top:100px;
text-decoration: none;
margin: 0 auto;


}

a#buttoncomic:hover{
	background-position:0 -100px;
}


  a#buttonsoft{
position:absolute;
width: 800px;
height:100px;
background: url("images/softlanding.jpg") 0 0 no-repeat;
display:block;
left:-7px;
top:200px;
text-decoration: none;
margin: 0 auto;


}

a#buttonsoft:hover{
	background-position:0 -100px;
}

  a#buttonwall{
position:absolute;
width: 800px;
height:100px;
background: url("images/wallpaper.jpg") 0 0 no-repeat;
display:block;
left:-7px;
top:300px;
text-decoration: none;
margin: 0 auto;


}

a#buttonwall:hover{
	background-position:0 -100px;
}

  a#buttonbox{
position:absolute;
width: 800px;
height:100px;
background: url("images/boxedout.jpg") 0 0 no-repeat;
display:block;
left:-7px;
top:400px;
text-decoration: none;
margin: 0 auto;


}

a#buttonbox:hover{
	background-position:0 -100px;
}

  a#buttonsand{
position:absolute;
width: 800px;
height:100px;
background: url("images/sandbox.jpg") 0 0 no-repeat;
display:block;
left:-7px;
top:500px;
text-decoration: none;
margin: 0 auto;


}

a#buttonsand:hover{
	background-position:0 -100px;
}


  a#buttonacc{
position:absolute;
width: 800px;
height:100px;
background: url("images/accidental.jpg") 0 0 no-repeat;
display:block;
left:-7px;
top:600px;
text-decoration: none;
margin: 0 auto;


}

a#buttonacc:hover{
	background-position:0 -100px;
}


a#buttonscent{
position:absolute;
width: 800px;
height:100px;
background: url("images/scenttitle.jpg") 0 0 no-repeat;
display:block;
left:-7px;
top:700px;
text-decoration: none;
margin: 0 auto;


}

a#buttonscent:hover{
	background-position:0 -100px;
}

a#buttonscopo{
position:absolute;
width: 800px;
height:100px;
background: url("images/scopotitle.jpg") 0 0 no-repeat;
display:block;
left:-7px;
top:800px;
text-decoration: none;
margin: 0 auto;


}

a#buttonscopo:hover{
	background-position:0 -100px;
}
