/* ----------------------------------------------------------------
   jamesjones.co.uk - Site Specific Styles
   
-------------------------------------------------------------------*/

/* ------------------- Colors -----------------*/
h1, h2 {color: #226722;}
h3, h4, h5, h6 {color: #889e96;}
a {color: #557F2F;}



/* -------------------  Main Structural and Common Page Elements -----------------*/
#site {background-color: #cfd8d5 }/*url(http://www.jamesjones.co.uk/images/interface/site-bg.jpg) left top repeat-x;*/
#body {margin: 0 auto; width: 970px; position: relative; text-align: left;}

#header {
	position:relative;top:8px;
	padding-top:8px;
	margin: 0px 0 0px 0; width:969px;height:125px;
	background: transparent url(http://www.jamesjones.co.uk/images/interface/header-bgS.png) no-repeat top left ;}
#header a#home-link {
	outline:none;
	border:none;
	text-decoration:none;
	height:100px;
	width:200px;
	float:left;
}
#nav-col {float: left; clear: left; width: 188px; margin-right: 8px; 
	/*background: transparent url(http://www.jamesjones.co.uk/images/interface/nav-1259hS.png) top left no-repeat;*/
	background: #1e483a url(http://www.jamesjones.co.uk/images/interface/nav-800hS.png) top left no-repeat;}
#content {float: left; width: 774px;}
#foot {width: 774px; background-color: #636466; color: #fff; clear: left; overflow: hidden; padding-top: 25px;}
#foot h4, #foot p, #foot ul, #foot ul li, #foot ul li a {color: #fff;}
#foot h4 {font-size: 1.08em; border-bottom: 1px dotted #ffffff; padding-bottom: 10px; margin-bottom: 7px;}
.foot-links {float: left; margin: 0 12px 0 20px; width: 155px;}
#foot ul {list-style-type: none; margin-left: 0;padding-right:0;padding-left:0;}
#foot ul li a {font-size: .95em;}
#foot ul li { padding-right:0;padding-left:0;}
#foot #logos {width: 774px; clear: left;}
#logos img {margin: 0 8px 12px 8px;}
p#credits {width: 970px; text-align: right; margin: 5px auto 10px auto;font-family:Arial, helvetica, verdana, "sans-serif" !important;}

#header fieldset {border: none; padding: 0; margin: .6em 0 .9em 0; float: right; position: relative; top: 40px; right: 20px;}
#header label#searchLabel {visibility: hidden;font-family:Arial, helvetica, verdana, "sans-serif" !important;}
#header input#keywords {width: 165px;font-family:Arial, helvetica, verdana, "sans-serif" !important;}
#header input#submit {font-family:Arial, helvetica, verdana, "sans-serif" !important;
	background-color: #D7DFD1; color: #222; border: none; 
	padding: 2px 3px; margin: 0 0 0 2px; width: auto; overflow: visible;}

#content-main {padding: 20px 10px 10px 10px; text-align: left; width: 500px; float: left; min-height: 300px;}
#content-main img {padding:0; margin: 0;} /*removed - uploaded images will have trans background */
#content-main ul {margin-left: 2em;}
#content-main ul li {margin-bottom: .3em;}

#content-related {float: right; width: 220px; margin: 20px 15px 0 0;}
#content-related h4 {font-size: 1.35em; border-bottom: 1px solid #ccc; display: block; margin-bottom: 10px; color: #909090; 
	background-color: #fff;
	 padding: 20px 0 15px 72px;}
	
#content-related ul {list-style-type: none; margin-left: 0; padding-left: 0;}
#content-related ul li {margin-bottom: 4px; list-style-type: none; margin-left: 10px; padding-left: 0;}
#content-main h5 {font-size: 1.1em; line-height:1.3; color: #666;}
#content-main h3 {margin-top: 0; padding-top: 10px;}
#content-main table td img {margin: 0; padding: 0; border: none;}
#content p, #content li {
	line-height:1.2;
}

/* -------------------  Main Navigation Menu -----------------*/
#nav-col {line-height:1.1;} 

#nav-col h3 {font-size: 1.1em; color: #bbc8b0; margin: 7px 0 3px 15px; padding: 0; display: block;}
h3#homelink {margin-top: 27px;}
#nav-col ul {list-style-type: none; margin: 0 0 0 20px; padding: 0;}
#nav-col ul li.subnav {font-size: 1.1em; margin: 0; padding: 0 0 5px 0;}
#nav-col a:link, #nav-col a:visited, #nav-col a:active {font-size: 100%; color: #bbc8b0; display: block; margin: 0; padding: 0;}
#nav-col a:hover, #nav-col a.activate {color: #fff; text-decoration: none;}
#nav-col h3 a.openheader {color: #fff;}
ul.categoryitems { display:none;}
ul.opened {display:block;}

/* ----------------------------------  
	Home Page
 ------------------------------------*/
div.innerfade {float: left; width: 512px; margin: 0 9px 0 0; padding: 0;}
ul#sqimgs, ul#sqimgs li {margin: 0; padding: 0; list-style-type: none;}
img#home-big {float: left; width: 512px;}
/*div.alphaOverlay {text-align: center; z-index: 1000; width: 249px; position: absolute; top: 140px; left: 196px; background:transparent url(http://www.jamesjones.co.uk/images/interface/black-transparency.png) repeat scroll 0 0; width: 517px;}
h1#message {padding: 25px 10px 8px 10px; color: #fff; text-transform: uppercase; font-size: 1.9em; line-height: 1.15;}
*/
/* -------------------  Timber Chooser Box -----------------*/
#chooser {float: left; width: 251px; height: 396px; padding:0;margin:0;
	background: transparent url(http://www.jamesjones.co.uk/images/interface/rd-featbox-btm.gif) no-repeat  bottom left;
	
}
#chooser .choose-top {height:10px;line-height:10px;padding:0;margin:0;
	background: #fff url(http://www.jamesjones.co.uk/images/interface/rd-featbox-top.gif) no-repeat  top left;
}
#chooser #wrpped {padding: 0 10px ;position:relative;height:376px;background-color:#fff; }
#chooser h3 {padding-top: 4px;margin:0; font-size: 24px; line-height: 36px; padding-bottom: 4px; color: #008e4e;}
#chooser p {color: #666; font-size: 12px; line-height:14px}
#chooser p.form {width:230px;position:absolute;bottom:4px;margin-bottom:0;padding-bottom:0;margin-right:10px;}
#chooser p.form select{width: 100%;margin-top:22px; margin-bottom:0}

/* -------------------  Feature Boxes -----------------*/
#left {clear:both;}
.feat-box {width: 251px; float: left; margin: 8px 0;padding:0;}
#centre {  margin-left: 9px;margin-right: 9px;}
.feat-box p {margin-left: 10px; margin-right: 8px;padding-bottom:0.5em;}
.feat-box h3 {font-size: 1.5em; margin: 7px 8px 15px 10px;}
.text{ min-height:230px;}
.feat-box{padding-bottom:10px;
	background: #fff url(http://www.jamesjones.co.uk/images/interface/rd-featbox-btm.gif) no-repeat  bottom left;
	overflow:hidden;
}
#home a.home-more, 	#home .excerpt a.news-more{
	float:right;display:block;
	padding:0 10px 0 0;margin:0 ;
	font-size:1.1em;color:#008e4e;line-height:1;}

	
/* -------------------  Latest News -----------------*/
#latest-news {clear:both;width: 774px; 
	background: #ecf0ef url(http://www.jamesjones.co.uk/images/interface/rd-snippets-topS.png) no-repeat top left;
	padding:0 ;margin:0 ; }
	#latest-news img.snippets-btm {padding:0 ;margin:0 ;border:none;height:10px;clear:both;vertical-align:bottom;}
#latest-news a.news-more {line-height:1;clear:both}
#latest-news h3 {color:#1e483a;width: 180px; 
	float: left; margin-left: 10px; font-size: 1.25em; margin-top: 12px; margin-right: 10px; text-transform: uppercase;}
#latest-news #item {width: 574px; float: left;}

#latest-news h4 {margin: 12px 10px 0 0; font-size: 1.1em; color:#1e483a;}
#latest-news p {margin: 2px 10px 0 0;padding-bottom:10px}




/* ----------------------------------  
	About -> Operating Sites Map
 ------------------------------------*/

div#map {border:5px solid #BBBBBB; height:520px; margin: 0; padding: 0; width:490px; }
div.caption {font-size: .9em;}


/* ----------------------------------  
	News -> Index
 ------------------------------------*/
 #content-main div.entry p.date {color:#808080; font-size: .9em; margin: 0 0 3px 0;}
 #content-main div.entry {margin-bottom: 20px;}
 #content-main div.entry h3 {margin-bottom: 0; padding-bottom: 0; padding-top: 0;}
	.entry .excerpt p, #item .excerpt p{margin-bottom:0;padding-bottom:0;}
	.excerpt a.news-more, .news-archive-panel a, #item a.news-more, #logos a, a.home-more {
		background:none;margin:0;padding:0;} /*resets the insane links css from reset css!*/

	.excerpt a.news-more {float:right;display:block;}
	.news-archive-panel h3{margin-top:5px}
	.locations-panel h3 {margin-top:10px}
	div.excerpt {overflow:hidden;}
	#content-related .news-archive-panel ul, 
	#content-related .news-archive-panel li, 
	#content-related .locations-panel li, 
	#content-related .locations-panel ul{padding-left:0;margin-left:0;}
	#item {padding-bottom:10px;}
#content-related .selected a {font-weight:bold}
/* ------------------------------------
	Search -> Results
------------------------------------*/
#search-results #content-main a {margin:0; padding: 0;}
.marker { background-color: #AFD1F3; }
#content-main li.search_results {margin-bottom: .8em;}


/* ------------------------------------
	Template -> re-design adjustments (over-rides some of above)
------------------------------------*/
.content-cols {
	 /*debug
	border-bottom:10px solid red;
	 will need adjusting */
}

/* rd corners */
#content-main, #content-related {
	margin-bottom:0px !important;
	margin-top:2px !important;
	padding-top:0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
	padding-bottom:0 !important;
	height:auto;
	min-height:auto;
}

#content-main {
	padding-left:0 !important;
	padding-right:0 !important;
	width:530px;background-color:transparent;
}
#content-related {
	width:232px;margin:0;padding:0px;background-color:transparent;
}
#bg-main {
	background-color:#fff;
}
#wrap-main, #wrap-related {
	width:510px;background-color:#fff;padding:24px 10px 0 10px;
}
#wrap-related {
	width:212px;
}

 .rounded{
	width:530px;
	height:10px;
	line-height:10px;
	margin:0;
	padding:0;
	
}

 .rd-top {
	background: transparent url(/images/interface/content-main-topS.png) no-repeat 0 0;
}
 .rd-btm {		clear:both;
	background: transparent url(/images/interface/content-main-btmS.png) no-repeat 0 0;
}

 .rd-rel-top {
	width:232px;
	background: transparent url(/images/interface/content-rel-topS.png) no-repeat 0 0;
}
 .rd-rel-btm {	
	width:232px;clear:both;
	background: transparent url(/images/interface/content-rel-btmS.png) no-repeat 0 0;
}

#content-main h2, #content-related h2 {
	padding-left:10px;
	padding-right:10px;
	margin-bottom:0;
	color:#fff;
	background-color:#113d2c;
	margin-top:0;
}
#content-related h2 {
	background-color:#018e4f;
	font-size:1.4em;line-height:2;
}


/* footer adjustments */
.rd-foot-btm, .rd-foot-top {width:774px;}
.rd-foot-top {background: transparent url(/images/interface/rd-foot-topS.png) no-repeat 0 0;}
.rd-foot-btm {background: transparent url(/images/interface/rd-foot-btmS.png) no-repeat 0 0;}

#foot {	
		width:774px;
		background-color:transparent;
		margin:0;
		padding:8px 0 0 0 ;
}
#footwrap {
	background-color:#636466;width:774px;padding-top:15px;
}
#foot #logos {
	width:750px;
}
#foot .begin-item{margin-left:10px;}


/* type adjustments: */
#wrap-main {
	color:#018e4f;
}
/* Can improve this? margin collapse workaround */
#wrap-main p, #wrap-related p {margin-bottom:0;padding-bottom:0.5em}
#wrap-main h5 {margin-bottom:0px;line-height:1.2;} 

/* section specific hacks - add a class to body then do a specific rule*/
.contacts #wrap-main img {float:none ;}