body {
	background-color:#000000;
}
/*
-----NOT WORKING PROPERLY IN CHROME, SAFARI AND IE-----
-----INSTEAD USING IMAGES-----
@font-face {
  font-family: "bebas";
  src: url(../bebas.ttf) format("regular");
}
h1 { 
	font-family: "bebas", sans-serif;
	font-size:11px;
	letter-spacing:0.5em;
	font-weight:normal;
	text-align:left;
	
 }
 */
p {
	font-family:"Arial", Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#ffffff;
}
a:link {
	color: #000000;
	text-decoration:none;
}
a:visited {
	color: #000000;
	text-decoration:none;
}
a:hover {
	color: #4a4a4a;
	text-decoration:none;
}
a:active {
	color: #000000;
	text-decoration:none;
}
a.pclass:link {
	color: #ffffff;
	text-decoration:none;
	border-bottom:#ffffff dotted 1px;
}
a.pclass:visited {
	color: #ffffff;
	text-decoration:none;
	border-bottom:#ffffff dotted 1px;
}
a.pclass:hover {
	color: #ff0000;
	text-decoration:none;
	border-bottom:#ff0000 dotted 1px;
}
a.pclass:active {
	color: #ffffff;
	text-decoration:none;
	border-bottom:#ffffff dotted 1px;
}
#background {
	background-image:url(../images/bg.jpg);
	background-position:center;
	position:fixed;
	z-index: -1000;
	display: none;
	width: 100%;
	height: 100%;
}
#container {
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	z-index:1000;
}
#containermakebig {
	width:944px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
#containermenu {
	width:618px;
	height:auto;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}
#backlight {
	width:322px;
	height:494px;
	background-image:url(../images/backlight.png);
	background-repeat:no-repeat;
	position:absolute;
	left:50%;
	margin-left:-161px;
	display:none;
}
#logobuttons {
	width:618px;
	height:auto;
	position:absolute;
}
#logo {
	width:322px;
	height:494px;
	left:50%;
	margin-top:-20px;
	margin-left:-161px;
	position:absolute;
	display:none;
}
#content {
	width:618px;
	height:auto;
	position:absolute;
	margin-top:350px;
	left:50%;
	margin-left:-309px;
	display:none;
}
#buttons {
	width:342px;
	margin-left:131px;
	height:15px;
}
.button {
	width:auto;
	height:15px;
	float:left;
	margin-right:36px;
	text-align:center;
}
.tabs {
	width:618px;
	height:auto;
	margin-top:10px;
	display:none;
}
#contact {
	background-image:url(../images/contactballoon.png);
	background-repeat:no-repeat;
	width:252px;
	height:79px;
	margin-left:223px;
}
#about {
	background-image:url(../images/aboutballoon.png);
	background-repeat:no-repeat;
	width:310px;
	height:112px;
	margin-left:249px;
}
#portfolio {
	width:944px;
	height:auto;
	margin-left:-163px;
	margin-top:40px;
}
#copyright {
	background-image:url(../images/copyright.png);
	background-repeat:no-repeat;
	width:165px;
	height:34px;
	position:absolute;
	bottom:0px;
	left:70%;
}
/*Spotlight*/
div#items a {
	text-decoration:none;
	color:#3deeee;
}
div#items {
	width:944px;
	margin:0 auto;
	margin-left:4px;
}
#items .item {
	display:block;
	width:75px;
	height:75px;
	float:left;
	padding-left:2px;
	padding-right:1px;
	padding-top:1px;
	padding-bottom:2px;
	position:relative;
}
.clear {
	clear:both;
}
.effect {
	box-shadow: 0 0 10px #444;
	-moz-box-shadow: 0 0 10px #444;
	-webkit-box-shadow: 0 0 10px #444;
}