/* ----------MAIN BODY STYLES---------- */
 
* {
margin: 0px; /*SETS 0 MARGIN*/
padding: 0px; /*SETS 0 PADDING*/
}
body {
	color: #bababa; /*MAIN WEBSITE TEXT COLOR*/
	font-family: Verdana, Arial, Helvetica, sans-serif; /*SIZE OF TEXT 0.69EM = 11PX*/
	background-image: url(../images/bg.png); /*OUR BACKGROUND IMAGE*/
	background-repeat: repeat-x; /*REPEATS BACKGROUND HORIZONTALLY*/
	background-color: #0e0e0e; /*SETS THE COLOR OF OUR BACKGROUND WHEN THE BACKGROUND IMAGE COMES TO AN END*/
}
/* ----------CONTAINER STYLES---------- */
#container {
width: 1024px; /*MAXIMUM WIDTH OF OUR LAYOUT*/

margin-right: auto; /*AUTO MARGIN*/
margin-left: auto; /*AUTO MARGIN*/
}
/* ----------HEADER STYLES---------- */
#header {

height: 144px; /*ADDS A FIXED HEIGHT*/
width: 100%; /*ADDS A FIXED WIDTH, SHOULD BE SAME AS CONTAINER*/
background-image: url(../images/carbonfiberBck2.png); /*OUR HEADER BACKGROUND IMAGE*/
background-repeat: x-repeat; /*STOPS HEADER BACKGROUND REPEATING */

}
#logo {
	float: left; /*FLOATS LOGO LEFT*/
	
	
	margin-top: 45px; /*ADDS TOP MARGIN*/
	
}
.green{
color:#8FF201;}
.slogan{
color:#C0C0C0;
}
/* ----------HEADER SEARCH STYLES---------- */
#search {
float: right; /*FLOATS SEARCH RIGHT*/
margin-top: 60px; /*ADDS TOP MARGIN*/
}
/* ----------NAVIGATION STYLES---------- */
 
#navigation {
	float: left; /*FLOATS NAV LEFT*/
	height: 43px; /*ADDS FIXED HEIGHT*/
	width: 1024px; /*ADDS FIXED WIDTH SAME AS OUR CONTAINER*/
	background-image: url(../images/nav.png); /*OUR NAV BACKGROUND IMAGE*/
	background-repeat: repeat-x; /*REPEATS NAVIGATION BACKGROUND HORIZONTALLY*/
}
.search-field {
font-style: italic; /*SETS FONT TO ITALIC*/
color: #FFFFFF; /*SEARCH TEXT COLOR*/
border: 1px solid #2a2a2a; /*ADDS 1 PX BORDER IN COLOR SPECIFIED*/
background-color: #000000; /*CHANGES BACKGROUND COLOR IN SEARCH FIELD*/
padding: 7px; /*ADDS PADDING*/
margin-right: 10px; /*ADDS RIGHT MARGIN*/
margin-bottom: 3px;
}
 
.search-btn {
border: 1px solid #2a2a2a;
vertical-align: top; /*CHANGES VERTICAL ALIGNMENT ON SEARCH BUTTON*/
}

.nav-links li {
    
list-style-type: none; /*REMOVES BULLET POINTS FROM THE LIST*/
float: left; /*FLOATS LEFT*/
text-align: center; /*ALIGNS TEXT CENTER*/
letter-spacing: -1px; /*DECRESES LETTER SPACING*/
background-repeat: no-repeat; /*STOPS SEPERATOR REPEATING*/
background-position: right; /*ALIGNS THE SEPERATOR RIGHT OF EACH NAVIGATION LINK*/
}
 
.nav-links li a {
    
text-decoration: none; /*REMOVES UNDERSCORE FROM LINK ITEMS*/
color: #000000; /*COLOR OF OUR NAVIGATION LINKS*/
text-transform: uppercase; /*TRANSFORMS NAVIGATION LINKS TO ALL CAPITAL LETTERS*/
font-size: 12px; /*ADDS FONT SIZE*/
display: block; /*DISPLAYS THE NAV LINKS AS A BLOCK ELEMENT*/
height: 29px; /*ADDS A FIXED HEIGHT TO NAV LINKS*/
width: 100px; /*ADDS A FIXED WIDTH TO NAV LINKS*/
padding-top: 15px; /*ADDS TOP PADDING TO EACH LINK*/
}
 
.nav-links li a:hover {    
color: #666666; /*COLOR OF LINK WHEN HOVERED*/
}

#body-align {
 width: 1024px; /*MAXIMUM WIDTH OF OUR LAYOUT*/

margin-right: auto; /*AUTO MARGIN*/
margin-left: auto; /*AUTO MARGIN*/
height: 500px;
}

/* ----------LEFT CONTENT STYLES---------- */
 
.left-content {
    
float: left; /*FLOATS LEFT CONTENT BOX LEFT*/
margin-left: 10px;
margin-top: 20px;
    
width: 551px; /*ADDS A FIXED WIDTH*/
height: 420px;
    
-moz-border-radius: 15px; /*ADDS A BORDER RADIUS (applys to Mozilla/Firefox and Safari 3 users ONLY)*/
    
-webkit-border-radius: 15px; /*ADDS A BORDER RADIUS (applys to Mozilla/Firefox and Safari 3 users ONLY)*/
    
background-color: #0a0a0a; /*LEFT CONTENT BACKGROUND COLOR*/

border: 1px solid #181818; /*LEFT CONTENT 1 PX BORDER AND BORDER COLOR*/
    
padding: 20px; /*ADDS PADDING ALL THE WAY AROUND*/
}
.bottomLeft{
	width:550px;
height:200px;
background-color:#000000; color:#FFFFFF;

	}


.bottomLeft1{
	width:550px;
height:200px;
background-color:#000000; color:#FFFFFF;
margin-top: 20px;


	}

 
/* ----------RIGHT CONTENT STYLES---------- */
 
.right-content {
    
float: right; /*FLOATS RIGHT CONTENT BOX RIGHT*/
margin-right: 10px;
margin-top: 20px;
    
width: 354px; /*ADDS FIXED WIDTH*/
height: 420px;
    
-moz-border-radius: 15px; /*ADDS A BORDER RADIUS (applys to Mozilla/Firefox and Safari 3 users ONLY)*/
    
-webkit-border-radius: 15px; /*ADDS A BORDER RADIUS (applys to Mozilla/Firefox and Safari 3 users ONLY)*/
    
background-color: #0a0a0a; /*RIGHT CONTENT BACKGROUND COLOR*/
    
border: 1px solid #181818; /*RIGHT CONTENT 1 PX BORDER AND BORDER COLOR*/
    
padding: 20px; /*ADDS PADDING ALL THE WAY AROUND*/
}

#bottomRight{
	width:354px; margin:0 4px 0 0; float:right;
	}


#bottomRight form#login{
	width:325px;
height:150px;


 background-color:#000000; color:#FFFFFF;
	padding-top:8px ;
	padding-right:15px;
	padding-bottom: 45px;
	padding-left: 14px;
	}
	
#bottomRight label{
	font:normal 12px/21px Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#000000; 
	float:left;
	}
	
	
#bottomRight input{
	background-color:#242424; border:#4D4D4D solid 1px;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#FFFFFF; width:183px; margin:0; padding:0;
	margin-left:20px;
	margin-bottom:10px;
	height:20px;
	}
	

input.checkbox {
	vertical-align: middle;
}

	


#bottomRight form#login h2{
	background-image:url(../images/member_bg.gif);
	background-repeat: no-repeat;
	color:#8FF201;
	padding:0 0 16px 76px;
	height:65px;
	}	
	
.lightGrey{
	font:normal 18px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#C0C0C0; text-transform:uppercase; background-color:#000000;
	
	}
	
#bottomRight form#login p{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#77AF27; padding:9px 0 0 0; width:130px;
	background-color:#000000; float:left;
	}
#bottomRight form#login p a{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#77AF27; text-decoration:none;
	background-color:#000000;
	}
#bottomRight form#login p a:hover{
	background-color:#1A2A03; color:#77AF27;
	}
	
#bottomRight input.login{
	background-image:url(../images/login_bg1.png);
	border:none;
	width:52px;
	height:20px;
	margin:40px 0 0 0;
	margin-right:10px;
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	cursor:pointer;
	text-align:center;
	float:right;
	}
	
#bottomRight form#signup{
	width:325px; height:150px; background-color:#000000; color:#FFFFFF;
	padding:0  15px 25px 14px;
	}
	
#bottomRight form#signup h2{
	background-image:url(../images/newsletter_bg.gif);
	background-repeat:no-repeat;
	color:#8FF201;
	padding:0 0 16px 76px;
	margin-top: 15px;
	height:59px;
	float:left;
	}	

#bottomRight input.signup{
	background-image:url(../images/login_bg1.png);
	border:none;
	width:52px;
	height:20px;
	margin:0 0 0 0;
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	cursor:pointer;
	text-align:center;
	float:right;
	margin-right:10px;
	}
	
	
	
/* Footer starts*/
/* ----------FOOTER STYLES---------- */
 
#footer {
background-image: url(../images/footer_bg.png); /*ADDS OUR BACKGROUND IMAGE*/
background-repeat: repeat-x; /*REPEATS BACKGROUND HORIZONTALLY*/
clear: both; /*CLEARS BOTH FLOATS*/
height: 82px; /*ADDS A FIXED HEIGHT*/
background-position: bottom; /*PLACES BACKGROUND AT THE BOTTOM OF THE DIV*/
}
 
#footer-content {
	background-image: url(../images/footer_nav.png); /*ADDS OUR BACKGROUND IMAGE*/
	background-repeat: repeat-x; /*REPEATS BACKGROUND HORIZONTALLY*/
	height: 82px; /*ADDS A FIXED HEIGHT*/
	width: 1024px; /*ADDS A FIXED WIDTTH*/
	margin: auto; /*AUTO MARGIN CENTERS OUR FOOTER*/
	background-position: bottom; /*PLACES BACKGROUND AT THE BOTTOM OF THE DIV*/
	margin-bottom: 30px;
}
 
#footer-content p {
text-transform: capitalize; /*TRANSFORMS THE FIRST LETTER IN EVERY WORD TO A CAPITAL LETTER*/
color: #000000; /*COLOR OF FOOTER TEXT*/
font-size:11px;
display:block;
padding-top: 55px; /*ADDS TOP PADDING*/
padding-left: 20px; /*ADDS LEFT PADDING*/
float:center;
}

div.header_bar {
	padding: 4px 5px 5px 6px;
	border: 1px solid #222222;
	font-weight: bold;
	background-image: url(../images/header_index.gif);
	background-repeat: repeat-x;
	color: #cccccc;
}