body {
	background: #4C341C;
	color: #443229;
}



#navigation a:hover, #navigation a:active, #navigation a.main:hover, #navigation a.main:active,
#navigation a.on:link, #navigation a.on:visited, #navigation a.on:hover, #navigation a.on:active { color: #fdfdfd; }
.currentprojects a:hover, .currentprojects a:active,
.currentprojects a.on:link, .currentprojects a.on:visited, .currentprojects a.on:hover, .currentprojects a.on:active { color: #c8c1b8; }


.jjclear {
	clear: both;
}
h1 {
	font: 48px/28px "MrsEavesAllPetiteCaps";
	color: #6A4928;
	margin: 0;
}
p {
	margin: 10px 0 0 0;
}
#wrap {
	width: 100%;
	padding: 0;
	margin: 0;
	background: URL(images/proj-jandj/bodybg.jpg) repeat-y top center;
}
#bg {
	background: URL(images/proj-jandj/headbg.jpg) no-repeat center 10px;
}
#content {
	position: relative;
	background: URL(images/proj-jandj/contentbg.jpg) no-repeat bottom center;
	margin: auto;
	padding: 0;
}
#header {
	background: #4C341C;
	margin-bottom: 40px;
}

#header .logo a.hdrlogo:link, #header .logo a.hdrlogo:visited, #header .logo a.hdrlogo:hover, #header .logo a.hdrlogo:active {
background:transparent url(images/proj-jandj/matchlogo.gif) no-repeat scroll left top;
}

img#jjheader { margin-bottom: 20px; }
img#guidlfordmap { margin: 0 auto; display: block; }

.headimg {
margin: 10px;
}
#head a {
color: #978D80;
}
#contentcontainer {
background: url(images/proj-jandj/contentcontainer-bg.gif) repeat;
}

#c2 {
margin: 10px 0 60px 30px;
width: 600px;
float: left;
padding-right: 20px;
border-right: #EBE5DE 1px solid;
}

#c3 {
width: 240px;
float: left;
padding: 0;
margin: 10px 0 10px 20px;
}
.spanner {
background: URL(images/proj-jandj/spanner.jpg) repeat-x top left;
height: 10px;
margin: 3px;
}
.spanner2 {
background: URL(images/proj-jandj/spanner.jpg) repeat-x top left;
height: 10px;
margin: 20px 3px 20px 3px;
}
.hor {
height: 1px;
background: #EBE5DE;
margin: 5px;
}

#nav{
background: URL(images/proj-jandj/nav.gif) no-repeat top left;
height: 24px;
width: 152px;
overflow: hidden;
margin: 5px 20px 10px 4px;
}

#nav a{
padding-top: 24px;
height: 24px;
width: 76px;
float: left;
display: inline;
}

#nav.loc{
background: URL(images/proj-jandj/nav.gif) no-repeat 0 -24px;
}

.currentprojects h1 {
background:transparent url(images/jj-hdr-completeproj.gif) no-repeat scroll left top;
width: 112px; 
}

.currentprojects h1 {
background-image:url(images/jj-hdr-completeproj.gif) !important;
width: 112px; 
}

#footer {
background: none;
}

.projectdetails .downloadbrochure {
background:none;
}