/*
	Purpose:	Global CSS Document for Reliance Press and JWB Print and Design
	Site:		www.reliancepress.co.uk
	Author:		Distinction Limited
	Version:	1.00 (October 2007)
	
	Revisions:	None
*/

/* 
STANDARD TAGS 
*/


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	/*background: #d8d88c url(../images/bg_gradient.jpg) top left repeat-x;*/
	background: #818181 url(../images/bg_gradient2.jpg) top left repeat-x;
	}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #e57a4b;
	}	
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #5eaa58;
	}
	
h3,
h3 a:link,
h3 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
	text-decoration: none;
	}

p,
li,
label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.6em;
	color: #333;
	}
	
li>ul>li {
	font-size: 1.1em;
	}
	
a:link {
	color: #e57a4b;
	text-decoration: underline;
	}
	
a:visited {
	color: #5eaa58;
	text-decoration: underline;
	}
	
a:hover {
	color: #0b9eca;
	text-decoration: none;
	}

/* 
LAYOUT TAGS 
*/


#container {
	position: relative;
	width: 900px;
	margin: 0 auto;
	background-color: #FFF;
	}
	
#content {
	float: left;
	width: 100%;
	background-color: #fff;
	border: 1px solid #0b9eca;
	}
		
#top {
	background-color: #0b9eca;
	width: 100%;
	height: 10px;
	position: relative;
	float: left;
	clear: both;
	}
	
#header {
	float: left;
	position: relative;
	width: 870px;
	padding: 20px 15px 20px 15px;
	text-align: center;
	clear: both;
	}
	
#nav {
	float: left;
	position: relative;
	width: 870px;
	padding: 10px 15px 10px 15px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	clear: both;
	text-align: center;
	}

#topContent {
	float: left;
	position: relative;
	width: 870px;
	padding: 10px 15px 20px 15px;
	clear: both;
	}
	
#leftPicture {
	position: relative;
	float: left;
	width: 260px;
	text-align: center
	padding-bottom: 20px;
	}

#rightPicture {
	position: relative;
	float: right;
	width: 250px;
	text-align: center
	padding-bottom: 20px;
	}

#rightContent {
	position: relative;
	float: right;
	background: url(../images/rightText3.jpg) no-repeat center;
	width: 590px;
	height: 100px;
	}
	
#leftContentText {
	position: relative;
	float: left;
	width: 600px;
	padding-left: 10px;
	padding-bottom: 20px;
	}
	
#rightContentText {
	position: relative;
	float: right;
	width: 600px;
	padding-right: 10px;
	padding-bottom: 20px;
	}

#contentTextWide {
	position: relative;
	float: left;
	width: 880px;
	padding: 0 10px;
	}

#bottomContent {
	float: left;
	position: relative;
	width: 870px;
	padding: 20px 15px 20px 15px;
	border-top: 1px solid #ccc;
	clear: both;
	}
		
#columnOne,
#columnTwo,
#columnThree {
	position: relative;
	float: left;
	width: 245px;
	padding: 0px 20px;
	text-align: center;
	}

#footer {
	background-color: #0b9eca;
	width: 100%;
	position: relative;
	float: left;
	clear: both;
	text-align: center;
	}

/* 
NAVIGATION TAGS 
*/

#nav ul,
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	}
	
#nav a {
	padding: 5px 10px;
	float: left;
	font-size: 1.1em;
	}

#nav a:link,
#nav a:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #8b3e85;
	text-decoration: none;
}

#nav a:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #118ec1;
	text-decoration: none;
}
	
/* 
FORMATTING TAGS 
*/
	
#leftPicture img,
#rightPicture img {
	border: 1px solid #000;
	}
	
	
#rightContent span {
	visibility: hidden;
	}
		
	
#footer p {
	font-size: 0.9em;
	color: #fff;
	margin: 0;
	padding: 10px;
	}
	
p a:link,
p a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: underline;
	}
	
p a:hover,
h3 a:hover {
	text-decoration:underline;
	}
	
table.quoteTable 
{
    margin: 0 auto;
}

table.quoteTable td 
{
    font-size: 0.9em;
    color: #333;
    
}

p.quoteStep 
{
    color: #666;
    font-weight: bold;
    text-decoration: underline;
}