<!--

	/*----------------------------------------------------------------------

		Shouksmiths
		http://www.shouksmiths.co.uk/

		Developed by Designition Ltd - www.designition.co.uk

		Copyright 2009 Shouksmiths

	----------------------------------------------------------------------*/

	/*
		HTML and Body
	----------------------------------------------------------------------*/

	html {
		background: #9797a0;
	}

		body {
			text-align: center;
		}

			.wrapper {
				background: #e4e7e7 url('/img/design/wrapper.png') center top repeat-y;
				margin:     10px auto 40px;
				text-align: left;
				width:      914px;
			}


	/*
		Header
	----------------------------------------------------------------------*/

	#header {
		background: #9797a0 url('/img/design/header.png') center top no-repeat;
		height:     130px;
		padding:    0 10px;
	}

		#header h1 {
			float:       right;
			margin:      0;
			padding-top: 52px;
		}

			#header h1 a {
				background:  url('/img/design/shouksmiths.png') center center no-repeat;
				display:     block;
				height:      68px;
				text-indent: -10000px;
				width:       239px;
			}

			.complete #header h1 a {
				background: url('/img/design/complete.gif') center center no-repeat;
			}
			
			.morfitts #header h1 a {
				background: url('/img/design/morfitts.png') center center no-repeat;
			}

				#header h1 a:hover {}

		#header ul {
			float:   left;
			margin:  10px 0 0 10px;
			padding: 0;
		}
		
			#header ul li {
				list-style: none;
				margin:     0;
				padding:    0;
			}


	/*
		Page Contents
	----------------------------------------------------------------------*/

	#page {
		background: url('/img/design/page.png') center top no-repeat;
		padding:    0 10px;
	}


	/*
		Content
	----------------------------------------------------------------------*/

	#content {
		float:   left;
		padding: 10px;
		width:   738px;
	}

		#content .block_nav {
			margin:  0 0 10px 0;
			padding: 0;
		}

			.block_nav li {
				float:      left;
				list-style: none;
				margin:     0 10px 0 0;
				padding:    0;
			}

				.block_nav li.record { margin-right: 0; }

				.block_nav li a {
					background-position: center center;
					background-repeat:   no-repeat;
					display:             block;
					height:              58px;
					text-indent:         -10000px;
					width:               239px;
				}

					.block_nav li.about    a { background-image: url('/img/design/nav_about.png');    }
					.block_nav li.services a { background-image: url('/img/design/nav_services.png'); }
					.block_nav li.record   a { background-image: url('/img/design/nav_record.png');   }

		#content .sub_navigation {
			float:       left;
			padding-top: 7px;
			position:    relative;
			width:       237px;
		}

			.sub_navigation a.morflink {
				background:  url('/img/design/morflink.png') center center no-repeat;
				display:     block;
				height:      15px;
				left:        28px;
				position:    absolute;
				text-indent: -10000px;
				top:         25px;
				width:       56px;
			}

			.sub_navigation p.welcome {
				color:          #e64738;
				font-size:      2.4em;
				font-weight:    bold;
				line-height:    1;
				text-transform: uppercase;
			}

				.sub_navigation p.welcome strong {
					color:       #1c2328;
				}

			.sub_navigation ul {
				padding-right: 1.5em;
			}

				.sub_navigation ul li {
					background: url('/img/icons/subnav_bullet.png') left 5px no-repeat;
					list-style: none;
					margin:     0 0 .5em;
					padding:    0 0 0 13px;
				}

					.sub_navigation ul li a {
						text-decoration: none;
					}

						.sub_navigation ul li a:hover {
							text-decoration: underline;
						}

						.sub_navigation ul li a.active {
							color:       #231f20;
							font-weight: bold;
						}

					.sub_navigation ul li ul {
						margin: .5em 0 0;
					}
	
						.sub_navigation ul li ul li {
							background: none;
							margin:  .5em 0;
							padding: 0;
						}

							.sub_navigation ul li ul li a.active {
								color:       #e7282c;
								font-weight: bold;
							}


		#content .main_content {
			border-left: 2px solid #eff0f0;
			float:       left;
			padding:     0 0 0 10px;
			width:       488px;
		}

			p.breadcrumb {
				background: #c3bcc5 url('/img/design/breadcrumb.png') right top no-repeat;
				padding:    5px 10px;
			}

				.breadcrumb a {
					color:           #e52a2e;
					text-decoration: none;
				}

					.breadcrumb a:hover {
						text-decoration: underline;
					}

			h2.title {
				color:       #e64738;
				font-size:   1.8em;
				font-weight: normal;
				line-height: 1.4;
				margin:      0 0 .5em;
			}

			h3.year {
				font-size: 1.2em;
				margin:    1.5em 0 1em;
			}

				h3.year span {
					background: #f7931d url('/img/design/year.png') right top no-repeat;
					color:      #fff;
					padding:    5px 8px;
				}

			div#google-map {
				float: right;
			}

			div.home_content {
				float:          right;
				padding-bottom: 10px;
				width:          290px;
			}

				.home_content h2 {
					margin: .1em 0 .5em;
				}

				.home_content p {
					color:       #696f83;
					font-size:   1.25em;
					font-weight: bold;
					letter-spacing: -.75px;
					line-height: 1.2;
				}

				.home_content ul {}

					.home_content ul li {
						color:       #696f83;
						font-size:   1.1em;
						font-weight: bold;
						line-height: 1.4;
						list-style:  none;
						margin:      0 0 1em 0;
						
					}

						.home_content ul li a {
							color:           #696f83;
							text-decoration: none;
						}

			a.more {
				background-position: center center;
				background-repeat:   no-repeat;
				clear:               both;
				display:             block;
				height:              12px;
				text-indent:         -10000px;
				width:               47px;					
			}

				a.more.red    { background-image: url('/img/design/more_red.png');    }
				a.more.orange { background-image: url('/img/design/more_orange.png'); }

			div.docs_list {
				border:     1px solid #ccc;
				background: #ddd;
				padding:    1em 1em 0;
			}

				.docs_list ul {
					margin:  0 0 1em;
					padding: 0;
				}

				.docs_list li {
					line-height:  1.8;
					list-style:   none;
					margin:       0 0 .75em .5em;
					padding-left: 22px;
					background:   url('/img/icons/file.gif') 0 3px no-repeat;
				}

					.docs_list li.pdf { background-image: url('/img/icons/pdf.gif'); }
					.docs_list li.doc { background-image: url('/img/icons/doc.gif'); }
					.docs_list li.xls { background-image: url('/img/icons/xls.gif'); }

			div.home_img {
				clear: both;
				float: left;
			}

				.home_img img {
					margin-bottom:  10px;
					vertical-align: top;
				}

			div.news_story {}
			
				.news_story img {
					float:          left;
					margin:         0 10px 10px 0;
					vertical-align: middle;
				}

			div.vacancy_contact {
				border:     1px solid #ccc;
				background: #ddd;
				padding:    1em;
			}

			dl.contact_details {
				width: 300px;
			}

				dl.contact_details.map {
					margin-bottom: 1em;
					width:         240px;
				}

				.contact_details dt {
					display:        -moz-inline-stack;
					display:        inline-block;
					*display:       inline;
					overflow:       hidden;
					padding:        0;
					width:          50px;
					vertical-align: top;
				}

				.contact_details dd {
					display:        -moz-inline-stack;
					display:        inline-block;
					*display:       inline;
					margin-bottom:  0;
					overflow:       hidden;
					padding:        0;
					width:          250px;
					vertical-align: top;
				}

					dl.contact_details.map dd {
						width: 180px;
					}

			img.project_img {
				float:          left;
				margin:         0 10px 10px 0;
				vertical-align: middle;
			}

			ol.search_results {}

				.search_results li {
					margin-bottom: 1em;
				}

			p.datetime {
				font-style: italic;
				margin-top: -.75em;
			}

			p.paging {
				color:     #999;
				font-size: 1.8em;
				margin:    1em 0 .5em;
			}

				.paging a {
					text-decoration: none;
				}

					.paging a:hover {
						text-decoration: underline;
					}

					.paging a.current {
						background: #9797a0;
						color:      #e4e7e7;
						padding:    1px 4px;
					}

				.paging .prev {
					display: inline-block;
					width:   75px;
				}

				.paging .pages {
					display:    inline-block;
					text-align: center;
					width:      338px;
				}

				.paging .next {
					display:    inline-block;
					text-align: right;
					width:      75px;
				}

			ul.news_archive {
				margin: 1em 0 2em;
			}

				ul.news_archive li {
					list-style: none;
					margin:     .75em 0;
				}

					ul.news_archive li a {
						text-decoration: none;
					}

						ul.news_archive li a:hover {
							text-decoration: underline;
						}

			ul.thumb_lists {
				margin:  0;
				padding: 0;
			}

				.thumb_lists div {
					float: left;
				}

					.thumb_lists div.details {
						width: 318px;
					}

					.thumb_lists div img {
						float: none;
					}

				.thumb_lists img {
					float:  left;
					margin: 0 10px 10px 0;
				}

				.thumb_lists li {
					clear:      both;
					list-style: none;
					margin:     0;
					padding:    0;
				}

				.thumb_lists h3 {
					font-size:  1.2em;
					margin-top: 0;
				}

					.thumb_lists h3 a {
						text-decoration: none;
					}

						.thumb_lists h3 a:hover,
						.thumb_lists h3 a:active {
							color: #e7282c;
						}

			table.jobs {
				margin-top: 1em;
				width:      100%;
			}

				.jobs thead {
				}

					.jobs thead tr {
						background: #c3bcc5 url('/img/design/breadcrumb.png') right top no-repeat;
						border-left: 1px solid #c3bcc5;
					}

					.jobs th {
						font-size:    1.4em;
						font-weight:  normal;
						line-height:  2;
						padding-left: 10px;
						text-align:   left;
					}

						.jobs th.vacs {
							border-right: 1px solid #999;
							width:        194px;
						}

						.jobs th.locs {
							border-right: 1px solid #999;
							width:        151px; 
						}

						.jobs th.date {
							width:      110px;
						}

				.jobs tbody {}

					.jobs tbody tr {
						border: solid #c3bcc5;
						border-width: 0 0 1px 1px;
					}

					.jobs td {
						border-right: 1px solid #c3bcc5;
						font-size:    1.2em;
						line-height:  3;
						padding-left: 10px;
					}


	/*
		Sidebar
	----------------------------------------------------------------------*/

	#sidebar {
		float:   right;
		padding: 10px 10px 0;
		width:   106px;
	}

		#sidebar .navigation {
			margin:  0;
			padding: 0;
		}

			#sidebar .navigation li {
				list-style: none;
				margin:     0 0 10px 0;
			}

				#sidebar .navigation li a {
					background-position: center center;
					background-repeat:   no-repeat;
					display:             block;
					height:              58px;
					text-indent:         -10000px;
					width:               106px;
				}

					#sidebar .navigation li a.careers { background-image: url('/img/design/button_careers.png'); }
					#sidebar .navigation li a.news    { background-image: url('/img/design/button_news.png');    }

		#sidebar form.search {}

			.search fieldset {}

			.search legend {
				display: none;
			}

			.search button {
				background:  url('/img/design/button_search.png') center center no-repeat;
				border:      0;
				cursor:      pointer;
				height:      21px;
				text-indent: -10000px;
				width:       106px;
			}

			.search input {
				border:        1px solid #acd3e2;
				margin-bottom: 5px;
				width:         104px;
			}

		#sidebar p.button_where {
			background:     #c3bcc5;
			margin:         10px 0;
			padding-bottom: 5px;
		}

			#sidebar p.button_where object {
				display: block;
				margin:  -5px 5px 0;
			}

		#sidebar .sidelinks {
			margin: 0 0 10px;
		}

			#sidebar .sidelinks li {
				background: url('/img/icons/sidebar_bullet.png') left 5px no-repeat;
				font-size:  1.1em;
				list-style: none;
				margin:     0;
				padding:    0 0 0 13px;
			}

				#sidebar .sidelinks li a {
					text-decoration: none;
				}

					#sidebar .sidelinks li a:hover {
						text-decoration: underline;
					}

		#sidebar p.home_link a {
			background:  #e4e7e7 url('/img/design/button_home.png') center center no-repeat;
			display:     block;
			height:      12px;
			text-indent: -10000px;
			width:       47px;
		}


	/*
		Footer
	----------------------------------------------------------------------*/

	#footer {
		background:  #9797a0 url('/img/design/footer.png') center top no-repeat;
		color:       #f7f7f7;
		font-size:   1.2em;
		padding:     58px 147px 0 0;
		position:    relative;
		text-align:  right;
	}


	/* DEBUGGIN', YO */

	#temp_debug {
		background: #eee;
		left:       5px;
		padding:    5px;
		position:   absolute;
		text-align: left;
		top:        5px;
		width:      300px;
	}

		#temp_debug h4 {
			border-bottom: 1px solid #004B8F;
		}

		#temp_debug pre {
			font-family: Arial;
			font-size:   1.1em;
			line-height: 1.5;
		}

		.other_debug {
			text-align: left;
		}

-->