html, body {
background: #ffffff url(images/bgG.jpg) top left repeat-x fixed;
/*font-family: Arial, sans serif;
font-size: 16px;*/
}

/*p {
font-size: 0.8em;
line-height: 1.2em;
color: #333333;
}*/

p {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 70%;
line-height: 140%;
padding: 0 0 1em 0;
margin:0;
}

.focus {
color:#2C6E93;
}

blockquote {
background: #dadada;
font-size: 80%;
padding: 7px;
margin: 7px;
border-right: 5px solid #ffffff;
}

.fix {
background:#800403;
color:#ffffff;
}

.featurez {
color:#ffffff;
background:#284477;
}

a {color: #FE3030; }
a:visited {color:#801515;}
a:hover { color: #DA6F07; }
a:active { color:#801515;}

hr {
border: 1px #cacaca dashed;
}

h2 {
font-size: 1.2em;
font-family: Arial, sans serif;
color: #394877;
margin: 0 0 5px 0;
padding: 7px 7px 10px 7px;
/*background: #ffffff url(images/list-arrow2.gif) no-repeat;*/
}

h4 {
color: #ffffff;
font-family: Arial, sans serif;
background: #000000;
padding: 3px 0 3px 0;
margin: 0;
text-transform: uppercase;
text-align: center;
}

ul {
	list-style-image: url(images/list-arrow.gif);
	list-style-type: none;
	}
	
li {
list-style-position: outside;
	}
    
#wrapper {
width: 900px;
margin: 10px auto;
background: #ffffff url(images/topbg.gif) top left no-repeat;
padding:7px;
}

#wrapper2 {
width: 770px;
margin: 0px auto;
background: #ffffff;
padding:5px;
}

#header {
height:90px;
background: #333333 url(images/header.jpg) top left no-repeat;
}

#timedate {}

#navigation {
height:40px;
background: #333333;
margin: 7px 0 0 0;
}

#splash {
height:160px;
background: #ffffff;
margin: 7px 0 7px 0;
}

#box-content {
background: #ffffff;
float:left;
margin: 4px;
}

#box-tech {
float:right; 
background:#dadada; 
width:250px; 
height: 250px; 
margin-left:7px;
border-left:5px solid #ffffff;
}

#box-left {
width:33%;
background: #cacaca;
height: 350px;
float:left;
margin: 0 4px 0 0;
}

#box-center {
width:33%;
background: #cacaca;
height: 350px;
float:left;
margin: 0 0 0 0;
}

#box-right {
width:33%;
background: #cacaca;
height: 350px;
float:right;
margin: 0 0 0 0;
}

#footer {
clear:both;
padding:3px;
background: #e2e2e2;
color: #666666;
text-align:center;
margin: 0 0 0 0;
border-top: 5px solid #dadada;
}

/*****************/

#nav {
	list-style:none;
	margin:0px 15px 0px;

	padding:0px;
	clear:both;
	float:right;
	line-height:0px;
}
#nav li{
	margin-left:0px;
	float:left;
}
#nav li a{
	height: 35px;
	display:block;
	float:left;
	text-decoration:none;
	/*text-indent: -900em;*/
}

#nav #home a{
	width: 110px;
	background: url(images/button_home.gif) no-repeat left top;
}
#nav #home a:hover{
	background: url(images/button_home.gif) no-repeat left bottom;
}
#nav #home a:active, #nav #home a.selected {
	background: url(images/button_home.gif) no-repeat left bottom;
	}

#nav #problems a{
	width: 140px;
	background: url(images/button_problems.gif) no-repeat left top;
}
#nav #problems a:hover{
	background: url(images/button_problems.gif) no-repeat left bottom;
}
#nav #problems a:active, #nav #problems a.selected {
	background: url(images/button_problems.gif) no-repeat left bottom;
	}

#nav #features a{
	width: 140px;
	background: url(images/button_features.gif) no-repeat left top;
}
#nav #features a:hover{
	background: url(images/button_features.gif) no-repeat left bottom;
}
#nav #features a:active, #nav #features a.selected {
	background: url(images/button_features.gif) no-repeat left bottom;
	}

#nav #requirements a{
	width: 183px;
	background: url(images/button_requirements.gif) no-repeat left top;
}
#nav #requirements a:hover{
	background: url(images/button_requirements.gif) no-repeat left bottom;
}
#nav #requirements a:active, #nav #requirements a.selected {
	background: url(images/button_requirements.gif) no-repeat left bottom;
	}

#nav #screenshots a{
	width: 180px;
	background: url(images/button_screenshots.gif) no-repeat left top;
}
#nav #screenshots a:hover{
	background: url(images/button_screenshots.gif) no-repeat left bottom;
}
#nav #screenshots a:active, #nav #screenshots a.selected {
	background: url(images/button_screenshots.gif) no-repeat left bottom;
	}

#nav #faq a{
	width: 110px;
	background: url(images/button_faq.gif) no-repeat left top;
}
#nav #faq a:hover{
	background: url(images/button_faq.gif) no-repeat left bottom;
}
#nav #faq a:active, #nav #faq a.selected {
	background: url(images/button_faq.gif) no-repeat left bottom;
	}