/*
Granville & Burbidge
http://www.granvilleandburbidge.co.uk

Main stylesheet, v1.1
Designed by Benedict Eastaugh ( http://ionfish.hwcommunity.com )
*/


/* Structure
----------------------------------------------- */
body {
	margin: 0; border: none; padding: 0;
	text-align: center;
	min-width: 760px;
	font-size: 67.5%;
	font-family: Verdana, sans-serif; background: #f1f1f1; color: #545454;
	}
#frame {
	background: #fff url('../_images/_layout/back.gif') repeat-y 0 0;
	width: 742px;
	margin: 0 auto;
	text-align: left;
	}
	#header {
		padding: 0 1px;
		}
		#title {
			background: #4C8099;
			}
		#nav {
			background: #4C8099;
			}
	#content {
		margin: 0 0 1em 0; padding: 10px 22px;
		font-size: 1.2em;
		}
		#primary {
			width: 440px; float: left;
			}
		#secondary {
			width: 240px; float: right;
			}
	#footer {
		clear: both; text-align: center;
		margin: 1em 1px 0 1px; padding: 15px 20px;
		background: #79A0B3;
		}
/* Clearfix
----------------------------------------------- */
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;	}
#content {display: inline-block;}
/* Hides from IE-mac \*/
* html #content {height: 1%;}
#content {display: block;}
/* End hide from IE-mac */

/* Header
----------------------------------------------- */
#title a {
	display: block;
	background: url('../_images/_layout/title.gif') no-repeat 0 0;
	height: 133px;
	width: 342px;
	}

/* Navigation
----------------------------------------------- */
#nav {
	font-family: Helvetica, Arial, sans-serif; list-style: none;
	margin: 0; padding: 0;
	height: 4em; position: relative;
	background: #fff;
	}
#nav li {
	width: 185px; height: 100%; display: block; position: absolute; top: 0;
	font-size: 1.1em; font-weight: bold; text-transform: uppercase; text-align: center;
	margin: 0; padding: 0;
	}
	#nav-home { left: 0; }
	#nav-about { left: 185px; }
	#nav-work { left: 370px; }
	#nav-contact { right: 0; }
#nav a {
	margin: 0 0 1px 0; border-right: 1px solid #4C8099; padding: 5px;
	display: block; outline: none;
	}
#nav #nav-contact a {
	border: none;
	}
#nav a:link, #nav a:visited, #nav a:active {
	text-decoration: none;
	background: #79A0B3; color: #fff;
	}
#nav a:hover {
	text-decoration: none;
	background: #fff; color: #4C8099;
	}

/* Content
----------------------------------------------- */
p {
	line-height: 1.4em;
	margin: 0 0 1em 0;
	}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
cite {
	font-style: italic;
	}

		/* Headers
		--------------------------------------- */
		h1 {
			margin: 0; border: 0;
			}
		h2 {
			font-family: Georgia, "Times New Roman", serif; font-size: 1.5em;
			font-weight: normal;
			margin: 0 0 0.4em 0; border-bottom: 1px solid #ccc; padding: 0 0 0.2em 0;
			}
			h2 a:link, h2 a:visited, h2 a:active, h2 a:active {
				text-decoration: none;
				}
		h3 {
			font-family: Georgia, "Times New Roman", serif; font-size: 1em;
			font-weight: normal; color: #aaa;
			margin: 0 0 0.8em 0; border-bottom: 1px solid #eee; padding: 0 0 0.4em;
			}
			h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
				text-decoration: none;
				}

		/* Footer
		--------------------------------------- */
		#footer p {
			margin: 0;
			}

		/* Images
		--------------------------------------- */
		.img-link {
			border: none;
			}
		.thumbnail {
			display: block;
			margin: 0 0 1em 0; border: none;
			text-decoration: none;
			}
			.thumbnail img {
				border: none;
				}
		.fullsize {
			display: block;
			margin: 0 0 1em 0;
			}
		.gallery-nav {
			line-height: 0;
			margin: 0 5px 5px 0; border: none;
			text-decoration: none;
			}
			.gallery-nav:hover {
				background: #fff;
				}
			.gallery-nav img {
				border: none;
				}

		/* Classes
		--------------------------------------- */
		.hide {
			position: absolute;
			left: -9999px;
			width: 9000px;
			font-size: 1px;
			letter-spacing: -1px;
			}
		.small {
			font-size: 0.8em;
			margin: 0;
			}
		.note {
			font-style: italic;
			font-size: 0.9em;
			}
		.clearer {
			clear: both;
			}

/* Forms
----------------------------------------------- */
form {
	margin: 0; border: none; padding: 0;
	}
fieldset {
	margin: 0; border: none; padding: 0;
	}

		/* Contact form
		--------------------------------------- */
		#contactform {
			margin: 1em 0;
			}
			#input-email, #input-text, #input-submit {
				clear: both;
				padding: 0.5em 0;
				}
				#input-email label, #input-text label {
					color: #808080;
					display: block; width: 100px; float: left;
					}
				#input-email input, #input-text textarea {
					background: #f7f7f7;
					font-family: Verdana, Ariel, sans-serif;
					margin: 0; border: 1px solid #bfbfbf; padding: 2px;
					display: block; width: 314px; float: right;
					}
				#input-email input:focus, #input-text textarea:focus {
					background: #fff;
					}
			#input-submit {
				padding: 0 0 0 120px;
				}
				#input-submit input {
					padding: 1px 10px;
					}

/* Links
----------------------------------------------- */
a:link, a:visited, a:active {
	background: #fff; color: #4C8099;
	text-decoration: underline;
	}
a:hover {
	background: #e1eef5; color: #4C8099;
	text-decoration: underline;
	}

		/* Footer
		--------------------------------------- */
		#footer {
			color: #292929;
			}
			#footer p {
				margin: 0;
				}
			#footer a:link, #footer a:visited, #footer a:active {
				background: #79A0B3; color: #fff;
				text-decoration: none;
				}
			#footer a:hover {
				background: #79A0B3; color: #fff;
				text-decoration: underline;
				}