/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 

	RESET CSS

- - - - - - - - - - - - - - - - - - - - - - - - - - - */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;} 
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 

	TYPOGRAPHY + colours

- - - - - - - - - - - - - - - - - - - - - - - - - - - */
body { line-height:18px; font:13px Arial, Helvetica, sans-serif; color:#454545; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: helvetica, serif; color:#222; }
h1{ padding:0 0 10px 0; margin:0 0 10px 0;  font-size:26px }
h1 b { font-size:28px;}
h2{}
h3{}
h4{}
a {color:#111; text-decoration:none; } a:hover {color:#fff; background:#000 }
.pink { color:#ed0d72}
.grey { background:#eee; }
.white { background:#fff;}
p { padding:10px 0px;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 

	MAIN AREAS

- - - - - - - - - - - - - - - - - - - - - - - - - - - */
body { background:#061d00 url(../gfx/bg.jpg) no-repeat top; text-align:center; font:13px Arial, Helvetica, sans-serif; }
	body.home { background-image:url(../gfx/bgPlayers2.jpg); }
	body.kempton { background-image:url(../gfx/bgKemptonPark.jpg); }

#body, #footer { text-align:center; margin:0px auto; width:1000px; position:relative; top:0px; }
#body {min-height:500px;}
	* html #body {height:500px !important;}

.content { padding:10px; }
.clear { clear:both; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 

	SECTIONS

- - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header { background:url(../gfx/bgNav2.jpg) repeat-x 51% 30px; width:100% }
	.headerContent { position:relative; top:0px; width:1000px; margin:0px auto; height:120px; }
	.contactDetails { background:#111; display:block; height:30px; width:355px; float:right; margin:0 12px 0 0; color:#FFF; font-size:14px }
		.contactDetails p a { color:#CCC;}
	.logo { background:url(../gfx/logo.png) no-repeat top left; width: 331px; height: 304px; display:block; position:absolute; top:0px; left:0px; z-index:1; }
	
	
#nav { height:60px; width:1000px; display:block; position:relative; top:0px; margin:0px auto; text-align:right;overflow:hidden ; float:right; }
 #nav ul { margin:0; padding:0; display:block; width:690px; float:right;    }
	#nav ul li { display:block; float:right; padding:0 0px 0 0;  }
		#nav li a { float:left; padding:25px 0 0 0; text-align:center; display:inline-block; width:121px; height:60px; color:#fff; vertical-align:top; text-decoration:none;  }
		#nav ul li a:hover { background:none; }
		#nav ul li a:hover span { background:#none; color:#000; }
		#nav ul li a span { font:22px Impact, Arial, Helvetica, sans-serif; color:#FFF; vertical-align:10px; }
		#nav ul li.active a span { color:#000}
		#nav ul li.last {  }
		
		/*Jquery btn*/
		li.active div.hoverBtn {background:black url(../ColorFadingMenu/images/navHover.png) repeat-x 0 0 scroll; color:#FFF; }	
		li.active div.hoverBtn a span { color:#FFF}	
			div.hoverBtn {position:relative;background:black url(../ColorFadingMenu/images/navBG.png) repeat-x 0 0 scroll;}
			div.hoverBtn a {position:relative;z-index: 2;background:transparent none repeat-x 0 0 scroll; height:46px; }
			div.hoverBtn a span {padding:16px 10px; display:block}
			div.hoverBtn div {display:none;position:absolute;z-index:1;top:0px;background:white url(../ColorFadingMenu/images/navHover.png) repeat-x 0 0 scroll; clear:both; }	
			

		
#body {  }
	.bodyShadow { background:url(../gfx/bgBodyShadow.png) no-repeat top right; padding:0 5px 5px 0px; display:block; margin:0 0 10px 0; }
		.body { margin:-5px 0 0 -5px; position:relative; top:0px; background:url(../gfx/bgBody.jpg) repeat top left; display:block; border:5px solid #c9c9ba; }
		.body.home, .bodyShadow.home { width:450px; height:555px; float:right;}
			.textHolder { padding:16px; text-align:left; }
			.textHolder .emphasis { background:#456730/*c1bca1*/; border:2px solid #ccc; padding:8px; font-style:normal; color:#FFF; font-weight:bold;}
			
			.form { padding:10px}
			
			/* jQUERY TABS */
			ul.tabs {
				margin: 0;
				padding: 0;
				float: left;
				list-style: none;
				
				width: 100%;
			}
			ul.tabs li {
			
				display:block;
				width:100%;
				background:#c63529;
				margin: 0;
				padding: 3px 0px;
				
			}
			ul.tabs li a {
			
				padding:0 0 0 5px;
				display:block;

			}
			ul.tabs li a:hover {
				background: transparent;
			}
			html ul.tabs li.active a, html ul.tabs li.active a:hover  { 
				color:#FFF;
				
			}
			/* TAB CONTENT */
			.tab_container {
				margin:15px 0px;
				
			}
			.tab_content {
				
			}
			
			
			
		.body.normal, .bodyShadow.normal { width:450px; float:right; }	
			
	.buyBtn { float:left; position:relative; top:420px; left:20px; width:456px; height: 122px; }				
		a.btn { margin:0;float:right; display:block;background-color:none; background:url(../gfx/btnBuySprite.png) no-repeat 0px -1px; width:456px; height:122px; overflow:hidden; color:#FFF; font-weight:normal; text-transform:none;}
		a.btn:hover { background-position:0px -122px; color:#fff; text-decoration: none;  Zbackground-color: transparent; Zbackground:url(../gfx/btnBuySprite.png) no-repeat 0px 0px;}
			a.btn span { padding:4px 0 0 5px; display:block; position: relative; left:-10000px;}
		
/* left side of internal page */
.left { float:left;display:inline; width:450px; overflow:hidden; position:relative; top:0px; min-height:600px }		
	#arrow-right-gallery{ 	position:absolute; top:100px; left:250px;	z-index:9;	display: none;	}
	#arrow-left-gallery{	position:absolute; top:170px; left:250px;	z-index:9;	display: none; }
		#arrow-right-gallery, #arrow-left-gallery, #arrow-right-gallery *, #arrow-left-gallery * { background:none; }
	
	#gallery-text{height:315px;position:relative; width:440px  ; background:url(../gfx/bgBody.jpg) repeat top left; display:block; border:5px solid #c9c9ba; top:240px; text-align:left; }	
		.slogon { background:#c63529; color:#FFF; display:block; padding: 3px; font:18px impact; width:100%; padding:3px; margin:10px }
		.info { margin:0 10px;}
		
/* right side of internal page */
.right { float:left;display:inline; width:550px; overflow:hidden; position:relative; top:0px; min-height:600px }	
	.cardLeft { background:url(../gfx/players/leftPlayer.png) no-repeat top right; width:91px; height:371px; display:block; float:left ; margin:15px}
	.cardRight { background:url(../gfx/players/rightPlayer.png) no-repeat top right; width:91px; height:371px; display:block; float:left;margin:15px } 
	#gallery{ position:relative;z-index:100; width:250px; height:381px; display:block; float:left;margin:10px 0 0 0; }
	.pics { background:url(../images/ajax-loader.gif) no-repeat 50% 50%;}
	
	#buyPlayer { position:relative; top:25px; left:20px; float:left; width:456px; }				
		#buyPlayer a.btn { margin:0;float:left; display:block;background-color:none; background:url(../gfx/btnBuySprite.png) no-repeat 0px -1px; width:456px; height:122px; overflow:hidden; color:#FFF; font-weight:normal; text-transform:none;}
		#buyPlayer a.btn:hover { background-position:0px -122px; color:#fff; text-decoration: none;  Zbackground-color: transparent; Zbackground:url(../gfx/btnBuySprite.png) no-repeat 0px 0px;}
			#buyPlayer a.btn span { padding:4px 0 0 5px; display:block; position: relative; left:-10000px;}
	
	
						
#newsList h2 { font-size:18px; margin:6px 0; padding:0 0 8px 0; border-bottom:1px solid #efefef;}
#newsList ul li { margin-bottom:15px;}

/* FOOTER */					
.footerContainer {}
	#footer .content { text-align:left; padding:25px 20px; background:#111; border:5px solid #333 }
			#footer .content ul { border-left: 1px solid #666; }
			#footer .content ul li {  display:inline; border-right:1px solid #666; float:left }	
				#footer .content ul li a {  padding:0 10px; }	
			#footer * a { color:#fff; }	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 

	MISC

- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.newsImg {float:left; margin-right:15px; width:100px;}
.newsDesc {width:300px; float:left;}
.newsIntImg {float:right; width:200px; border:5px #fff solid; background:#fff;}
.newsIntImg a:hover {background:#fff;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 

	FIXES

- - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.container.white { min-height:400px; }
.last {margin-right:7px;}