/************************************************************************

	GLOBAL CSS
	==========

	Provides all global styles for the site which more specific sections 
	can be built on using the layered css technique

	Author:		Tom Harman
				Nick Watson
				Tom Fletcher
				[www.optixsolutions.co.uk]

	Listing Order:
	==============

	Universal
	Forms
	General Structure / Layout
	Navigation Elements
	Header Elements
	Body Elements
	Footer Elements
	Messages

************************************************************************/

/***********************************************************************
	UNIVERSAL STYLES
************************************************************************/

body {
	font-size: .7em;
	background: url(../i/layout/bg_stripes.gif)
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th {
	font-family: trebuchet ms; color:#797979;
}

div#content ul {



	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

div#content p, div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, 
div#content h6, div#content table, div#content ul, div#content ol, div#content form {

}

div#content p{
		margin: 1em 0;
}

/***********************************************************************
	FORMS
************************************************************************/

fieldset, legend {
	border: none;
}

legend {
	background: transparent;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
	padding: 0 .5em;
}

label {
	float: left;
	padding: 0 1em 0 0;
	text-align: right;
}

form fieldset div {
	clear: both;
	display: block;
	margin-bottom: .5em;
	padding: 0;
}

div.submit {
	clear: both;
	text-align: center;
	width: auto;
}

div.multi input {
	border: 0;
	width: auto;
}
 
form 									{ width: 100%; }

label		 							{ float: left;	height: 22px; width: 45%; }

fieldset div input,
fieldset div select,
fieldset div textarea  			{ width: 45%; }

fieldset div input.small,
fieldset div select.small,
fieldset div textarea.small 	{ width: 25%; }

div.req label, div.req p		{ font-weight: bold; }

div.multi label 					{ height: 22px; }

div.req label:before, 
div.req p:before {
	content: "* ";
}

input:focus, textarea:focus {
	background: #fafafa;
	color: #000;
}

fieldset div input, 
fieldset div select, 
fieldset div textarea  {
	border: 1px solid #aaa;
	color: #333;
	font-weight: normal;
	padding: 1px;
}

div.submit input {
	background: #777;
	border: 1px solid #333;
	color: #fff;
	font-weight: bold;
	padding: 1px .7em;
	width: auto;
	margin-top:10px;
	margin-left:10em;;
}

/***********************************************************************
	GENERAL STRUCTURE/LAYOUT
************************************************************************/
div#container {
   margin: 0 auto;
	width: 762px;
}
/***********************************************************************
	HEADER ELEMENTS
************************************************************************/
div#header {
	width: 762px;
	height: 163px;
	background: url(../i/layout/header_bg.gif) 0 0 no-repeat;
	background-position: bottom;

}

div#logo img{
	float:left;
	padding-top:70px;
	padding-left:10px;
}

div#header_images{
	float:right;
	padding-top:55px;
	
}




/***********************************************************************
	BODY ELEMENTS
************************************************************************/
div#main{
	width:762px;
	background: url(../i/layout/main_bg.gif);
}


div#main_top{
	margin-top:10px;
	width:762px;
	height:23px;
	background: url(../i/layout/main_top.gif);
	background-position: bottom;
}

div#content{
	padding: 0px 30px 0px 30px;
	height:500px;
}

div#left_column{
float: left;
width:340px;
text-align: justify;
padding-bottom:20px;
}

div#main ul{
	padding-left:20px;
}


div#main ul li{
text-indent: 0px;
	list-style: url(../i/layout/bullet_blue.gif);
	margin-left: 0;
	
}

div#right_column{
float:right;
width:340px;
	text-align: justify;
}

div#main strong {
	color: #303E91; 
}

div#main a{
	text-decoration: none;
	color: #303E91; 
}

div#main a:hover{
	text-decoration: underline;
	color: #444444; 
}

div#main h1{
display:block;
	width:340px;
	height:45px;
	text-indent:-999em;
}

div#main h1#welcome{
	background: url(../i/layout/welcome_title.gif) 0 0 no-repeat;
}

div#main h1#incentive{
	background: url(../i/layout/incentive_title.gif) 0 0 no-repeat;
}

div#main h1#services{
	background: url(../i/layout/services_title.gif) 0 0 no-repeat;
}

div#main h1#contact{
	background: url(../i/layout/contact_title.gif) 0 0 no-repeat;
}

div#contactinfo{
	font-size: 1.2em;
}
/***********************************************************************
	NAVIGATION
************************************************************************/
div#nav{
	width:762px;
	height: 39px;
	background: url(../i/layout/nav_bg.gif) 0 0 no-repeat;
}

div#nav ul{
	padding-right:2px;
	padding-top:3px;
}

div#nav ul li{
	float:right;
	text-indent: -999em;
	letter-spacing: -133px;
}

div#nav ul li a{
	display:block;
	height:43px;
}

div#nav ul li#home a{
	width:77px;
	background: url(../i/layout/button_home.gif) 0 0 no-repeat;
}

div#nav ul li#services a{
	width:88px;
	background: url(../i/layout/button_services.gif) 0 0 no-repeat;
}

div#nav ul li#incentive a{
	width:94px;
	background: url(../i/layout/button_incentive.gif) 0 0 no-repeat;
}

div#nav ul li#contact a{
	width:80px;
	background: url(../i/layout/button_contact.gif) 0 0 no-repeat;
}

div#nav ul li#home a:hover{
	background: url(../i/layout/button_home_roll.gif) 0 0 no-repeat;
}

div#nav ul li#services a:hover{
	background: url(../i/layout/button_services_roll.gif) 0 0 no-repeat;
}

div#nav ul li#incentive a:hover{
	background: url(../i/layout/button_incentive_roll.gif) 0 0 no-repeat;
}

div#nav ul li#contact a:hover{
	background: url(../i/layout/button_contact_roll.gif) 0 0 no-repeat;
}

/***********************************************************************
	FOOTER ELEMENTS
************************************************************************/
div#footer{
	width:762px;
	height:40px;
	background: url(../i/layout/footer_temp.gif) 0 0 no-repeat;
}

div#footer ul{
	color:#B5B5B5;
	padding-right:30px;
	padding-left:20px;
}

div#footer ul li a{
	color:#B5B5B5;
}
div#footer ul li a:hover{
	color:#2D3A8F;
}

div#footer ul li{
padding-left:10px;
	float:left;
}

div#footer ul li#credits{
	float:right;
}
/***********************************************************************
	MESSAGES
************************************************************************/

.error, .notice, .message { 
	color: #b22;
	font-weight: bold;
}

.error ol li {
	font-weight: normal;
	list-style-type: lower-roman;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: 1em;
}