/*  

Client: Global Publishing Solutions
Description: Global styles for website
Version: 1.0
Author: Robert Games
Agency: Little Yellow Duck
Agency URL: http://www.littleyellowduck.co.uk/
Date: 11/06/2010

Notes: --

*/

/* Contents

	1.0 Reset CSS
	2.0	Global Formatting
	3.0	Common Formatting
	4.0	Links
	5.0	Fonts
	6.0	Global Classes
	7.0	Wrapper
	8.0	Logo
	9.0	Layout
	10	Navigation
	11	Forms
	12	Tables
	13  GPSL in-house customisations
	
*/

/* 1.0	Reset CSS */

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

* {
padding:0;
margin:0;
}


/* 2.0	Global Formatting */

body {
	font-size:62.5%; /* 62.5% relative font size resets to 10px */
	font-family:Arial, Helvetica, sans-serif;
	color:#172934;
	background:#121d22;
	margin:30px 0 20px 0;
}

html {
}

/* 3.0	Common Formatting */

p {
	font-size:1.2em;
	line-height:1.8em;
	margin-bottom:18px;
}

h1 {
	font-size:1.7em;
	line-height:22px;
	margin-bottom:9px;
}

h1 strong { font-weight:bold; display:block;}

h2 {
	font-size:1.2em;
	color:#5f727f;
	font-weight:bold;
	margin-bottom:3px;
}

h3 {
	font-size:1.2em;
	color:#5f727f;
	margin-bottom:3px;
}

#content ul,
#content ol {
	margin:0 0 15px 20px;
	padding:0;
	list-style:disc;
}

#content ol {list-style:decimal;}

#content li {
	font-size:1.2em;
	line-height:1.8em;
	margin-bottom:3px;
}

img 	{display:block;}
strong 	{font-weight:bold;}
em 		{font-style:italic;}
u 		{text-decoration:underline;}

acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

/* 4.0	Links */

a,
a:visited {
	color:#5f727f; 
	text-decoration:none;
}

a:hover,
a:focus {
	text-decoration:underline;
}

/* 5.0	Fonts */

/* 6.0	Global Classes */

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	width:100%;
	display:block;
}

.hide {display:none;}
.noborder {border:none!important;}

/* 7.0	Wrapper */

div#wrapper {
	width:960px;
	height:700px; /* We have set a fixed height as content should always be same length */
	margin:auto;
	background:#FFF url(../images/wrapper_bg.gif) top right no-repeat;
	position:relative; /* To contain absolute positioned footer */
}

/* 8.0	Logo */

#logo {
	float:left;
	width:120px;
	height:124px;
}

/* 9.0	Layout */

#header {
	margin:0 173px 50px 190px;
	height:124px;
}

#content {
	width:700px;		/* Changed from 460. This is the width of the content area */
	float:left;
	margin:0 0 65px 31px; /* Bottom margin set to 65px to clear footer */
	display:inline; /* Hack for IE6 Double margin bug */
}

ul#footer {
	position: absolute;
	bottom:30px;
	left:221px;
}

ul#footer li {
	float:left;
	font-size:10px;
	display:inline; /* Hack for IE6 double margin */
	margin-right:6px;
	color:#5f727f;
}

ul#footer li a,
ul#footer li a:visited {
	color:#172934;
	text-decoration:none;
	line-height:10px;
}

ul#footer li a:hover,
ul#footer li a:focus {
	color:#5f727f;
}

/* 10.0	Navigation */

/* Global Nav */

ul#nav {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	width:auto;
	position:relative;
	top:113px;
}

ul#nav li {
	float:left;
	padding:0 7px;
	border-right:1px solid #172934
}

ul#nav li a,
ul#nav li a:visited {
	color:#172934;
	font-size:1.2em;
	text-decoration:none;
	text-transform:lowercase;
}

ul#nav li a:hover,
ul#nav li a:focus,
ul#nav li a.selected {
	color:#5f727f; 
}

/* Sub Navigation */

ul#sub-nav {
	float:left;
	width:170px;
	margin:52px 10px;
	display:inline; /* Hack for IE6 Double margin bug */
}

ul#sub-nav li {
	text-align:right;
	margin-bottom:4px;
}

ul#sub-nav li a {
	font-size:1.2em;
	color:#172934;
	text-decoration:none;
	line-height:14px;
	text-transform:lowercase;
}

ul#sub-nav li a:exception {
	font-size:1.2em;
	color:#172934;
	text-decoration:none;
	line-height:14px;
	text-transform:uppercase;
}

ul#sub-nav li a:hover,
ul#sub-nav li a:focus {
	color:#5F727F;
}

ul#sub-nav li a.selected {
	color:#D7DADB;
}

/* 11.0	Forms */
/* 12.0	Tables */

/* 13.0  GPSL in-house customisations */

.centered{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.contactTable{
	font-size:1.2em;
	line-height:1.8em;
	margin-bottom:18px;
	
	margin:3px;
	width:560px;
}

.contactLocation{
	width:100px;
	padding-bottom:5px;
	padding-top:10px;
}

.contactNumber{
	padding-bottom:5px;
	padding-top:10px;
	vertical-align:text-top;
}

.contactLine{
	margin-bottom:3px;
	padding-bottom:3px;
	border-bottom-color:#D2D9DF;
	border-bottom-style:solid;
	border-bottom-width:1px
}

.pageNumbers{
	font-size:10px;
	color:#5f727f;
	display:inline;
	text-decoration:none;
}

.pageNumberscolor:hover{
	color:color:#5f727f;
	text-decoration:none;
}

a.emailLink{
	text-decoration:none;
	font-weight:bold;
}

.standardText{
	font-size:1.2em;
	line-height:1.8em;
	margin-bottom:18px;
}

.selected{
	color:#D7DADB;
}

.emailTableLable{
	width:130px;
	text-align:right;
	padding-right:5px;
}

.emailTableField{
	width:200px;
	text-align:left;
}

.button{
	color:black;
	background-color:#EDEBDE;
	border:1px solid black;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
}

.errorText{
	font-size:10px;
	color:red;
	background-color:#EFF2F4;
}

.contactInputBox{
	border:5px solid #55ff55;
	border-style:solid;
	border-width:1px;
	background-color: transparent;
	width: 200px;
	vertical-align: top;
}

.contactInputButton{
	border: 1px solid #121D22;
	background-color: #121D22;
	color: #ffffff;
	width: 75px;
}

.contactInputButton:hover{
	border: 5px solid #121D22;
	background-color: transparent;
	color: #121D22;
	color: #121D22;
	width: 75px;
}