/* 

STYLE SHEET FOR [x] WEB SITE
Created by Author Name
www.digitalbrief.co.uk

/* ================ TABLE OF CONTENTS ======================

1. RESET
2. DEFAULT STYLES
3. STANDARD CLASSES, FLOATS ETC.
4. OUTER STRUCTURE
5. NAVIGATION
6. INNER STRUCTURE

/* =============== NOTES =======================


/* ====================
COLOUR REFERENCE SHEET
-----------------------

Page Background: #ffffff;
Primary Font: #000000;
Secondary Font: #666666;
Primary Link: #0000FF;
Primary Link Hover: #0000FF;
Secondary Link: #FF0000;
Secondary Link Hover: #FF0000;

Borders, Headlines, etc, 

------------------------
===================== */


/* ================ 
1. RESET
===========================*/

* { /*reset all elements to have no margin and padding */
	margin:0;
	padding:0;
}

body {
	background: #3f6b33 url(../img/common/bg1.gif) repeat-x;
	text-align:center;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1.5;
	color:#000;
	overflow:auto;
}

ul {
	list-style-type:none;
	list-style:none;	
	background:none;
}

img {
	border:0;
}

/* ================ 
2. STANDARD STYLING
===========================*/

/* ===== FONTS =====*/

h1, h2, h3, h4, p, ul, ol {
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color:#406c34;
}

h2.page {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color:#216c85;
}

h3 {
}
		
h4 {
}

p {
	font-size:1em;
}

blockquote {
}

ol {
}

dl {
}

/* ===== LINKS =====*/

a {
	text-decoration:none;
	color: #ffffff;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}

a:link {
}

a:active {
}

a:hover {
text-decoration:underline;
}

a:visited {
}

a.digitalbrief {
	text-decoration:none;
	color: #216c85;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}


/* ===== TABLES =====*/

table {
}
		
caption {
}
		
tr {
}

th, td {
}
		
th {
}
		
td {
}


/* ===== FORMS =====*/

form {
}

input, select, textarea {
}

.field{ 
	float:left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	width: 350px; 
	border: 2px solid #216c85;
	height: 20px;
	background-color: #fff;
}

.field1{ 
	float:left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	width: 350px; 
	color: #000000;
	border: 2px solid #216c85;

}

.button1{ 
	float:left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	border: 2px solid #3a5f31;
	background-color: #3f6b33;
	cursor: pointer;
	height: 20px;
	width: 80px;

}

.button{ 
	background: url(../img/buttons/join.gif) no-repeat;
	float:left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	cursor: pointer;
	height: 26px;
	width: 101px;
	border:none;

}

/* ================ 
3. STANDARD CLASSES FLOATS ETC
===========================*/

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.clearBoth {
	clear:both;
}

.clearRight {
	clear:right;
}

.clearLeft {
	clear:left;
}


/* ================ 
4. OUTER STRUCTURE
===========================*/

#page-wrapper {
	background: url(../img/content/fp-home-bg2.jpg) no-repeat;
	width: 1003px;
	margin:0 auto;
	font-size:1em;
	text-align:center;
	overflow:hidden;
	position:relative;
}

#page-wrapper-football-agency {
	background: url(../img/content/fp-home-bg1.jpg) no-repeat;
	width: 1003px;
	margin:0 auto;
	font-size:1em;
	text-align:center;
	overflow:hidden;
	position:relative;
}

#page-wrapper-cars {
	background: url(../img/content/fp-cars-bg.jpg) no-repeat;
	width: 1003px;
	margin:0 auto;
	font-size:1em;
	text-align:center;
	overflow:hidden;
	position:relative;
}

#page-wrapper-financial {
	background: url(../img/content/fp-financial-bg.jpg) no-repeat;
	width: 1003px;
	margin:0 auto;
	font-size:1em;
	text-align:center;
	overflow:hidden;
	position:relative;
}

#page-wrapper-accountants {
	background: url(../img/content/fp-accountants-bg.jpg) no-repeat;
	width: 1003px;
	margin:0 auto;
	font-size:1em;
	text-align:center;
	overflow:hidden;
	position:relative;
}

#page-wrapper-sportslaw {
	background: url(../img/content/fp-sportslaw-bg.jpg) no-repeat;
	width: 1003px;
	margin:0 auto;
	font-size:1em;
	text-align:center;
	overflow:hidden;
	position:relative;
}

#page-wrapper-property {
	background: url(../img/content/fp-property-bg.jpg) no-repeat;
	width: 1003px;
	margin:0 auto;
	font-size:1em;
	text-align:center;
	overflow:hidden;
	position:relative;
}

#page-wrapper-medical {
	background: url(../img/content/fp-medical-bg.jpg) no-repeat;
	width: 1003px;
	margin:0 auto;
	font-size:1em;
	text-align:center;
	overflow:hidden;
	position:relative;
}

#page-bottom {
	background: url(../img/common/page-bottom.gif) no-repeat;
	width: 1003px;
	height: 20px;
	margin:0 auto;
	font-size:1em;
	text-align:center;
}

#content-wrapper {
	float: left;
	width: 512px;
	position:relative;
	display: inline;
	padding-left: 10px;

}

#header {
	background: url(../img/logos/football-profile-logo.gif) no-repeat;
	height: 90px;
	width: 980px;
	float: left;
}	

.header {
	padding-top:30px;
	padding-left: 30px;
	color: #216c85;
	font-weight: bold;
	text-indent: -9999px;
}

.header1 {
	text-indent: -9999px;
	width: 284px;;
}

.header-banner {
	float:left;
	/*clear:left;*/
	background-color:#FFFFFF;
	margin-left: 304px;
	margin-bottom: 0px;
	width: 510px;
	height: 70px;
	margin-top:10px;
	display:inline;
}

#content {
	background: url(../img/content/content-bg1.gif) no-repeat;
	float: left;
	width: 512px;
	height: 131px;
	margin-top: 11px;
	margin-left: 3px;
	display: inline;
}

#content-home {
	background: url(../img/content/content-bg-home.gif) no-repeat;
	float: left;
	width: 512px;
	height: 180px;
	margin-top: 11px;
	margin-left: 3px;
	display: inline;
}


.content {
	float:left;
	padding: 9px 20px 20px 17px;
	text-align:left;
	font-size: 1.15em;
	display: inline;
}

#join {
	background: url(../img/content/deep-content-bg.gif) no-repeat;
	float: left;
	width: 247px;
	height: 142px;
	margin-top: 11px;
	margin-left: 3px;
	display:inline;
}

#contact {
	background: url(../img/content/deep-content-bg.gif) no-repeat;
	float: right;
	width: 247px;
	height: 142px;
	margin-top: 11px;
	margin-left: 0px;
	display:inline;
}

#about {
	background: url(../img/content/deep-content-bg.gif) no-repeat;
	float: left;
	width: 247px;
	height: 142px;
	margin-top: 11px;
	margin-left: 3px;
	display:inline;
}

#privacy {
	background: url(../img/content/deep-content-bg.gif) no-repeat;
	float: right;
	width: 247px;
	height: 142px;
	margin-top: 11px;
	margin-left: 0px;
	display:inline;
}

.boxtitle {
	float: left;
	width: 227px;
	padding-top: 35px;
	padding-left: 20px;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color: #216c85;
	line-height:1;
	text-align:left;
	font-weight:bold;
}

.boxtext {
	float: left;
	width: 217px;
	padding-top: 3px;
	padding-left: 20px;
	padding-right: 10px;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	color: #216c85;
	line-height:1.25;
	text-align:left;
}

.buttonjoin {
	background: url(../img/buttons/join.gif) no-repeat;
	float: left;
	width: 101px;
	height: 26px;
	padding-top: 5px;
	margin-left: 19px;
	margin-top:3px;
	padding-left:15px;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	font-weight:bold;
	color: #ffffff;
	line-height:1.25;
	text-align:left;
	text-decoration:none;
}

.buttoncontact {
	background: url(../img/buttons/contact.gif) no-repeat;
	float: left;
	width: 111px;
	height: 26px;
	padding-top: 5px;
	margin-left: 19px;
	margin-top:3px;
	padding-left:13px;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	font-weight:bold;
	color: #ffffff;
	line-height:1.25;
	text-align:left;
	text-decoration:none;
}

.buttonabout {
	background: url(../img/buttons/join.gif) no-repeat;
	float: left;
	width: 101px;
	height: 26px;
	padding-top: 5px;
	margin-left: 19px;
	margin-top:15px;
	padding-left:15px;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	font-weight:bold;
	color: #ffffff;
	line-height:1.25;
	text-align:left;
	text-decoration:none;
}

.buttonprivacy {
	background: url(../img/buttons/privacy.gif) no-repeat;
	float: left;
	width: 131px;
	height: 26px;
	padding-top: 5px;
	margin-left: 19px;
	margin-top:30px;
	padding-left:11px;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	font-weight:bold;
	color: #ffffff;
	line-height:1.25;
	text-align:left;
	text-decoration:none;
}

.buttonpaging {
	background: url(../img/buttons/paging.gif) no-repeat;
	float: right;
	width: 101px;
	height: 26px;
	padding-top: 5px;
	margin-left: 0px;
	margin-top:0px;
	padding-right:5px;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	font-weight:bold;
	color: #ffffff;
	line-height:1.25;
	text-align:center;
	text-decoration:none;
}

#paging {
	width: 502px;
	height: 26px;
	float: left;
	color: #ffffff;
	text-align:left;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:95%;
	line-height:1.5;
	padding-left:0px;
	padding-bottom:5px;

}.pagingdisplaying {
	float: left;
	width: 200px;
	height: 26px;
	padding-top: 5px;
	margin-left: 22px;
	margin-top:0px;
	padding-right:5px;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	font-weight:bold;
	color: #3f6b33;
	line-height:1.25;
	text-align:left;
	text-decoration:none;
}

#paginggroups {
	float: left;
	width: 490px;
	height:20px;
	margin-left: 22px;
	display: inline;
	padding-bottom:10px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	font-weight:bold;
	color: #ffffff;
	line-height:1.25;
}

#banner {
	float: left;
	width: 512px;
	height:90px;
	margin-left: 5px;
	display: inline;
	padding-bottom:10px;
}

#banner-home {
	float: left;
	width: 512px;
	height:90px;
	margin-left: 5px;
	display: inline;
	padding-bottom:10px;
	padding-top: 10px;
}


#ad-wrapper {
	width: 175px;
	float: right;
	display:inline;
	clear:right;
}

#ad-space1 {
	background: url(../img/content/) no-repeat;
	position:relative;
	float: right;
	width: 150px;
	height: 200px;
	margin-top: 11px;
	margin-left: 17px;
	margin-right: 25px;
}

#ad-space2 {
	background: url(../img/content/) no-repeat;
	position:relative;
	float: right;
	width: 150px;
	height: 200px;
	margin-top: 11px;
	margin-left: 17px;
	margin-right: 25px;
}

#footer {
	width: 960px;
	height: 50px;
	float: left;
	color: #ffffff;
	text-align:left;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:95%;
	line-height:1.5;
	padding-left:10px;
}

.footertext {
	float:left;
	width: 275px;
	padding-left: 20px;
	text-align:left;
	font-size: 1em;
}

.footerbar {
	background: url(../img/common/footer-bar.gif) no-repeat;
	float:left;
	width: 510px;
	height: 50px;
	text-align:left;
	font-size: 1em;
	color: #216c85;
	padding-left:20px;
	display:inline;
}

#links {
	width: 960px;
	height: 50px;
	float: left;
	color: #ffffff;
	text-align:left;
	padding-left:315px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	line-height:1.5;
}


/* ================ 
5. NAVIGATION
===========================*/

.navigation {
	float: left;
	display: inline;
	width: 290px;
	height: 480px;
	background: url(../img/) no-repeat;
	
	position:relative;
}

ul#navigation  {
	list-style:none;
	clear:both;
	float: left;
	display: inline;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 16px;
	padding-bottom: 0px;
	width: 270px;

	position:absolute;
	top:0;
	left:0;
	z-index:5;
}

#navigation li {
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1;
	color:#fff;
	text-align: left;
	text-decoration: none;
	height: 28px;
	display:inline;
	clear:both;
	float: left;
	padding:0px 0px 0px 0px;
}

#navigation li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 28px;
	color:#fff;
	text-align: left;
	text-decoration: none;
	width: 280px;
	display:block;
	clear:both;
	float: left;
	padding:0px 0px 0px 10px;
	background: url(../img/buttons/nav-off.gif) no-repeat;
}

#navigation li a:hover {
	text-align: left;
	text-decoration: none;
	background: url(../img/buttons/nav-over.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 28px;
	color:#fff;
	width: 280px;
	display:block;
	clear:both;
	float: left;
	padding:0px 0px 0px 10px;
}


#navigation li a.on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	color:#fff;
	text-align: left;
	text-decoration: none;
	width: 280px;
	height: 28px;
	display:inline;
	clear:both;
	float: left;
	padding:8px 0px 8px 10px;
	background: url(../img/buttons/nav-over.gif) no-repeat;	
}

#home #navigation .home a {
	background: url(../img/buttons/nav-on.gif) no-repeat;
	color: #fff;
	position:relative;
	z-index:10;
	display:inline;
	width:280px;
}

#footballagency #navigation .footballagency a {
	background: url(../img/buttons/nav-on.gif) no-repeat;
	color: #fff;
	position:relative;
	z-index:10;
	display:inline;
	width:280px;
}

#financial #navigation .financial a {
	background: url(../img/buttons/nav-on.gif) no-repeat;
	color: #fff;
	position:relative;
	z-index:10;
	display:inline;
	width:280px;
}

#accounts #navigation .accounts a {
	background: url(../img/buttons/nav-on.gif) no-repeat;
	color: #fff;
	position:relative;
	z-index:10;
	display:inline;
	width:280px;
}

#sportslaw #navigation .sportslaw a {
	background: url(../img/buttons/nav-on.gif) no-repeat;
	color: #fff;
	position:relative;
	z-index:10;
	display:inline;
	width:280px;
}

#property #navigation .property a {
	background: url(../img/buttons/nav-on.gif) no-repeat;
	color: #fff;
	position:relative;
	z-index:10;
	display:inline;
	width:280px;
}

#cars #navigation .cars a {
	background: url(../img/buttons/nav-on.gif) no-repeat;
	color: #fff;
	position:relative;
	z-index:10;
	display:inline;
	width:280px;
}

#medical #navigation .medical a {
	background: url(../img/buttons/nav-on.gif) no-repeat;
	color: #fff;
	position:relative;
	z-index:10;
	display:inline;
	width:280px;
}
/* ================ 
6. INNER STRUCTURE
===========================*/

.logo {
}

.search {
}

/* ================ 
5. Listings
===========================*/

#content-listings {
	background: url(../img/content/content-bg-middle.gif) repeat-y;
	float: left;
	width: 512px;
	margin-left: 3px;
	display: inline;
}

#content-listings-top {
	background: url(../img/content/content-bg-top.gif) no-repeat;
	float: left;
	width: 512px;
	height:20px;
	margin-top: 11px;
	margin-left: 3px;
	display: inline;
}

#content-listings-bottom {
	background: url(../img/content/content-bg-bottom.gif) no-repeat;
	float: left;
	width: 512px;
	height:20px;
	margin-left: 3px;
	display: inline;
	padding-bottom:10px;
}

#listing {
	border-top: 1px dotted #3f6b33;
	float: left;
	width: 472px;
	height: 110px;
	margin-left:20px;
	margin-right:20px;
	display: inline;
}

.listing-text {
	float: left;
	width: 310px;
	height: 110px;
	display: inline;
	text-align:left;
	margin-top: 10px;
	font-size: 1.15em;
}

.listing-logo {
	float: right;
	width: 162px;
	height: 110px;
	display: inline;
	margin-top: 10px;
	text-align:right;
}

a.listing {
	text-decoration:none;
	color: #406c34;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

a:link {
}

a:active {
}

a:hover {
text-decoration:underline;
}

a:visited {
}

/* ================ 
5. Contact
===========================*/

#contact-wrapper {
	border-top: 1px dotted #3f6b33;
	float: left;
	width: 472px;
	padding-bottom:15px;
	margin-left:20px;
	margin-right:20px;
	display: inline;
}

.contact{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1;
	color:#3f6b33;
	text-align: left;
	text-decoration: none;
	width: 470px;
	height: 20px;
	display:inline;
	float: left;
	margin-top:10px;
	}