<!--

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

		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:      1000px;
			}


	/*
		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 0px;
			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 0 0;
	}


	/*
		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;
					
				}
					.block_nav li.home    a {
						background-image: url('/img/design/nav_home.png');
						width: 66px;
					}
					.block_nav li.about    a {
						background-image: url('/img/design/nav_about.png');
						width: 211px;
					}
					.block_nav li.services a {
						width: 213px;
						background-image: url('/img/design/nav_services.png');
					}
					.block_nav li.record   a {
						background-image: url('/img/design/nav_record.png');
						width: 216px;
					}
					
					.home_nav li.record a,
					.home_nav li.about a,
					.home_nav li.services a {
						width: 239px;
					}
					
					.home_nav li.record a { background-image: url('/img/design/nav_record_home.png'); }
					.home_nav li.about a { background-image: url('/img/design/nav_about_home.png'); }
					.home_nav li.services a { background-image: url('/img/design/nav_services_home.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;
					}

    a.newsletter {
        display: block;
        text-indent: -5000px;
        width: 207px;
        height: 12px;
        background: url('/img/design/button_newsletter.png') 0px 0px no-repeat;
        margin: 20px 0 0 0;
    }

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

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

		#sidebar .navigation {
			margin:  0 0 0px 0;
			padding: 0 0 0px 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:              85px;
					text-indent:         -10000px;
					width:               200px;
				}

					#sidebar .navigation li a.sustainable { background-image: url('/img/design/button_sustainable.jpg'); }
					#sidebar .navigation li a.team    { background-image: url('/img/design/button_team.jpg');    }

		#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:         188px;
                padding: 2px 5px;
			}

		#sidebar p.button_where {
			background:     #c3bcc5;
			margin:         10px 0;
			padding-bottom: 0px;
            width: 200px;
            height: 87px;
            position: relative;
		}

			#sidebar p.button_where object {
				display: block;
				position: absolute;
                top: 10px;
                left: 5px;
			}

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

			#sidebar .sidelinks li {
				font-size:  1.15em;
                line-height: 1.4em;
				list-style: disc;
				margin:     0 0 0 18px;
				padding:    0 0 0 0px;
   
                color: #777;
			}

				#sidebar .sidelinks li a {
                    display: block;
                    padding: 3px 0;
					text-decoration: none;
                    text-transform: uppercase;
                    
				}
                * html #sidebar .sidelinks li a { display: inline; }
                * html #sidebar .sidelinks li { margin-bottom: 5px; }

					#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;
            margin-top: 15px;
		}


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

	#footer {
		background:  #9797a0 url('/img/design/footer.png') center top no-repeat;
		color:       #f7f7f7;
		font-size:   1.2em;
		padding:     58px 241px 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;
		}

form.default {

}
    form.default fieldset {
        padding: 20px;
        background: #D8DBDE;
    }
        form.default fieldset p { margin: 0 0 10px 0; }
        form.default fieldset label {
            display: block;
            width: 50px;
            float: left;
            margin: 0 8px 0 0;
            padding: 4px 0 0 0;
            font-size: 1.1em;
        }
        form.default fieldset p.checks { margin-left: 58px;}
        form.default fieldset p.checks label {
            width: 100px;
            font-size: 1em;
            margin: 0;
            color: #666;
        }
            form.default fieldset p.checks label input { margin: 0 2px 0 0; }
        form.default fieldset input.def {
            padding: 3px 5px;
            border:        1px solid #aaa;
            width: 240px;
            font-size: 1.1em;

        }

        form.default button {
            text-transform: uppercase;
            color: #333;
            border: none;
            padding: 5px 10px;
            font-size: 1.2em;
            margin-left: 58px;
            border-radius: 6px;
            -webkit-background-clip: padding-box;

            background-color: #ccc;
            background-image: -moz-linear-gradient(top, #ffffff, #cccccc); /* FF3.6 */
            background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #cccccc)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc'); /* IE6,IE7 */
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')"; /* IE8 */

            border: 1px solid #aaa;
            overflow:visible;
        }

        form.default button:hover {
            background-color: #bbb;
            background-image: -moz-linear-gradient(top, #ffffff, #bbbbbb); /* FF3.6 */
            background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #bbbbbb)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#bbbbbb'); /* IE6,IE7 */
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#bbbbbb')"; /* IE8 */

            border-color: #888;
        }

        .error ul { color: #e64738; }

ul.profiles { border-top: 1px solid #fff;}
ul.profiles li {
    border-bottom: 1px solid #fff;
    padding: 10px 0;
}
ul.profiles li img { margin-right: 20px; }
-->