@charset "UTF-8";
/* CSS Document */

* {
	padding:                    0;
	margin:                     0;
}

a {
	outline:                    none;
	color:                      #FF0000;
    text-decoration:            none;
}

a:hover {
	color:                      #CCCCCC;
}

img {
	border:                     none;
}
fieldset {
    border:                     none;
}

textarea {
    font-family:                Verdana, Geneva, sans-serif; 
    font-size:                  100% /*12px*/;    
}

body {
	background:                 #000000;
    color:                      #ffffff;
	font-size:                  75% /*12px*/;
    font-family:                Verdana, Geneva, sans-serif;     
}

#site-wrapper {
	margin:                     0 auto;
    width:                      960px; 
}


/* HEADER AREA */

#header {
    float:                      left;  
    margin:                     0 0 5px; 
	width:                      960px;
}

#header #fighters {
	float:                      left;
    width:                      646px;   
}

#header #timer {
	float:                      left;
    width:                      314px;   
}

#header #flash {
	background:                 url(/media/images/logos/timer_bg.jpg); 
	float:                      left;
    height:                     134px;
    width:                      314px;
}

#title {
	float:                      left;
	height:                     61px;
}


/* NAVIGATION */

#navigation {
	background:                 url(/media/images/branding/nav_bg.jpg);
	height:                     39px;
	float:                      left;
	width:                      960px;
}

#navigation li {
	display:                    inline;
    float:                      left;
}

#navigation a {    
    border-right:               1px solid #2A2A2A;
    color:                      #FFFFFF;
    display:                    block;
    font-size:                  0.92em;
    height:                     15px;
    padding:                    12px 0;
    text-align:                 center;
    text-transform:             uppercase;
    width:                      159px;
}

#navigation a:hover {
	background:                 url(/media/images/branding/nav_hover.jpg);
}


/* MAIN AREA */
#content ul.gallery {
    overflow:                   hidden;
    padding:                    15px 0 0 20px;     
}

#content ul.gallery li {
    float:                      left;
    list-style-type:            none;
    margin:                     0 25px 15px 0;
    height:                     175px;
}

#content ul.gallery li a {
    display:                    block;
}   

#framework {
	float:                      left;
    margin:                     0 0 5px; 
    width:                      960px;  
}

#content {
    border:                     1px solid #484848;   
	float:                      left;
    margin:                     0 5px 0 0; 
    padding:                    6px;
	width:                      620px;
}

#content h1 {
	font-size:                  1.3em;
	padding:                    15px 0 5px 0;
	text-transform:             uppercase;
}

#content h2 {
	font-size:                  1.1em;
	padding:                    15px 0 0 0;
}

#content p{
	font-size:                  0.95em; /*11px*/
    margin:                     0 0 5px;
}

#content .fightersarea {
	float:                      left;
}

#content .fighters {
	float:                      left;
    margin:                     15px 0 11px 0;    
	width:                      190px;
}

#content .fighters img {
    border:                     1px solid #484848;     
	height:                     180px;
    width:                      160px;  
}

#content .fighters p {
    font-size:                  0.75em /*10px*/;
   	padding:                    0;
}

#content .versus {
	float:                      left;
	margin:                     15px 30px 0 0;
    width:                      73px;  
} 

#content .contact-form ul {
    padding:                    0;  
} 

#content .contact-form li {
    list-style-type:            none; 
    padding:                    0 0 6px 0;   
}

#content .contact-form li label {
    float:                      left;
    font-size:                  0.95em; /*11px*/  
    width:                      100px;
}   

#content .contact-form input,
#content .contact-form textarea { 
    width:                      300px;   
}

#content .contact-form textarea {
    height:                     150px;
}

#content .contact-form input.button {
    width:                      auto;
}

#content ul {
	padding:                    5px 0 0 20px;
}

#rules li {
	list-style:                 none;
}



/* RIGHT AREA */

#right-area {
	float:                      right;
}

#right-area li {
    border:                     1px solid #484848; 
    height:                     139px;
    list-style-type:            none;
    margin:                     0 0 5px;   
    width:                      319px; 
}

#right-area li a {
    display:                    block;
}

#right-area h1 {
	font-size:                  2em;
}

#right-area a.button {
	background:                 #de1a22 url(/media/images/buttons/getyour2.jpg) no-repeat;
    height:                     59px; 
}

#right-area a.button:hover {
	background:                 #000000 url(/media/images/buttons/getyour1.jpg) no-repeat;
}

#rightarea2 {
	float: left;
	width: 319px;
	margin-left: 6px;
	margin-top: 6px;
	border: solid 1px #484848;
	height: 137px;
}

/* DESIGNED BY AREA */

#designedby {
	background-color: #000000;
	float: left;
	font-size: .75em;
	padding: 5px 0 10px 0;
	text-align: right;
	width: 890px;
}

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

#footer {
    float:                      left;      
    font-size:                  0.95em /*11px*/;  	
    margin:                     0 0 5px;
    width:                      960px;   
}

#footer p {
    margin:                     0 0 1px;
    text-align:                 right;     
}

#footer #basesponsors {
    border:                     1px solid #484848; 
    font-size:                  0.95em /*11px*/;
    margin:                     0 0 5px;
    padding:                    5px 10px;        
    width:                      938px;  
}

#footer #basesponsors p {
    text-align:                 left;
}

#footer #basesponsors h3 {
    padding:                    5px 0;
    text-transform:             uppercase;
}

.rhover,
.hover:hover {
    -ms-filter:                         "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter:                             alpha(opacity=60);
    -moz-opacity:                       0.6;
    opacity:                            0.6;
}
.rhover:hover {
    -ms-filter:                         "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:                             alpha(opacity=100);
    -moz-opacity:                       1.0;
    opacity:                            1.0;
}