body {

	background-image:url('images/background2.gif');

	color: white;

	font-family: Arial, Helvetica, sans-serif, Verdana;

	font-size: 16px;

	margin: 0px;

	padding: 0px

}

* {margin: 0px;padding: 0px;}

.clear{clear:both;}

#container {

	margin: 0px auto;

	text-align: left;

	width: 780px;

}

a {

	color: red;

	font-family: Arial, Helvetica, sans-serif, Verdana;

	font-size: 16px;

}

/********************** Header ***************************/

#header {

	margin: 0px;
	
	left:220px;
	
	background-image:url('images/xtreme.gif');

	background-repeat:no-repeat;

	width:780px;

	height:335px



}

#menu {

	position:relative;

	background-image:url('images/menu.jpg');

	background-repeat:no-repeat;

	width:780px;

	height:75px



}

#menu ul{

	position:absolute;

	top:20px;

	left:80px;

}

#menu li{

	float:left;

	display:inline;

	padding: 0px 0px 0px 10px;

}

#menu a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bolder;

	text-transform: uppercase;

	color: #000000;

	text-decoration: none;

}

#menu a:hover{

	color: red;

}

h1, h2, h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bolder;

	text-transform: uppercase;

	color: yellow;

}

h1, h2 {

	position:absolute;

	top:94px;

}

h1 {

	left:220px;

}

h2 {

	right:50px;

}

h3 {

	margin: 15px 0px 0px 30px;

	border-bottom: solid 1px #000000;

}

/********************** Main ***************************/

#main {

	background-image:url('images/main_bg.gif');

	background-repeat: repeat-y;

	display:block;

	width:780px;

	height:auto

}

#content {

	background-image:url('images/content_bg.gif');

	background-repeat: repeat-y;

	width:780px

}

/********************** Left - Text ***************************/

#left {

	float:left;

	width:610px;

}

#left p{

	padding: 5px 10px 10px 30px;

}

#left a:hover{color:yellow;}







/********************** Right - Team ***************************/

#right {

	float:right;

	width:170px;



}

.member {

	display:inline;

	float:left;

	margin-left:20px;

}

.member a{

	font-size: 16px;

	font-weight: bold;

	color: red;

	text-decoration: none;

}

.member img{

	border: none 0px;

}

.member span{

	display:block;

	text-align:center;

	padding: 2px 0px 13px 0px;

	text-transform: uppercase;



}

.member span a{}

.member span a:hover{color:yellow;}

/********************** profile - photo ***************************/

#profileleft {

	float:left;

	width:310px;
	
	font-size: 25px;

	font-weight: bold;

	color: yellow;

	text-decoration: none;
	
	text-align:center;

}

#profileleft p{

	padding: 5px 10px 10px 30px;

}

#profileleft a:hover{color:yellow;}

/********************** profile info ***************************/

#profileright {

	float:right;

	width:470px;



}

.member {

	display:inline;

	float:left;

	margin-left:20px;

}

#member1{

	font-size: 25px;

	font-weight: bold;

	color: yellow;

	text-decoration: none;
	
	text-align:center;

}
#member2{

	font-size: 20px;

	font-weight: bold;

	color: red;

	text-decoration: none;
	
	text-align:center;

}
.member img{

	border: none 0px;

}

#member3{

	display:block;

	text-align:left;

	padding: 2px 20px 13px 0px;

	



}

.member span a{}

.member span a:hover{color:yellow;}


/********************** Footer ***************************/



#footer {

	background-image:url('images/footer_bg.jpg');

	background-repeat:no-repeat;

	width:780px;

	height:360;

	text-align:center;

	float:left;

	clear:both

}

#footer ul{



}

#footer li{

	display:inline;

	float:none;

	text-align:center;

	padding: 0px 10px 0px 10px;

	border-right: solid 1px #000000;

}

.lastchild{

	border-right: 0px none !important;

}

#footer a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	text-transform:uppercase;

	color: red;

	text-decoration: none;

}

#footer a:hover{text-decoration: underline;}

#footer span{

	font-size: 9px;

	font-weight: bold;

	color: #000000;

	margin:10px;

	display:block;

}



 

    

   

 

    
