/* CSS Document */

* {
text-decoration : none;
}



/* main page body */

body {
background : url(../graphics/layout/back.jpg) 313px 50% no-repeat;
font-family : Gill Sans, Arial, Helvetica, sans-serif;
font-size : 62.5%;
margin : 0;
}
	table {
	vertical-align : top;
	}



/* page wrapper */

#wrapper {
width : 760px;
}



/* header */

#header {
background : #011B4E url(../graphics/layout/logo.gif) 0 0 no-repeat;
font-size : 1.1em;
margin : 0;
text-align : center;
width : 100%;
height: 110px;
}

	#header a {
	color : #02225F;
	}
	
	#header ul {
	clear : both;
	list-style : none;
	margin : 0;
	padding : 0;
	* width : 100%;
	}
	
	html>body #header ul {
	* width : auto;
	}
	
		#header ul#commitment {
		padding : 28px 45px 13px 45px;
		}
	
		#header ul#unsure {
		padding : 3px 45px 13px 45px;
		}
	
	#header li.problem {
	background : url(../graphics/layout/bar1.gif) no-repeat;
	float : right;
	margin : 0 10px 0 0;
	padding : 6px 0 8px 0;
	width : 176px;
	}
	
	#header li.solution {
	background : url(../graphics/layout/bar2.gif) no-repeat;
	float : right;
	padding : 6px 0 8px 0;
	width : 145px;
	}



/* navigation */

#navigation {
font-size : 1.1em;
font-weight : bold;
margin : 0;
padding : 7px 20px;
}

	#navigation a {
	color : #02225F;
	margin : 0 2px;
	}
	
		#navigation a:hover {
		background : #02225F;
		color : #ffffff;
		}



/* content */

#left {
display : inline;
float : left;
padding : 15px 0;
width : 496px;
}

	#content h1 {
	background : url(../graphics/layout/h1.jpg) no-repeat;
	color : #ffffff;
	font-size : 3.4em;
	font-weight : normal;
	letter-spacing : -1px;
	margin : 0;
	text-align : center;
	padding-bottom: 25px;
	}
	
		#content span {
	font-size : 1em;
		}
		
		
	#content h2 {
	color : #02225F;
	font-size : 3.8em;
	font-weight : normal;
	letter-spacing : -1px;
	margin : 0;
	text-align : center;
	padding: 10px 0 25px 0;
	}
	
	#content h3 {
	color : #02225F;
	font-size : 2.0em;
	font-weight : normal;
	letter-spacing : -1px;
	margin : 0 30px;
	text-align : right;
	padding-bottom: 10px;
	}
	
	#left h2{
	color : #02225F;
	font-size : 1.8em;
	font-weight : normal;
	letter-spacing : -1px;
	margin : 0 30px;
	text-align : right;
	padding-bottom: 10px;
	}
	
	
.text_h1 {
	color : #02225F;
	font-size:18px;
	font-weight : normal;
	letter-spacing : -1px;
	margin : 0 30px;
	text-align : left;
	padding-bottom: 10px;
	}
	
.text2_h1 {
	color : #02225F;
	font-size:18px;
	font-weight : normal;
	letter-spacing : -1px;
	margin : 0 30px;
	text-align : right;
	padding-bottom: 10px;
	padding-right:270px;
	}	
	
	.text-area_h2 {
	color : #02225F;
	font-size:14px;
	font-weight : normal;
	letter-spacing : -1px;
	margin : 0 30px;
	text-align : left;
	padding-bottom: 10px;
	}
	
	
	#content p, #content blockquote {
	color : #02225F;
	font-size : 1.4em;
	font-weight : normal;
	margin : 0 30px;
	padding : 0 0 13px 0;
	text-align : right;
	}
	
	
	label{
	color : #333333;
	font-size : 1em;
	font-weight : normal;	
	}
	
		#content blockquote {
		margin : 0 60px;
		}
	
	#content a {
	border-bottom : 1px dashed #02225F;
	color : #02225F;
	}
	
		#content a:hover {
		background : #1F91DB;
		color : #fff;
		}

/* spiderlinks */

#spiderlinks {
font-size : 1.1em;
margin : 0;
padding : 7px 20px;
clear: both;
}

	#spiderlinks a {
	color : #1F91DB;
	margin : 0 2px;
	}
	
		#spiderlinks a:hover {
		background : #1F91DB;
		color : #ffffff;
		}

/* right content section for home page */

#right {
display : inline;
float : left;
padding : 15px 0;
width : 235px;
}

	#right p {
	margin : 0;
	text-align : left;
	}
	
	#right p.large {
	font-size : 2.3em;
	font-weight : bold;
	letter-spacing : -1px;
	}

#logos {
 float: left;
 margin: 0px 10px 10px 20px;
}

#logos a {
background: none;
border: none;
margin: none;
color: none;
}

#logos a:hover {
background: none;
border: none;
margin: none;
color: none;
}



/* addresses */

#addresses {
padding : 15px 0 0 0;
}

	#addresses p#main {
	display : inline;
	float : left;
	margin : 0;
	padding : 0 30px;
	* width : 496px;
	}

	html>body #addresses p#main {
	width : 436px;
	}
	
	#addresses p#plymouth {
	display : inline;
	clear: both;
	float : right;
	margin : 20px 0px 0px 0px;
	text-align : left;
	width : 235px;
	}
	
	a#back {
	background : url(../graphics/common/back.gif) no-repeat;
	border : none;
	font-size: .8em;
	padding : 5px 0 6px 0;
	text-align : center;
	width : 188px;
	}



/* enquiries form */

#enquiries {
border-collapse : collapse;
font-size : 1.4em;
margin : 0 30px;
}

	#enquiries td {
	margin : 0;
	padding : 3px;
	}
	
	#enquiries col#left {
	text-align : right;
	}
	
	#enquiries input, #enquiries textarea, #enquiries select {
	border : 1px solid #ccc;
	font-family : Arial;
	font-size : 1em;
	width : 215px;
	}




/* customer page */

#customer-left {
display : block;
float : left;
width : 265px;
}

	#customer-left h3, #customer-left p {
	text-align : left !important;
	}

/* #customer-right {
display : inline;
float : left;
width : 231px;
} */

#quotes {
	display: block;
	float: right;
	width: 490px;
}

.openQuote {
	background: transparent url(../graphics/customers/open.gif) top left no-repeat;
}

div#wrapper div#content div.openQuote p.customer {
	padding: 15px 0px 0px 0px;
	font-weight: normal;
	color: #333;
	text-align: right;
	margin: 0px 25px;
	font-size: 1.1em;
}

div#wrapper div#content div.closeQuote {
	background: transparent url(../graphics/customers/close.gif) bottom right no-repeat; 
	font-family: Georgia; 
	font-size: 1em; 
}

div#wrapper div#content div.closeQuote p.quote {
	margin: 0px 25px; 
	padding: 30px 0px 15px 0px; 
	text-align: left; 
	color: #333;
	line-height: 200%;
}

div#wrapper div#content div.closeQuote p.quote span {
	font-size: 1.5em;
}