body    {

	background:url(images/stripebg2.png);
	}

#header2 {
	height:68px;
	width:249;
	background:url(images/logo3.png) 0 0 no-repeat;
	position:relative;
	top: 0px;
	left: 20px;
	padding-bottom: 200px;
	}


#index	{ 
	text-align: left;
	width: 980px;
	height: 100%;
	margin: 15px auto;
	background:url(images/bg1.jpg) 0 -120px no-repeat;
	background-color: black;
	}

#center	{
	margin: 5px;
	text-align: left;
	
	}

a 	{ 
	color: #dd0000;
	}

/*------------------------------------------------layout--------------------*/


#index ul
{
padding:0;
margin:8px;
white-space:nowrap;
list-style-type:none;
color: #777777;
}

#index ul li
{
margin: 1px;
margin-top: 5px;
border: 0;
}

#screenshots
{
width: 960px;
height: 135px;
padding: 3px;
}

 
/*------------------------------------------------rollovers--------------------*/


h4 {
	font:bold 15px "Tw Cen MT", "Tahoma", Verdana, serif;
	color:#777777;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 1px dotted #444444;
}

h5 {
	font: 24px "Tw Cen MT", "Tahoma", Verdana, serif;
	color:white;
	text-decoration: none;
}

.demos h5 {
	font:bold 17px "Tw Cen MT", "Tahoma", Verdana, serif;
	color:white;
	text-decoration: none;
}



a span {
	display: none;
	position: absolute;
}

a:hover span {
	display: block;
	background-color: black;
	font:bold 12px "Tahoma", Verdana, serif;
	color:#777777;
	text-decoration: none;
	text-transform: none;
	margin:5px;
}

/*------------------------------------------------header text changes--------------------*/


h1 {
	font:bold 26px "Tw Cen MT", "Tahoma", Verdana, serif;
	color:#cccccc;

	text-transform:uppercase;
	border-top: 0;
	margin: 6px;
}

img { 	margin: 2px;
	padding: 0;
	}

#screenshots a img {
border-color: #444444;
float: left;
margin: 2px;
padding: 0;
}

#screenshots a:hover img {
border-color: #770000;
float: left;
margin: 2px;
padding: 0;
}