/* CSS Document */

/*============================================================
  Created for: Raw Soccer
  Design Company: Sky Blue Studios
  
  www.skybluestudios.co.uk
============================================================*/

/*============================================================
  Page body/font style 
============================================================*/

body { 
	margin:0px;
	background-color:#121f08;
	background-image:url(../images/bg.gif);
	background-repeat:repeat;
	color:#ffffff;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

/*============================================================
  Fading Images
============================================================*/

.blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
}
#ImagesFade { width:820px; height:220px; overflow:hidden; }

/*============================================================
  Page General Layout 
============================================================*/

.clear { clear:both; }

#header {
	width:100%; height:186px;
	background-image:url(../images/bg_head.gif);
	background-repeat:repeat-x;
}

#headerWrap {
	width:800px;
	margin:0 auto;
}

#headerLogo {
	width:300px;
	padding:5px 0px 0px 0px;
	float:left;
}
#headerRight {
	width:500px;
	padding:14px 0px 0px 0px;
	text-align:right;
	float:left;
}

#headerNav {
	width:808px;
	float:left;
	margin-top:4px;
}


#content {
	width:100%; min-height:300px;
	background-image:url(../images/bg_content.gif);
	background-repeat:repeat;
	float:left;
}
#contentWrap {
	width:820px;
	margin:0 auto;
}

#contentBody {
	width:800px;
	margin:0px 0px 0px 10px;
	padding:10px 0px 40px 0px;
}

#footer {
	width:100%; height:100px;
	background-image:url(../images/bg_foot.gif);
	background-repeat:repeat-x;
	float:left;
}

#footerWrap {
	width:800px;
	margin:0 auto;
}

#footerLeft {
	width:300px;
	margin:25px 0px 0px 0px;
	padding:12px 0px 12px 0px;
	float:left;
}

#footerRight {
	width:500px;
	margin:25px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	text-align:right;
	float:left;
}

/*============================================================
  Page Specific - Contact
============================================================*/

#pageContactLeft {
	width:300px;
	margin:0px 0px 0px 0px;
	float:left;
}

#pageContactRight {
	width:450px;
	margin:0px 0px 0px 40px;
	float:left;
}
a.contactMap:link, a.contactMap:active, a.contactMap:visited {
	display:block;
	width:300px; height:250px;
	padding:5px;
	border:2px #b4c659 dashed;
}
a.contactMap:hover {
	border:2px #eaff7f dashed;
}

/*============================================================
  Page Specific - Gallery
============================================================*/

.galleryImg {
	display:block;
	width:160px;
	height:100px;
	text-align:center;
	margin:30px 17px 15px 17px;
	float:left;
}

.galleryImg img {
	border:2px #111111 solid;
}

/*============================================================
  Page Specific - Parties
============================================================*/

.eventsWrapper {
	width:350px; height:150px;
	margin:20px 20px 20px 20px;
	float:left;
	position:relative;
}

.eventsBox {
	width:350px; height:150px;
	background-color:#000000;
	border:1px #b4c659 solid;
	opacity: 30;
	-moz-opacity: .30;
	-khtml-opacity:.30;
	filter: alpha(opacity=30);
	position:absolute;
	z-index:1;
}

.eventsInner {
	width:330px; height:180px;
	margin:10px;
	position:absolute;
	top:0px;
	z-index:2;
}