/*
no tag soup - Cascading Style Sheet
Copyright:  All Rights Reserved

Last Edited: Initial Deployment of Website
Last Validated: As Above
Author: No Tag Soup / notagsoup.com

------------------------------
	Contents
------------------------------

1.	general
2.	header
3.	navigation
4.	headings
5.	about section
6.	image gallery
7.	contact
8.	footer


------------------------------
	1. general
----------------------------*/

* { margin: 0; padding: 0; font-family: sans-serif; font-size: medium; border: none;}

body { background-color: #3E362F; text-align: center;} 

#wrapper {
		min-width: 780px;
		max-width: 1200px;
		margin: 0 auto;
		text-align: left;
		}

h2		{
		text-align: left;
		position: relative;
		top: 20px;
		left: 100px;
		}

h3		{
		text-align: center;
		margin: 20px 0 20px 160px;
		}

p		{
		width: 60%;
		line-height: 1.5em;
		text-align: left;
		color: #EAE7D2;
		margin: 0 0 0 170px;
		}


/*----------------------------
	2. header
----------------------------*/


#header		{
		min-height: 90px;
		position: relative;
		border-top: 5px solid #3E362F;
		border-bottom: 2px solid #3E362F;
		background: #3E362F url('../graphics/bkgd.gif') 0 0;
		}

h1		{
		width: 191px;
		height: 35px;
		position: relative;
		top: 13px;
		left: 102px;
		background: #3E362F url('../graphics/logo.gif') no-repeat 0 0;
		text-indent: -9999px;
		overflow: hidden;
		}

p#tt {
		width: 246px;
		height: 29px;
		position: absolute;
		top: 51px;
		left: 358px;
		background: #3E362F url('../graphics/tel.gif') no-repeat 0 0;
		text-indent: -999em;
		overflow: hidden;
		}

p#strapline { margin: 18px 0 0 114px; }

/*----------------------------
	3. navigation
----------------------------*/

#opt	{
		background-color: #EAE7D2;
		padding: 20px 0;
		text-align: left;
		position: relative;
		}

ul#nav {
		list-style: none;
		margin: 26px 0 28px 145px;
		
		}

ul#nav li {
		height: 52px;
		}

#nav li, ul#nav a {
		height: 48px;
		overflow: hidden;
		display: block;
		}

ul#nav li a {
		text-indent: -999em;
		text-decoration: none;
		}

#a { width: 140px; background: #EAE7D2 url('../graphics/nt.gif') 0 0 no-repeat;}		
#p { width: 140px; background: #EAE7D2 url('../graphics/nt.gif') 0 -57px no-repeat;}  
#cp { width: 198px; background: #EAE7D2 url('../graphics/nt.gif') 0 -107px no-repeat;} 
#con { width: 133px; background: #EAE7D2 url('../graphics/nt.gif') 0 -158px no-repeat;} 

li#a a:hover { background: #EAE7D2 url('../graphics/nt.gif')  -210px 0 no-repeat;} 
li#p a:hover { background: #EAE7D2 url('../graphics/nt.gif')  -210px -57px no-repeat;} 
li#cp a:hover { background: #EAE7D2 url('../graphics/nt.gif')  -210px -107px no-repeat;} 
li#con a:hover { background: #EAE7D2 url('../graphics/nt.gif')  -210px -158px no-repeat;}

#main	{
		position: absolute;
		top: 12px;
		left: 49%;
		}


/*----------------------------
	4. headings
----------------------------*/

h2#abt {
		width: 219px;
		height: 22px;
		background: #3E362F url('../graphics/about.gif') no-repeat 0 0;
		text-indent: -999em;
		overflow: hidden;
		top: 26px;
		}

h2#projects {
		width: 106px;
		height: 40px;
		background: #3E362F url('../graphics/projects.gif') no-repeat 0 0;
		text-indent: -999em;
		overflow: hidden;
		}

h2#current {
		width: 217px;
		height: 38px;
		background: #3E362F url('../graphics/c_projects.gif') no-repeat 0 0;
		text-indent: -999em;
		overflow: hidden;
		}

h2#contact {
		width: 109px;
		height: 22px;
		background: #3E362F url('../graphics/contact.gif') no-repeat 0 0;
		text-indent: -999em;
		overflow: hidden;
		}

h3#ettington {
		width: 167px;
		height: 40px;
		background: #3E362F url('../graphics/ettington.gif') no-repeat 0 0;
		text-indent: -999em;
		overflow: hidden;
		}

h3#horwood {
		width: 158px;
		height: 31px;
		background: #3E362F url('../graphics/horwood.gif') no-repeat 0 0;
		text-indent: -999em;
		overflow: hidden;
		}

h3#wotton {
		width: 144px;
		height: 25px;
		background: #3E362F url('../graphics/wotton.gif') no-repeat 0 0;
		text-indent: -999em;
		overflow: hidden;
		}

h3#belle {
		width: 121px;
		height: 38px;
		background: #3E362F url('../graphics/belle.gif') no-repeat 0 0;
		text-indent: -999em;
		overflow: hidden;
		}

h3#wcottage {
		width: 158px;
		height: 31px;
		background: #3E362F url('../graphics/wcottage.gif') no-repeat 0 0;
		text-indent: -999em;
		overflow: hidden;
		}

/*----------------------------
	5. about section
----------------------------*/

#about	{
		background: #3E362F url('../graphics/bkgd.gif') 0 0;
		padding: 0 0 30px 0;
		border-top: 2px solid #3E362F;
		position: relative;
		}

#about p {
		margin-top: 40px;
		}


/*----------------------------
	6. image gallery
----------------------------*/

.gallery {
		margin: 20px 0 0 0;
		padding: 10px 0 20px 0;
		border-bottom: 1px dotted #51473D;
		width: 780px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		list-style-type: none;
		}

.gallery li {
		display: inline;
		}

.gallery li a img {
		border: 3px solid #302924;
		}


/*----------------------------
	7. contact
----------------------------*/

p#tel2 {
		width: 230px;
		height: 31px;
		background: #3E362F url('../graphics/tel2.gif') no-repeat 0 0;
		text-indent: -999em;
		overflow: hidden;
		margin-left: 280px;
		}

p#email {
		width: 276px;
		height: 39px;
		background: #3E362F url('../graphics/email.gif') no-repeat 0 0;
		text-indent: -999em;
		overflow: hidden;
		margin: 10px 0 40px 280px;
		}


/*----------------------------
	8. footer
----------------------------*/

ul#footer {
		margin: 30px 0 0 0;
		padding: 12px 0 67px 0;
		list-style-type: none;
		text-align: center;
		background: #3E362F url('../graphics/bkgd.gif') 0 0;
		}

ul#footer li {
		padding: 0 20px 0 20px;
		display: inline;
		}

ul#footer a {
		font-size: small;
		text-decoration: none;
		color: #EAE7D2;
		}

ul#footer a:hover { text-decoration: underline; }