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

/********************************************** WEBPAGE BODY CSS SETTINGS ********************************************/

		body {
			background: url(images/background.jpg) no-repeat;
			background-size: 100%;
			margin: 0;
			padding: 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
		}
		
/* Setup some standard fonts for use as titles and text */

		p.title{
			
			font-family: Arial, Helvetica, sans-serif;
			font-size: 20px;
			font-weight: 500;
			color: #83b3c9;
						
		}
		
		
		p.sub_title{
			
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: 500;
			color: #83b3c9;

						
		}
		
		
		p.sub_title2{
			
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: 300;
			color: #83b3c9;
						
		}
		
		
		p.sub_title3{
			
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: 500;
			color: #83b3c9;
			clear: both;
						
		}
		
		p.text{
			
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: 100;
			color: #FFFFFF;
						
		}
		
		span.sub_title2{
			
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: 300;
			color: #A3C1CF;
						
		}
		
		span.match_times{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #CCC;
						
		}

		


/****************************************** OVERALL PAGE CONTAINER SETTINGS ******************************************/

		#contentWeb {
			width: 1204px;
			height: auto;
			margin: 5px auto;
		}

/************************************************ HEADER CSS *********************************************************/


	/***** HEADER WIDTH *****/

		#header_container {
			width: 1204px;
			height: 131px;
			background: url(images/header_background.png) repeat-x;
		}


	/***** HEADER LOGO *****/

		#header_logo {
			width: 538px;
			height: 131px;
			background: url(images/header_logo.png) no-repeat;
			float: left;
		}


	/***** HEADER MENU CONTAINER - WIDTH AND POSITION *****/

		#header_menu_buttons {
			
			font-family: Arial, Helvetica, sans-serif;
			float: left;
			width: 666px; /* Width of container for MAIN MENU on right of logo container above.
						 (Page width) 1204px - 538px (logo container width) = 666px */
			font-size: 12px;
			line-height: normal;
			font-weight: 700;
		}


	/***** HEADER - MAIN MENU PADDING (POSITION) SETTINGS ******/

		#header_menu_buttons ul {
			margin: 0;
			padding: 96px 0px 0px 265px; /* Padding from TOP of page/Right/Padding below Mmenu/Padding from the left*/
			list-style: none;
		}


	/***** HEADER - MAIN MENU BUTTONS IMAGES, SPACINGS *********/

		#header_menu_buttons a {
			float: left;
			background: url(images/header_menu_button_left.png) no-repeat left top; /*Left edge part of button image. */
			margin: 0 5px 0 0; /* 5px spacing between menu buttons */ 
			padding: 0 0 0 8px;
			text-decoration: none;
		}

		#header_menu_buttons a span {
			float: left;
			display: block;
			background: url(images/header_menu_button_right.png) no-repeat right top; /* centre and right part of button image. */
			padding: 7px 13px 8px 8px;
			color: #FFF;
		}


				/****** Commented Backslash Hack hides rule from IE5-Mac*********/

					#header_menu_buttons a span {
					float: none;
					}

				/********************* End IE5-Mac hack **************************/



	/***** MOUSE OVER HEADER MAIN MENU ACTIONS *****/


		#header_menu_buttons a:hover {
			background-position: 0% -31px; /*button gfx are dual height images. This moves image down 31px to display 
															mouse over graphic for the left hand edge of the button. */
		}

		#header_menu_buttons a:hover span {
			background-position: 100% -31px; /*button gfx are dual height images. This moves image down 31px to display 	
													mouse over graphic for the middle and right edge of the button. */
			color: #000; /* Changes colour of the button text to black on mouse over */
		
		}



/************************************************ MAIN CONTENT PAGE CSS *********************************************/


		#content_container {
			width: 1204px; /* overall width of the main content page under the header.*/
			height: auto;
			float: left;
			/*background: url(images/content_background.png) no-repeat;
			background-size: 100%;*/
			background-color: rgba(31,31,31,.93);
			/* Following 2 lines sets font size/type for any text on page that has no CSS instructions.*/
			padding: 0px 0px 5px 0px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			clear: both;
		}
		
		
		
		#content_left_column {
			
			width: 200px;
			height: auto;
			float: left;
			margin: 8px 15px 0 6px;
			padding: 0;
			text-decoration: none;
			border:1px solid rgba(50,50,60,.9);
 			border-radius:5px;
			background-color: rgba(31,31,31,.6);
			
		}
		
		
		#content_left_column_subtitles{
			
			width: 190px;
			height: 20px;
			float: left;
			text-align: left;
			margin: 10px 0px 5px 10px;			
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-weight: 500;
			color: #83b3c9;

						
		}
		
		#content_left_column_clock {
			
			width: 190px;
			height: 70px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 15px;
			text-align: left;
			float: left;
			margin: 10px 0px 5px 10px;	
			color: #83b3c9;
		}
		
		
		#content_left_column_match_clock {
			
			width: 160px;
			height: 35px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			padding: 0px 0px 0px 20px;
			text-align: left;
			float: left;
			margin: 10px 10px 5px 10px;	
			color: #51667D;	
		}
		
		#content_left_colum_utc_clock_container {
			
			width: 190px;
			height: 20px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			text-align: left;
			color: #CCC;
			float: left;
			margin: 5px 0px 0px 0px;
		}
		

		#content_left_column_utc_clock_title {
			

			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			text-align: left;
			float: left;
			color: #51667D;	
	
		}
				
		
		#content_left_column_gametracker {
			
			width: 190px;
			height: auto;
			float: left;
			margin: 10px 0px 5px 5px;		
		}
		



		#content_centre_block {
			
			width: 758px;
			height: auto;
			float: left;
			color: #FFF;
			margin: 4px 0px 0 0px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: 100;
			color: #FFFFFF;
		}


		#content_right_column {
			
			width: 199px;
			height: auto;
			color: #FFF;
			float: left;
			text-align: center;
			border:1px solid rgba(50,50,60,.9);
 			border-radius:5px;
			-moz-border-radius:5px; /* Firefox 3.6 and earlier */
			padding: 0px 0px 0px 0px;
			margin: 8px 6px 0 15px;
			background-color: rgba(31,31,31,.6);
			text-decoration: none;		
 
			
		}
		



/*************************************************** SERVERS PAGE CSS ****************************************************/


		#content_centre_block_servers {
			
			width: 758px;
			height: auto;
			float: left;
			margin: 4px 0px 0 0px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: 100;
			color: #FFFFFF;
		}



		#content_servers_teamspeak {
			
			width: 220px;
			height: auto;
			float: left;
			color: #FFF;
			padding: 0px 0px 0px 10px;
			border:1px solid rgba(50,50,60,.9);
 			border-radius:5px;
			-moz-border-radius:5px; /* Firefox 3.6 and earlier */

		}



		#content_servers_bf3 {
			
			width: 220px;
			height: auto;
			float: left;
			color: #FFF;
			margin: 0px 0px 0px 30px;
			padding: 0px 0px 0px 10px;
			border:1px solid rgba(50,50,60,.9);
 			border-radius:5px;
			-moz-border-radius:5px; /* Firefox 3.6 and earlier */


		}		
		
		
		#content_servers_mw3 {
			
			width: 220px;
			height: auto;
			float: left;
			color: #FFF;
			margin: 0px 0px 0px 30px;
			padding: 0px 0px 0px 10px;
			border:1px solid rgba(50,50,60,.9);
 			border-radius:5px;
			-moz-border-radius:5px; /* Firefox 3.6 and earlier */

		}
		
		
		#content_servers_bf3_gametracker {
			
			width: 200px;
			height: auto;
			float: left;
			margin: 10px 0px 10px 5px;
			clear: both;		
		}
		
		
		#content_servers_mw3_gametracker {
			
			width: 200px;
			height: auto;
			float: left;
			margin: 10px 0px 10px 5px;
			clear: both;		
		}
		
		
		
		
		
		
/*************************************************** ABOUT US PAGE CSS ****************************************************/		
		
		
		#about_centre_block{
			
			width: 758px;
			height: auto;
			float: left;
			margin: 4px 0px 0 0px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: 100;
			color: #FFFFFF;	
		
		}
		
		 
 		a.aboutlinkcolor:link { color: #83b3c9; }
 		a.aboutlinkcolor:visited { color:#83b3c9; }
 		a.aboutlinkcolor:hover { color: #FFF; }
		
		img.floatLeft { 
    		float: left; 
    		margin: 0px 15px 40px 0px; 

		}

		
		
		
		#about_us_clan_content{
		Margin: 0px 0px 20px 0px;
		clear: both;
			
		}
		
		
		



/*************************************************** FOOTER CSS ****************************************************/


	/***** FOOTER CONTAINER *****/

		#footer_container {
			width: 1204px;
			height: auto;
			float: left;
			background: url(images/footer_background.png) repeat-x;
			clear: both;
		}


		#footer_container_left_block {
			width: 884px;
			height: 72;
			float: left;
			margin: 15px 0px 20px 10px;
			color:#222;
			text-align: left;
		}
		
		a.linkcolor:link { color: #222; }
 		a.linkcolor:visited { color: #222; }
 		a.linkcolor:hover { color: #FFF; }
 
	

		#footer_container_right_block {
			width: 300px;
			height: 72;
			float: left;
			margin: 15px 10px 0px 0px;
			color:#222;
			text-align: right;
		}
		


/********************************************* IMAGE ORBIT REQUIRED CSS ***********************************************/


		.container {
    		position: absolute; 
    		top: 50%; 
    		left: 50%;
    		margin: -300px 0 0 -470px; 
		}
			
		.orbitcontent {background: url(orbit/images/mw3.jpg); 
		}