/*
## WAVE SOFTWARE
## TEMPLATE STYLE SHEET
## Single Column Fixed Width - 1cf 
## Studio9 Web Designs © Al Toman May 30, 2010
*/

body{
margin: 0 auto;
color: #fff;
background-color: #135;
}

#container{
	font-family: arial,helvetica,sans-serif;
	font-size: 90%;				 
	margin: 0 auto 0 auto;
	padding: 0;
	color: #333;
	background-color:#184681;
	background: #184681 url('images/bg0102.jpg') no-repeat top left;
	background: #f1f6f9 url('images/bg0102.jpg') no-repeat top left;
	width: 1024px; 		
	border: 0px solid #333;
}

#top{
	margin: 0 auto 0 auto;			
	padding: 0;
	background: transparent url('images/xeros.gif') no-repeat center left; 
	width: 880px;	
	min-height: 115px;
}

#top p{
  font-size: 90%;
	margin: 0;			
	padding: 80px 0 0 35px;
	color: #4af;
	background-color: transparent;
}

#xeros{
font-size: 132%;
font-family: arialblack;
margin: 0;
padding: 0;
color: #fff;
background-color: transparent;
}



#header{
	margin: 0 auto 0 auto;			
	padding: 0;
	color:#333;
  background: #fff url('images/bgheader01.jpg') no-repeat top left;	
	width: 880px;
	min-height: 340px;
}

h1 {
font-size: 162%;
margin: 0 0 20px 0;
padding: 0;
}


#swf{
padding:0;
margin: 0;
border: 1px solid #333;
width: 370px;
height: 300px;
}

#swfmovie{
margin: 20px 0 0 20px;
}

/* ........................ BEGIN HORIZONTAL NAVIGATION - NAVBAR */
#navigation{
  font-weight: bold;
	margin: 0 auto 0 auto;
	background: transparent url('images/navbar01.jpg') no-repeat top left;
	width: 880px;
	min-height: 45px;	
  opacity:0.6;
	filter:alpha(opacity=60); 	
}

#navigation ul{
	margin: 0 0 0 30px;
	padding: 0;
}

#navigation ul li{
	list-style-type: none;
	display: inline;
}

#navigation li a{
	display: block;
	float: left;
	padding: 5px 10px;
	color:#fff;
	text-decoration: none;
	border-right: 0px solid #fff;
}

#navigation li a:hover { background:#777; }
/* ........................ END HORIZONTAL NAVIGATION - NAVBAR */

#textcontainer{
margin: 0 auto 0 auto;
padding: 0 0 30px 0; 
width: 880px;
color: #333;
background-color: #fff;
min-height: 660px; 
 
}


#adbox{
	margin: 0 auto 0 auto;			
	padding: 0;
	color:#333;
  background: #fff url('images/bgadbox0102.jpg') no-repeat top left;	
	width: 840px;
	min-height: 130px;
	max-height: 130px;
}

.adboxes{
list-style-type: none;
float: left;
text-align: left;
margin: 10px 5px 0 10px;
padding: 10px;
color: #fff;
background-color: transparent;
min-width: 240px;
max-width: 240px;
min-height: 90px;
max-height: 90px;
border: 0px solid #333;
}

.adboxes a{
display: block;
width: 99%;
}

.adbxbold{
font-size: 162%;
font-weight: bold;
}

#box3{
min-width: 240px;
max-width: 240px;
}

.adboxes h2{
font-size: 162%;
margin: 0;
padding: 0;
}

.adboxes p{
font-size: 112%;
margin: 0;
padding: 0;
}

.adboxes a{text-decoration: none; color: #fff; background-color: transparent; }


#content{
	float: left;
	margin: 0 3% 0 0;
	padding: 20px;
	color: #000;
	background-color:  transparent;
	width: 42%;
}

#content h2,#right h2,#left h2{
	color:#233b55;
	font-size: 132%;
	margin: 0 0 .5em 0;
}

#content h3,#right h3,#left h3{
	color:#3072c8;
	font-size: 112%;
	margin: 0 0 .5em 0;
}

#content p,#right p,#left p{
	font-size: 90%;
	margin: 0 0 .5em 0;
}

.blue{
	color:#3072c8;
  background-color: #fff;	
}

.gray{
  color: #6c8087;
  background-color: #fff;
}

#content hr{
text-align: center;
margin: 20px 0 20px 0;
height: 1px;
width:25em;
border: 1px solid #efefef;
color: #efefef;
background-color: #efefef;
}

#left{
	float: left;
	margin: 0 3% 0 0;
	padding: 20px;
	color: #000;
	background-color:  transparent;
	width: 16%;
}

#left p{
text-align: left;
}


#left a:link{text-decoration: underline; color: #135; background-color: transparent;}
#left a:visited{text-decoration: none; color: #184681; background-color: transparent;}
#left a:hover{text-decoration: none; color: #135; background-color: transparent;}

#newsbox{
font-size: 90%;
margin: 10px 0 10px 0;
padding: 5px; 
border: 1px solid #333;
}

#newsbox h4{
margin: 5px 0;
padding: 0;
border-bottom: 1px solid #cdcdcd;
}

#newsbox p{
text-align: left;
}

.thanks{
font-style: italic;
color: #184681;
background-color: #efefef;
}

/*  REF: http://www.domedia.org/oveklykken/css-div-scroll.php */
div.scroll {
height: 220px;
width: 140px;
overflow: auto;
border: 1px solid #666;
background-color: #efefef;
padding: 8px;
}

#right{
	float: right;
	margin: 0;
	padding: 20px;
	color: #000;
	background-color:  transparent;
	width: 20%;
}


#right a:link{text-decoration: underline; color: #184681; background-color: transparent;}
#right a:visited{text-decoration: none; color: #135; background-color: transparent;}
#right a:hover{text-decoration: none; color: #184681; background-color: transparent;}



#bottom{
	clear: both;			
	margin: 0 auto 0 auto;
	padding: 10px;
	color: #333;
	background-color:  #fff;
	background: transparent url('images/bgbottom01.jpg') no-repeat top left;	
	border-top: 0px solid #333;
	min-height: 45px;
	width: 860px;	
}

#footer{
	font-family: arial,helvetica,sans-serif;
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0 10px 10px 30px;
	color: #fff;
	background-color: transparent;
	background-color: #135;	
	border-top: 0px dashed #fff;	
	width: 860px;
}

#footer p{
  font-size: 70%;
	margin: 0;
	padding: 0;
}

#footer a:link{text-decoration: underline; color: #ddd; background-color: #135;}
#footer a:visited{text-decoration: none; color: #bbb; background-color: #135;}
#footer a:hover{text-decoration: none; color: #ddd; background-color: #135;}


img{border: none;}


.fltlft{
float: left;
margin-right: 10px;
}

.fltrht{
float: right;
margin-left: 10px;
}

/* ................................. B O D Y   T A G S ...................... */
body#index #navigation ul li#a1 a#c1{text-decoration: none; color: #fff; background-color: #777;}
body#purchase #navigation ul li#a2 a#c2{text-decoration: none; color: #fff; background-color: #777;}
body#xerospump #navigation ul li#a3 a#c3{text-decoration: none; color: #fff; background-color: #777;}
body#about #navigation ul li#a4 a#c4{text-decoration: none; color: #fff; background-color: #777;}
body#contact #navigation ul li#a5 a#c5{text-decoration: none; color: #fff; background-color: #777;}

body#xeros #container{	background-color:#184681;}
body#about #container{	background-color:#184681;}
body#contact #container{	background-color:#184681;}
body#purchase #container{	background-color:#184681;}
body#rules #container{	background-color:#184681;}
body#signup #container{	background-color:#184681;}
body#xerospump #container{	background-color:#184681;}
body#xerosdmp #container{	background-color:#184681;}
body#xerosparts #container{	background-color:#184681;}