/* CSS Document */

*{
	margin:0;
	padding:0;
	border:0;}

body{
	background-image:url(../images/design/paperBG.gif);
	font-family:"Courier New", Courier, monospace;
	font-size:0.8em;
	color:#5f5f5c;}

a{
	color:#5f5f5c;}

a:hover, a:visited, a:active{
	color:#9a9a95;}

#splash a{
	display:block;
	position:relative;
	margin:0 auto;
	width:223px;
	height:32px;
	background-image:url(../images/design/siteTitle.gif);
	text-decoration:none;}

#splash a:hover{
	background-image:url(../images/design/siteTitleOver.gif);}

#container{
	position:relative;
	/*margin:0 auto;*/
	margin:0 0 0 30px;
	width:800px;}

#primaryContent{
	top:25px;
	position:relative;
	float:right;
	width:600px;}

#secondaryContent{
	position:relative;
	float:left;
	width:200px;}
	
img{
	margin:3px;}

h1{
	font-size:1em;
	padding-bottom:10px;}

h2, h3{
	font-size:1.3em;
	padding:1em 0;}

h1 span{
	visibility:hidden;}

hr{
	visibility:hidden;
	margin-bottom:15px;}

/* titles */
#newsHeading{
	display:block;
	margin:0 auto;
	width:90px;
	height:16px;
	background-image:url(../images/design/headingNews.gif);
	background-repeat:no-repeat;}
	
#portfolioHeading{
	display:block;
	margin:0 auto;
	width:101px;
	height:16px;
	background-image:url(../images/design/headingPortfolio.gif);
	background-repeat:no-repeat;}

#infoHeading{
	display:block;
	margin:0 auto;
	width:54px;
	height:23px;
	background-image:url(../images/design/headingInfo.gif);
	background-repeat:no-repeat;}

#linksHeading{
	display:block;
	margin:0 auto;
	width:57px;
	height:18px;
	background-image:url(../images/design/headingLinks.gif);
	background-repeat:no-repeat;}

/* navigation */

#teapot {
	position:relative;
	width:180px;
	height:541px;
	left:0;
	top:50px;
	background-image:url(../images/design/teapot.gif);}

#teapot ul{
	position:relative;
	left:53px;
	top:110px;
	list-style-type:none;}

#teapot ul li a{
	display:block;
	width:120px;
	height:34px;
	margin:0;
	padding:0;
	text-decoration:none;}

#teapot span{
	visibility:hidden;}

#news a{
	background-image:url(../images/design/linkNews.gif);}
#news a:hover{
	background-image:url(../images/design/linkNewsOver.gif);}

#portfolio a{
	background-image:url(../images/design/linkPortfolio.gif);}
#portfolio a:hover{
	background-image:url(../images/design/linkPortfolioOver.gif);}

#info a{
	background-image:url(../images/design/linkInfo.gif);}
#info a:hover{
	background-image:url(../images/design/linkInfoOver.gif);}

#links a{
	background-image:url(../images/design/linkLinks.gif);}
#links a:hover{
	background-image:url(../images/design/linkLinksOver.gif);}