/* 

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-color:#000000;
	text-align:left;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1.5;
	color:#fff;
}

.body-bold {
	text-align:left;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:1em;
	line-height:1.5;
	color:#fff;
}


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:Georgia, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
}
	

h1.logo {
	float: left;
}

h1.logohome {
	float: left;
	background: #000000 url(../img/logos/sevensport-logo.jpg) no-repeat;
	width: 64px;
	height: 85px;
	text-indent: -999px;
}

h1.title {
	line-height: 1;
	color:#ffffff;
	float: left;
	padding-left: 20px;
	padding-bottom: 20px;
}

h1.titlesmall {
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	vertical-align: bottom;
	color:#ffffff;
	float: left;
	padding-left: 5px;
}

h1.titlegold {
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	vertical-align: bottom;
	color:#625525;
	float: left;
	padding-left: 7px;
}
		
h2 {
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
}

h2.strapline { /* RC Amends 19/11/08 */
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	color:#625525;
	float: left;
	padding-bottom:10px;
	vertical-align: bottom;
	
	display:inline;
	position:absolute;
	bottom:0;
}

h2.headings {
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1;
	color:#625525;
	float: left;
	padding-bottom: 0px;
}

h3 {
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color:#ffffff;
}


p {
	font-size:1em;
}

blockquote {
}

ol {
}

dl {
}

/* ===== LINKS =====*/

a.news {
	text-decoration:none;
	color: #857432;
	text-align:left;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.5;
	font-weight: bold;
}

a:link {
	text-align:left;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height:1.5;
	color:#fff;
}

a:active {
	text-align:left;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height:1.5;
	color:#fff;
}

a:hover {
	text-align:left;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height:1.5;
	color:#fff;
}

a:visited {
	text-align:left;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height:1.5;
	color:#fff;
}

/* ===== TABLES =====*/

table {
}
		
caption {
}
		
tr {
}

th, td {
}
		
th {
}
		
td {
}


/* ===== FORMS =====*/

form {
}

.drop{
background-color: 000000;
color: ffffff;
border: 2px solid #857432;
width: 220px;
}

input, select, textarea {
}

.field{ 

	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	width: 350px; 
	border: 2px solid #857432;
	height: 20px;
	background-color: #fff;

}

.field1{ 

	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	width: 350px; 
	color: #000000;
	border: 2px solid #857432;

}

.button{ 

	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #000;
	border: 2px solid #857432;
	background-color: #62541c;
	cursor: pointer;
	height: 20px;
	width: 80px;

}

.gold-details {
	float: left;
	color: #857432;
	text-align:left;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:95%;
	line-height:1.5;
	width: 350px;
}

/* ================ 
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 {
	width: 983px;
	margin:0 auto;
	font-size:1.2em;
}

#content-wrapper {
	float: left;
	background: #000000 url(../img/common/content-bg.jpg) no-repeat;
	width: 793px;
	height: 100%;
}

.main-content {
	float:right;
	width:793px;
}

#header {
	background: url(../img/common/header-banner.jpg) no-repeat;
	padding-top: 10px;
	height: 116px;
	width: 983px;
	float: left;
}

.header {
	float: left;
}

#content {
float: left;
width: 425px;
height: 35px;
display: inline;
}

.content-intro { /* RC Amends 19/11/08 */
float: left;
width: 425px;
height: 212px;
padding-left: 20px;
display: inline;
position:relative;
}

.content-flash {
float: right;
width: 348px;
height: 247px;
display: inline;
}

#content-common {
float: left;
width: 773px;
height: 35px;

}

.content-left {
float: left;
width: 360px;
height: 350px;
padding-left: 20px;
padding-right: 30px;
}

.content-right {
float: left;
width: 360px;
height: 350px;
line-height:1.8;
}

.content-detailslogo {
float: left;
padding-left: 20px;
width: 111px;
height: 35px;
}

.content-details {
float: left;
width: 650px;
height: 35px;
}

#news {
	background: url(../img/content/news-bg.jpg) no-repeat;
	float: left;
	width: 793px;
	height: 190px;
	display: inline;
}

.news-title {
	float: left;
	width: 753px; /* RC changed, remember that padding is included on the width previously 793px now 793-40 (left padding = 753) */
	padding-top: 5px;
	padding-left: 40px;
}

.news-image1{
	float: left;
	padding-top: 12px;
	padding-left: 20px;
	padding-right: 10px;
	width: 150px;
	height: 100px;
}

.news-image2{
	float: left;
	padding-top: 12px;
	padding-left: 40px;
	padding-right: 10px;
	width: 150px;
	height: 100px;
}


.news-article {
	float: left;
	padding-top: 12px;
	width: 140px;
	height: 145px;
	line-height: 1.2em;
	font-size: 96.5%;
}

.news-articletitle {
	color:#000;
	font-weight: bold;
	line-height: 1em;
	font-size: 1.1em;
}

.client-content-left {
float: left;
width: 360px;
height: 60px;
padding-left: 20px;
padding-right: 30px;
}

.client-content-right {
float: left;
width: 360px;
height: 60px;
}

#client-left {
float: left;
width: 160px;
height: 215px;
padding-left: 20px;
padding-right: 35px;
}

#client{
float: left;
width: 160px;
height: 215px;
padding-left: 0px;
padding-right: 35px;
}

#client-right{
float: left;
width: 160px;
height: 215px;
padding-left: 0px;
padding-right: 0px;
}

#news-page-content{
float: left;
top: 160px;
width: 550px;
height: 100%;
}

.news-page-images{
float: left;
width: 150px;
height: 100px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}

.news-page-article{
float: left;
width: 330px;
height: 100%;
padding-right: 30px;
padding-bottom: 20px;
}

#news-page-archive{
float: right;
width: 220px;
height: 440px;
padding-right: 10px;
padding-left: 3px;
background: url(../img/content/news-archive-bg.jpg) no-repeat;
}

#news-page-year-archive{
float: right;
margin-top: 10px;
margin-bottom: 20px;
width: 220px;
padding-right: 10px;
padding-left: 3px;
clear: both;
display: inline;
}

#news-page-archive-year{
float: right;
clear: both;
width: 220px;
height: 440px;
padding-right: 10px;
padding-left: 3px;
margin-top: 10px;
background: url(../img/content/news-archive-bg.jpg) no-repeat;
}

.news-archive-title{
font-family:Georgia, Helvetica, sans-serif;
padding-left: 10px;
padding-top: 10px;
font-size: 1em;
font-weight: bold;
line-height: 1;
color:#ffffff;
text-align: left;
text-decoration: none;
width: 220px;
height: 30px;
display:block;
clear:both;
}

#news-archive ul {
	height:406px;
	list-style:none;
	clear:both;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 1px;
	width: 214px;	
}
#news-archive ul li {
	list-style:none;
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	color:#857432;
	text-align: left;
	text-decoration: none;
	width: 214px;
	height: 29px;
	display:block;
	clear:both;
	padding:3px 0px 0px 0px;
}

#news-archive li a {
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	color:#857432;
	text-align: left;
	text-decoration: none;
	width: 214px;
	height: 29px;
	display:block;
	clear:both;
	padding:8px 0px 3px 6px;
	background: url(../img/buttons/news-archive-off.gif) no-repeat;
}

#news-archive li a:hover {
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	color:#ffffff;
	text-align: left;
	text-decoration: none;
	width: 214px;
	height: 29px;
	display:block;
	clear:both;
	padding:8px 0px 3px 6px;
	background: url(../img/buttons/news-archive-over.gif) no-repeat;
}

#menu_parent{
font-family:Georgia, Helvetica, sans-serif;
padding-left: 10px;
padding-top: 10px;
font-size: 1em;
font-weight: bold;
line-height: 1;
color:#ffffff;
text-align: left;
text-decoration: none;
width: 220px;
height: 30px;
display:block;
clear:both;
}

#menu_child ul {
	height:406px;
	list-style:none;
	clear:both;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 1px;
	width: 214px;	
}
#menu_child ul li {
	list-style:none;
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	color:#857432;
	text-align: left;
	text-decoration: none;
	width: 214px;
	height: 29px;
	display:block;
	clear:both;
	padding:3px 0px 0px 0px;
}

#menu_child li a {
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	color:#857432;
	text-align: left;
	text-decoration: none;
	width: 214px;
	height: 29px;
	display:block;
	clear:both;
	padding:8px 0px 3px 6px;
	background: url(../img/buttons/news-archive-off.gif) no-repeat;
}

#menu_child li a:hover {
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	color:#ffffff;
	text-align: left;
	text-decoration: none;
	width: 214px;
	height: 29px;
	display:block;
	clear:both;
	padding:8px 0px 3px 6px;
	background: url(../img/buttons/news-archive-over.gif) no-repeat;
}		

#footer {
	float: left;
	color: #857432;
	text-align:left;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:95%;
	line-height:1.5;
	width: 100%;
	height: 50px;
}

/* ================ 
5. NAVIGATION
===========================*/

#navigation {
float: left;
display: inline;
width: 190px;
height:530px;
background: url(../img/buttons/nav_bg.jpg) no-repeat;
}

#navigation ul {
	height:430px;
	list-style:none;
	clear:both;
	float: left;
	display: inline;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 1px;
	width: 190px;	
}

#navigation ul li {
	list-style:none;
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	color:#ffffff;
	text-align: left;
	text-decoration: none;
	height: 30px;
	display:inline;
	clear:both;
	float: left;
	padding:0px 0px 1px 0px;
}

/*#navigation li a {
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	color:#ffffff;
	text-align: left;
	text-decoration: none;
	width: 190px;
	height: 30px;
	display:inline;
	clear:both;
	float: left;
	padding:8px 20px 8px 10px;
	background: url(../img/buttons/nav-off.jpg) no-repeat;
}*/

/* RC AMENDED - 18/11/08 */
#navigation li a {
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 30px;
	color:#ffffff;
	text-align: left;
	text-decoration: none;
	width: 160px;
	display:block;
	clear:both;
	float: left;
	padding:0px 20px 0px 10px;
	background: url(../img/buttons/nav-off.jpg) no-repeat;
}

/*#navigation li a:hover {
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	color:#ffffff;
	text-align: left;
	text-decoration: none;
	width: 190px;
	height: 30px;
	display:inline;
	clear:both;
	float: left;
	padding:8px 20px 8px 10px;
	background: url(../img/buttons/nav-over.jpg) no-repeat;
}*/

/* RC AMENDED - 18/11/08 */
#navigation li a:hover {
	text-align: left;
	text-decoration: none;
	background: url(../img/buttons/nav-over.jpg) no-repeat;
}


#navigation li a.on {
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	color:#ffffff;
	text-align: left;
	text-decoration: none;
	width: 190px;
	height: 30px;
	display:inline;
	clear:both;
	float: left;
	padding:8px 20px 8px 10px;
	background: url(../img/buttons/nav-over.jpg) no-repeat;	
}

#home #navigation .home a {
	background: url(../img/buttons/nav-on.jpg) no-repeat;
	color: #fff;
}

#about #navigation .about a {
	background: url(../img/buttons/nav-on.jpg) no-repeat;
	color: #fff;
}

#clients #navigation .clients a {
	background: url(../img/buttons/nav-on.jpg) no-repeat;
	color: #fff;
}

#services #navigation .services a {
	background: url(../img/buttons/nav-on.jpg) no-repeat;
	color: #fff;
}

#wealthmanagement #navigation .wealthmanagement a {
	background: url(../img/buttons/nav-on.jpg) no-repeat;
	color: #fff;
}

#news1 #navigation .news a {
	background: url(../img/buttons/nav-on.jpg) no-repeat;
	color: #fff;
}

#links #navigation .links a {
	background: url(../img/buttons/nav-on.jpg) no-repeat;
	color: #fff;
}

#contact #navigation .contact a {
	background: url(../img/buttons/nav-on.jpg) no-repeat;
	color: #fff;
}

/* ================ 
6. INNER STRUCTURE
===========================*/

.logo {
}

.search {
}
