/*
456 Berea Street Main style sheet, v2008
Copyright Roger Johansson
*/





.home2
{
  display: block;
  width: 137px;
  height: 35px;
  background-image:url(http://gngroundworksltd.co.uk/images/button.png);
  background-repeat:no-repeat;
  margin-bottom:2px;
	padding-bottom:4px;
	cursor:hand;

}

.home2:hover
{ 
  background-position: 0 -35px;
}

.home2 div
{

	color:#333333;
	text-align:center;
	padding-top:3px;
	
  
}
a{
text-decoration:none;
color:#046B9A;

}



.centreboxsidebar{
max-height:70px; 
min-height:70px;
margin-left:10px;
margin-top: -5px;
padding-bottom:-5px

}

.boxb{
width:100%; 
font-size:0.8em; 
margin:5px 5px;
padding-bottom:5px;
background:#FFFFFF none repeat scroll 0 0;
line-height:1.3em;
}

.boxb .body {

margin:10px;

}


.boxb .head {
background:#FFFFFF url(http://gngroundworksltd.co.uk/images/base_mini_head_bg.gif) repeat-x scroll 0 0;
border-bottom:1px solid #DDDDDD;
margin:0 1px;
margin-bottom:3px;
padding:4px 8px;
font-weight:bolder;
font-size:1.4em;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

.boxa{
width:45%; 
float:left; 
font-size:0.8em; 
margin:5px;
padding:0 5px 5px 5px;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #C4C1BC;
line-height:1.3em;
height:185px;
}

.boxa h1{
background:#FFFFFF url(http://gngroundworksltd.co.uk/images/base_mini_head_bg.gif) repeat-x scroll 0 0;
border-bottom:1px solid #DDDDDD;
margin:0 1px;
margin-bottom:3px;
font-weight:bolder;
font-size:1.3em;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#046B9A;
margin:0 -5px 3px -5px;

}


.boxc{
width:100%; 
font-size:0.8em; 
padding-bottom:5px;
background:#FFFFFF none repeat scroll 0 0;
line-height:1.3em;
border:1px #CCCCCC solid;
}

.boxc .body {

margin:10px;
}


.boxc .head {
background:#FFFFFF url(http://gngroundworksltd.co.uk/images/base_mini_head_bg.gif) repeat-x scroll 0 0;
border-bottom:1px solid #DDDDDD;
margin:0 1px;
margin-bottom:3px;
padding:4px 8px;
font-weight:bolder;
font-size:1.4em;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}




/*
=Global
*/
blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {
	margin:0;
	padding:0;
}
body,
html {background:#4A96B5;	background-image:url(http://gngroundworksltd.co.uk/images/back2.gif)
}
body {
	width:56em;
	max-width:100%;
	margin:0 auto;
	padding:0;
	color:#333;
	font:100%/1.2 Palatino,Georgia,serif;
	font-family:Arial, Helvetica, sans-serif;
	
}

/*
=Main layout
*/


#wrap {
	position:relative;
	padding:12px;
	background-image:url(images/drop-box.png);
	margin-top:10px;
}
#content {
	clear:both;
	padding:12px 12px;
	padding-bottom:2px;
	min-height:417px;
}
#main {
	float:left;
	width:65%;
}
#content-secondary {
	float:right;
	
margin-top:-5px;
width:34%;
}
#footer {clear:both; text-align:center;}


#main-gallery {
	float:left;
	width:49%;
}
#content-gallery {
	float:right;
	width:49%;
}


/*
=Links
*/
a:link {color:#046B9A; 	text-decoration:none;}
a:visited {color:#046B9A;}
a:hover,
a:focus,
a:active {
	color:#4FACD6;
	
}
a.imglink:hover,
a.imglink:focus,
a.imglink:active {
	outline:none;
	background:transparent;
}
a.imglink:hover img,
a.imglink:focus img,
a.imglink:active img {
	border-color:#800000;
	background:#fff;
}



/*
=Skip link
*/
#skip {
	margin:0 0 5px;
	font:0.75em/1 "Helvetica Neue",Arial,Helvetica,sans-serif;
	text-align:right;
}



/*
gallery
*/

.gallerydiv {
float:left; 
height:140px;
text-decoration:none;
padding:0 10px 0px 10px;
}

.gallerydiva {
text-decoration:none;
font-size:0.7em;

}

.contentdiv{

}

/*
=Headings
*/
h1,h2,h3,h4,h5,h6 {
	margin:0;
	color:#444;
	font:normal 1em/1.2 Palatino,Georgia,serif;
		font-family:Arial, Helvetica, sans-serif;

}
h1 {font-size:1.2em; padding:3px; padding-bottom:0;}
h2 {font-size:1.5em; text-align:center;}
h3 {font-size:1.2em;}
.home #main h2,
#content-secondary h2 {
	font-size:0.75em;
	font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
	text-transform:uppercase;
}
#latest h3 {font-size:1.8em;}
#related-entries h2 {
	margin:0 0 0.5em;
	font-size:1.1em;
	line-height:1;
}
#recent h3 {font-size:1.8em;}
#content-secondary h3 {
	margin:0 0 0.25em;
	font-size:1.4em;
	line-height:1.2;
}

/*
=Lists
*/
dl,
ol,
ul {margin:0;}
dl {margin-top:-0.5em;}
dt {
	margin:0.5em 0 0;
	font-weight:bold;
}
.lab dt {margin-top:1em;}
dd {margin:0 0 0 2em;}
dd p {margin:0 0 0.5em;}
ul {
	padding:0.1em 0 0 1.5em;
	
}
ol {padding:0 0 0 2.5em;}
li {margin:0 0 0.1em;}
.code {
	overflow:auto;
	padding:0;
	border:1px solid #e3e0d1;
	list-style:none;
}
.code li {
	margin:2px 0;
	padding:0 5px;
	background:#f3f3e6;
}
.code li.tab1 {padding-left:4ex;}
.code li.tab2 {padding-left:8ex;}
.code li.tab3 {padding-left:12ex;}
.code li.tab4 {padding-left:16ex;}
.code li.tab5 {padding-left:20ex;}
.code .changed {
	color:#900;
	font-weight:bold;
}
.code em {
	color:#900;
	font-weight:bold;
	font-style:normal;
}

/*
=Data tables
*/
table {
	border-collapse:separate;
	border-spacing:0;
}
caption {
	margin:0;
	padding:0.5em 0;
	font-weight:bold;
	text-align:left;
}
th {font-weight:bold;}

/*
th,
td {
	
	padding:0.25em 0.5em 0.25em 0;
	border-top:1px solid #ccc;
	vertical-align:top;
	text-align:left;
}
*/
/*
=Quotations
*/
blockquote {
	margin:1em 32px 1em 24px;
	padding:0 0 0 6px;
	border-left:2px solid #eee;
	font-style:italic;
}
q {quotes:"\201C" "\201D" "\2018" "\2019";}
q:before {content:open-quote;}
q:after {content:close-quote;}
* html q {font-style:italic;}
.bq-cite {margin:1em 0;}
.bq-cite div {margin-left:30px;}
.bq-cite blockquote {margin-bottom:0;}
.bq-cite cite {font-style:normal;}
blockquote.alt {
	float:right;
	margin:0.25em 0 0.25em 0.75em;
}

/*
=Images
*/
img {
	/*display:block;*/
	border:none;
}
.fullwidth {margin:1em auto;}
.flow {
	float:right;
	margin:0 0 6px 12px;
}
.alt {
	float:left;
	margin:0 12px 6px 0;
}
.dec {
	padding:4px;
	border:1px solid #ccc;
}

/*
=Misc
*/
code,
kbd,
pre {font-family:"Andale Mono",Monaco,"Courier New",FreeMono;}
pre {white-space:normal;}
strong code,
dt code {font-weight:normal;}
ins {
	background-color:#eee;
	text-decoration:none;
}
pre,
p {margin:0 0 1em;}
abbr,
acronym {border:none;}
abbr[title],
acronym[title] {
	border-bottom:1px dotted #666;
	cursor:help;
	font-style:italic;
}
.structural {
	position:absolute;
	left:-9999px;
	margin:0;
}
.clearfix:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}
.clearfix {display:inline-block;}
.clearfix {display:block;}

.centeredImage
    {
    text-align:center;
    display:block;
    }


/*
=Header
*/
#header {
	height:60px;
}
#header h1,
#header a {
	float:left;
	margin:0;
}
#header img {
	color:#fff;
	font:bold 16px/50px "Helvetica Neue",Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-align:center;
}

/*
=Footer
*/
#footer {
	padding-top:6px;
}
#footer ul {
	margin:0;
	padding:0;
	list-style:none;
}
#footer li {
	display:inline;
	margin:0 1em 0 0;
}

/*
=Navigation
*/
#nav {
	clear:both;
	padding-top:3px;
	font:1em/2 "Helvetica Neue",Arial,Helvetica,sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
#nav ul {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	background:#046B9A url(http://gngroundworksltd.co.uk/images/nav-tab.png) repeat-x;
}
#nav li {
	display:inline;
	margin:0;
	padding:0;
}
#nav a {
	display:block;
	float:left;
	padding:0 12px;
	border-right:1px solid #4FACD6;
	border-bottom:none;
	border-left:1px solid #046B9A;
	color:#fff;
	background:#046B9A url(http://gngroundworksltd.co.uk/images/nav-tab.png) repeat-x;
	text-decoration:none;
}
#nav a:hover,
#nav a:focus {background:#4FACD6 url(http://gngroundworksltd.co.uk/images/nav-tab.png) repeat-x 0 -150px;}
#nav .sel a {background:#720000 url(http://gngroundworksltd.co.uk/images/nav-tab.png) repeat-x 0 -300px;}
#nav .sel a:hover,
#nav .sel a:focus {background:#4FACD6 url(http://gngroundworksltd.co.uk/images/nav-tab.png) repeat-x 0 -150px;}

/*
=Posts
*/
.entry {
	margin:0 0 1.5em;
	padding:0 0 1em;
	border-bottom:1px dashed #b6c8b0;
}
.capt {
	margin:-1em 0 1.1em 0;
	color:#333;
	line-height:1.0;
}
.note,
.update {
	margin-bottom:1em;
	padding:6px;
	border:3px solid #e3e0d1;
	background:#f3f3e6;
}
.note p {margin-bottom:1em;}
.note p+p {margin:1em 0 0;}
.error strong {
	color:#930;
	font-weight:bold;
}
.update {
	margin:1em 0;
	padding:0 6px;
	border:3px solid #e3e0d1;
	background:#f3f3e6;
}
p.update {padding:6px;}
.update p {margin:0.5em 0;}
#main dl {margin-top:0;}

/*
=Post footer
*/
.meta {
	margin:1em 0;
	color:#666;
}
.reviews .meta {clear:both;}
#related-entries {
	clear:both;
	margin:1em 0;
	padding:12px;
	background:#f3f3e6;
}
#related-entries ul {margin:0;}
#related-entries li {
	margin-bottom:0;
	color:#666;
}
.pager {
	margin:0.5em 0 1.5em;
	padding:0;
	list-style:none;
	color:#666;
}
.pager li {margin:0;}
.pager li a {margin:0 0 0 0.25em;}

/*
=Comments
*/
#comments {margin-bottom:1em;}
.preview #comments {margin-top:1em;}
#comments ol {margin:0 0 1em;}
#comments ol ol {padding:0 0 0 2.5em;}
#comments li {margin:0 0 2em;}
#comments li li {margin:0 0 0.5em;}
#comments li.r .head {
	padding:4px 6px;
	color:#000;
	background:#e3e3d0;
}
#comments li.r .head:after {
	margin:0 0.5em 0 1em;
	content:"(Author comment)";
	color:#555;
	font-weight:bold;
	font-size:0.75em;
}
#comments .r .body {
	padding:6px;
	color:#000;
	background:#f3f3e6;
}

/*
=Reviews
*/
.review {clear:left;}
.review dd {margin:0;}
.review img {
	float:left;
	margin:0 6px 6px 0;
}
.music {
	padding:0;
	list-style:none;
}
.music li {
	margin:0;
	padding:0;
	background-image:none;
}
.music img {
	float:right;
	margin:0;
	padding:1px;
	border:1px solid #ccc;
}
.music .img {
	float:right;
	width:70px;
}
.music .img a:link,
.music .img a:visited,
.music .img a:hover {
	border:none;
	background:transparent;
}
.book {
	border:1px solid #ccc;
	padding:4px;
	display:block;
	float:left;
	margin:0.25em 12px 6px 0;
}

/*
=Recent posts list
*/
#recent {margin-top:2em;}
#recent div {margin:0 0 2em;}

/*
=Secondary content
*/
p.more {text-align:right}

/*
=Ads
*/
.ad {
	margin:0 0 12px;
	padding:12px;
	border:2px solid #eec;
	background:#fff;
	font-size:0.8125em;
	font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
}

/*
=Authentic jobs
*/
#authentic-jobs h3 {margin-bottom:6px;}
#authentic-jobs #aj-banner {margin:0;}
#authentic-jobs img {
	float:left;
	margin:0 6px 6px 0;
}
#authentic-jobs ul {
	clear:both;
	margin:0;
	padding:0;
	list-style:disc inside;
}
#authentic-jobs p {margin:0;}

/*
=Sidebarads
*/
#sidebarads h3 {margin-bottom:6px;}
#sidebarads img {
	float:left;
	margin:0 6px 6px 0;
	padding:2px;
	border:1px solid #ccc;
}
#sidebarads .advertise {
	clear:both;
	margin:0;
}
/*
=Hosting
*/
#hosting {margin:0 0 2em;}
#hosting h3 {margin-bottom:6px;}
#hosting img {margin:0 0 6px;}
#hosting p {margin:0;}

/*
=Forms
*/
label {
	display:block;
	margin-top:1em;
	font-weight:bold;
}
.checkbox {margin-top:1em;}
.checkbox label,
label.inl {display:inline;}
label em {
	font-weight:normal;
	font-style:normal;
}
legend {
	margin:0;
	padding:0;
	color:#000;
	font-weight:bold;
}
.txt {
	display:block;
	width:95%;
	border:1px solid #999;
	color:#000;
	background:#fff;
	font-size:1em;
}
.txt:focus,
.txt:focus {
	color:#000;
	background:#ffe;
}
.txt,
textarea {font-family:Palatino,Georgia,serif;}
#search-form {
	margin:0 12px 0 0;
	padding:0;
	line-height:50px;
	text-align:right;
}
#search-form label {
	display:inline;
	margin:0;
	color:#fff;
	vertical-align:middle;
}
#search-form input.txt {
	display:inline;
	width:150px;
	vertical-align:middle;
}
#search-form input.btn {
	margin:0;
	vertical-align:middle;
}
.radio {margin:1em 0 0;}
.radio label {display:inline;}
#comments_form,
#contact-form {
	padding:12px;
	border:3px solid #e3e0d1;
	background:#f3f3e6;
}
#comments_form {margin-bottom:1em;}
#rem {
	margin:1em 0;
	border:none;
}
#rem label {margin:0 1em 0 0.25em;}
.submitarea {margin:1em 0 0;}
#comments_form p {
	margin-top:1em;
	color:#333;
}

/*
=Archive
*/
h2.article {font-weight:normal;}
.categories,
.monthly,
.year ul {
	margin:1em 0;
	padding:0;
	list-style:none;
}
.year ul {margin-top:0;}
.categories li,
.year li {
	float:left;
	width:49%;
	padding:0;
}
.year,
.monthly {
	clear:both;
	margin-bottom:1em;
}
.monthly li {
	float:left;
	width:49%;
}
.archive-pager {
	margin:1em 0;
	padding:0;
	list-style:none;
	color:#666;
}
.archive-pager li {
	float:left;
	width:5em;
	margin:0;
	padding:0;
	background-image:none;
	white-space:nowrap;
}
#archiveftr {
	clear:both;
	padding-top:1em;
}

/*
=Styles needed for inline examples in some posts
*/
.teaser {
	width:430px;
	margin:10px 0;
	padding:0 0 14px 0;
	background:url(/lab/teaser/tsr.gif) no-repeat 0 100%;
}
.teaser h3 {
	margin:0;
	padding:7px 10px 3px;
	background:url(/lab/teaser/tsr.gif) no-repeat;
	font-size:1.1em;
	text-transform:none;
}
.teaser p, .teaser a {
	margin:0;
	padding:0 10px 3px;
	border:1px solid #d8d8d8;
	border-width:0 1px;
	background:#fff;
}
.teaser a {
	display:block;
	padding:0 24px 0;
	background:url(/lab/teaser/tsr-a.gif) no-repeat 410px 50%;
	text-decoration:none;
	text-align:right;
}
.teaser a:hover {text-decoration:underline;}
.survey,
.stats {
	margin:1em 0;
	border-collapse:collapse;
	border:1px solid #ccc;
	border-width:1px 0 0 1px;
}
.stats {margin:1em auto;}
.stats caption {
	margin:0 auto;
	font-weight:bold;
}
.survey th,
.survey td,
.stats th,
.stats td {
	padding:4px;
	border:1px solid #ccc;
	border-width:0 1px 1px 0;
	text-align:left;
}
.stats th {background:#ececec;}
.survey th {vertical-align:top;}
.survey td {
	white-space:nowrap;
	vertical-align:top;
	text-align:left;
}
.survey td.ok {background:#cfc;}
.survey td.notok {background:#fcc;}
.survey td.partly {background:#ffc;}
.survey td span {
	border-bottom:1px dotted #000;
	cursor:help;
	font-size:0.94em;
}
.survey caption {text-align:left;}
.extbl {
	margin:1em 0 1em 1px;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #555;
	border-width:1px 0 0 1px;
}
.extbl th,
.extbl td {
	padding:2px 6px;
	border:1px solid #555;
	border-width:0 1px 1px 0;
}
.extbl td[scope] {font-weight:bold;}
.table1 .headers td {
	font-weight:bold;
	text-align:center;
}
.unstyled {
	margin:1em 0;
	border:none;
}
.unstyled th {text-align:center;}
.unstyled th,
.unstyled td {
	padding:0.25em;
	border:none;
	vertical-align:middle;
}
blockquote.example[cite]:after {
	display:block;
	padding-top:0.25em;
	border-top:1px dotted #999;
	content: "URI: " attr(cite);
}