@charset "utf-8";

 img, div { behavior: url(iepngfix.htc) }

body {
	font-family: Trebuchet MS;
	font-size:13px;
/*	letter-spacing:-0.5px;*/
	background: url(img/background.jpg) no-repeat center top;
	background-color:black;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	}
	
	a{
	color:#006600;
	text-decoration:none;
	font-weight:bold;
	}
	
	a:hover{
	color:#999900;
	}
	
	h1{
	padding:0;
	margin:0;
	letter-spacing:-2px;
	font-weight:normal;
	font-size:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:none;

		}
	
#container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
	background: url(img/background.jpg) no-repeat center top;
/*	background:white;*/
	height:1050px;
	left:0px;
	top:0px;
	margin-top:0px;
	}
	


#logo{
	height:250px;
	width:780px;
	position:absolute;
	top:0px;
	left:3px;
	margin:0 auto 0 auto;
	}

	
	
#page{
	background:url(img/page.jpg) no-repeat;
	height:507px;
	width:530px;
	position:relative;
	top:242px;
	left:0px;
	margin:0 auto 0 auto;
	z-index:1;
	}

#page #header{
	/*	border:1px solid black;*/
	position:absolute;
	top:-32px;
	left:73px;
	height:138px;
	width:363px;
	cursor:pointer;
	}
	
.freestuff #header{
	background:url(img/sesli_header.png);
	}
	
#header	 span{
	display:none;
	}
	
#inline{
	background:url(img/inline.png) no-repeat;
	position:absolute;
	top:120px;
	left:19px;
	height:10px;
	width:492px;
	}

#mainContent {
	position:relative;
	width:230px;
	margin:0;
	height:367px;
	top:180px;
	left:20px;
	text-align:justify;

/*	border:1px solid white;*/
	}

#text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	position:absolute;
	top:150px;
	left:26px;
	width:231px;
	height:300px;
	font-weight: normal;
	}
	
#text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	position:absolute;
	top:150px;
	left:274px;
	width:231px;
	height:300px;
	}


#menu{
	position:relative;
	top:161px;
	margin:0 auto 0 auto;
	width:264px;
	height:105px;
	/*	border:1px solid red;*/
	z-index:0;
	}
	
#portfolio{
	position:absolute;
	background:url(img/portfolio.png) no-repeat;
	width:94px;
	height:105px;
	left: 0px;
	top:0px;
	}

#freestuff{
	position:absolute;
	background:url(img/free.png) no-repeat;
	width:94px;
	height:105px;
	left: 85px;
	}
	
#about{
	position:absolute;
	background:url(img/about.png) no-repeat;
	width:94px;
	height:105px;
	left: 170px;
	}	

#shadow{
	position:absolute;
	background:url(img/page-bot.png);
	top:499px;
	width:530px;
	height:8px;
	z-index:2;
	}
	
#badge{
	position: absolute;
	background: url(img/ventrilo.gif)  no-repeat;
	left: 3px;
	top: 243px;
	width: 110px;
	height: 115px;
	cursor: pointer;
	
	}	
#badge2{
	position: absolute;
	background: url(img/alz.gif) no-repeat;
	left: 3px;
	top: 380px;
	width: 110px;
	height: 115px;
	cursor: pointer;
}	
#badge2 span{
	display:none;
	}

	
#badge span{
	display:none;
	}

#badge3{
	position: absolute;
	background: url(img/forum.gif) no-repeat;
	left: 3px;
	top: 500px;
	width: 110px;
	height: 115px;
	cursor: pointer;
}	
#badge3 span{
	display:none;
	}