body
{
	background-color:#222222;
	width:100%;
	height:100%;
	margin: 0 auto;
}

#fullsite 
{
	width:1000px;
	height:auto;
	background-color:#222222;
	margin:0 auto;
	margin-top:0px;

}

#header
{
	width:1000px;
	height:296px;
	background-image:url('../images/header.jpg');
	float:left;
	margin:0px;
	padding:0px;
}

#flashcomponent
{
	width:700px;
	height:424px;
	float:left;
	margin-left:150px;
	z-index:0;
}

#navigationbar
{
	width:100%;
	height:auto;;
	margin:0px;
	float:left;
	z-index:100;
}
#navigation
{
	width:auto;
	height:30px;
	float:left;
	margin-left:290px;
	
}

#headerlinks

{
	width:auto;
	height:auto;
	font-family:Calibri;
	font-size:22px;
	color:gray;
	margin-top:220px;
	margin-left:250px;
	float:left;
}

#headerlinks a
{
	text-decoration:none;
	color:gray;
	margin-left:15px;
	margin-right:15px;
}

#headerlinks a:hover
{
	text-decoration:none;
	color:silver;
}

#homenormal

{ width: 108px; height:31px; background-image:url('../images/home_normal.png'); display:block; float:left; }

#homeactive

{ width: 108px; height:31px; background-image:url('../images/home_hover.png'); display:block; float:left; }


#homenormal:hover
{ width: 108px; height:31px; display:block; background-image:url('../images/home_hover.png'); }

#aboutnormal

{ width: 108px; height:31px; background-image:url('../images/about_normal.png'); display:block; float:left; }

#aboutactive
{ width: 108px; height:31px; background-image:url('../images/about_hover.png'); display:block; float:left; }


#aboutnormal:hover
{ width: 108px; height:31px; display:block; background-image:url('../images/about_hover.png'); }

#portfolionormal

{ width: 108px; height:31px; background-image:url('../images/portfolio_normal.png'); display:block; float:left; }

#portfolioactive
{ width: 108px; height:31px; background-image:url('../images/portfolio_hover.png'); display:block; float:left; }


#portfolionormal:hover
{ width: 108px; height:31px; display:block; background-image:url('../images/portfolio_hover.png'); }

#contactnormal

{ width: 108px; height:31px; background-image:url('../images/contact_normal.png'); display:block; float:left; }

#contactactive
{ width: 108px; height:31px; background-image:url('../images/contact_hover.png'); display:block; float:left; }


#contactnormal:hover
{ width: 108px; height:31px; display:block; background-image:url('../images/contact_hover.png'); }

.contentdata
{
	font-family:"calibri";
	color:gray;
	font-size:16px;
	font-weight:normal;
	width:900px;
	height:auto;
	margin-left:50px;
	margin-right:50px;
	margin-top:20px;
	float:left;
}

#copyright
{
	width:100%;
	height:53px;
	background-image:url('../images/copyrightorange.png');
	float:left;
	margin:o auto;
	text-decoration:none;
	background-repeat:repeat-x;
	font-family:"Estrangelo Edessa";
	text-align:center;
	font-size:14px;
	font-weight:normal;
	color:white;
	padding-top:5px;
}

#copyright a
{
	width:100%;float:left;
	margin:o auto;
	text-decoration:none;
	background-repeat:repeat-x;
	font-family:"Estrangelo Edessa";
	text-align:center;
	font-size:14px;
	font-weight:normal;
	color:white;
}

#copyright a:hover
{
	width:100%;
	height:53px;
	float:left;
	margin:o auto;
	text-decoration:underline;
	background-repeat:repeat-x;
	font-family:"Estrangelo Edessa";
	text-align:center;
	font-size:14px;
	font-weight:normal;
	color:white;
}





#contacts
{
	width:1000px;
	height:85px;
	float:left;
	margin-top:30px;
	margin-bottom:30px;
	display:block;
	
}

#contacttext
{
	width:auto;
	height:auto;
	color:gray;
	font-family:Calibri;
	font-size:16px;
	margin-left:10px;
	margin-top:15px;
	float:left;
	text-decoration:none;
}

#contactform
{
	width:400px;
	height:300px;
	float:left;
	margin-left:100px;
	color:gray;
	font-family:Calibri;
	font-size:16px;
	margin-top:15px;
}

#formfields
{
	width:70px;
	float:left;
}
.portfolio
{
	width:900px;
	height:auto;
	float:left;
	margin-left:50px;
	margin-top:10px;
	}
.screenshot
{
	width:360px;
	height:296px;
	float:left;
	border:1px solid #494949;
	display:block;
	margin-left:55px;
}

.screenshotname
{
	width:900px;
	height:50px;
	color:silver;
	margin-top:5px;
	margin-bottom:5px;
	float:left;
}

.details
{
	width:360px;
	color:silver;
	font-family:Calibri;
	font-size:medium;
	margin-left:50px;
	text-align:center;
	float:left;
	margin-top:3px
}

.details a
{
	color:silver;
	text-decoration:none;
}

.details a:hover
{
	color:gray;
	text-decoration: underline;
}
.heading
{
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size:20px;
	color:gray;
	text-align:center;
}