/*
Theme Name: Never Ending Fencing
Theme URI: http://www.designjam.co.uk
Version: 1.1
*/
* {margin:0; padding:0; }
html, body{font: 12px/20px Helvetica, Verdana, Arial, sans-serif; color: #4d555b; background: #e9e6df; text-align: justify; height: 100%;}

/*____________________________
STRUCTURE
____________________________*/

#top-wrapper{margin: 0 auto; width:880px; padding: 0 10px; background: #FFFFFF;}
#bottom-wrapper{margin: 0 auto; width:880px; padding: 0 10px;}
#header{height: 150px; background:#006137; width: 880px;position: relative; margin: 0 0 10px 0; }
#top-nav{height: 40px; background:#006137; margin-bottom: 5px;}
#banner{height: 235px; width: 880px;background:url(images/banner-image.jpg);margin-bottom: 10px;}
#content{ width: 880px; background: #FFFFFF;margin-bottom: 10px;}
#entry{width: 495px; padding: 30px; float: left; }
#side-bar{width: 265px; padding:30px; float: left; }
#footer{ height: 30px; clear: both; border-top: 4px solid #006137; font-size: 80%; margin-top: 10px; padding-top: 10px;}
.push{height: 1em;}
.floatleft{ float: left;}
.floatright{ float: right;}

/*____________________________
Contents
____________________________*/

h1.logo a{margin: 0 auto;width: 267px;height: 124px;background:url(images/never-ending-fencing-logo.gif) no-repeat; display: block; text-indent: -9999px; position: relative; top: 10px;}
h1, h2, h3, h4 {line-height: 120%; padding-bottom: 10px; font-weight: 100;}
h1{ font-size: 250%;}
h2{ font-size: 180%;}
h3{ font-size: 160%;color:#c3b302;}
h4{ font-size: 140%;color:#006137;}
p{padding-bottom: 10px;}
a{color: #c3b302; font-weight: bold; text-decoration: none;}
a:hover{color: #006137;}
strong{font-weight: 700; font-style: italic;}
img.alignleft{ float: left; margin: 0px 20px 10px 0px;}
img.alignright{ float: right; margin-left: 20px;}

.clr{clear: both;}
#content ul{padding-bottom: 10px;}
#content ul li{font-weight: bold; padding-left: 20px; list-style: none; background:url(images/bullet.gif) no-repeat 0px 2px; }
/*____________________________
Testimonials
____________________________*/
.quotescollection_randomquote{padding-left: 50px; background:url(images/speech_mark.jpg) no-repeat; float: left; }
.quotescollection_randomquote q{font-size: 140%; font-weight: 100; color: #006137; font-style: italic;text-align: left;}
#side-bar .quotescollection_randomquote cite {padding-top: 10px; display: block;text-align: left;font-weight: bold;color: #c3b302;}
blockquote{ padding-left: 50px; background:url(images/speech_mark.jpg) no-repeat; padding-bottom: 15px;}
blockquote h3{ color:#006137; font-style: italic; padding-bottom: 0px; }
blockquote p{ color:#c3b302; font-weight: bold; }
/*____________________________
Services
____________________________*/
.services{ height:280px; padding: 0px 12px 10px 12px;}
.holder{width: 255px; height:250px; padding: 15px; display: block; background:url(images/services-panel.jpg); float: left;}
.holder h2{background:#006137; display: block; padding:10px 20px; height: 12px; margin-top: -6px; font-size: 120%;color: #c3b302;}
.holder h2:hover{background:#c3b302; color: #006137;}
.holder p{padding:12px 20px 8px 20px; line-height: 130%; }
.holder span.readmore a{padding:10px 20px;color: #c3b302; font-weight: bold; text-decoration: none;}
.holder span.readmore a:hover{color: #006137;}

/*____________________________
Contact
____________________________*/
#contact{ height: 210px; width: 265px; float: left; clear: both; background:#c3b302; border-top: 4px solid #006137; margin-bottom: 20px;}
#contact a.map{ height: 100px; width: 265px; background: url(images/map.jpg) no-repeat #006137; display: block; margin-bottom: 10px;}
#contact a.map:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
#contact .details{width: 245px; padding: 0px 10px;}
#contact h2, #contact b{color:#006137; padding-bottom: 5px;  }
#contact p{color:#FFFFFF; font-size: 110%;font-weight: bold; padding-bottom: 0px; }
#contact a{color:#FFFFFF; }
#contact a:hover{color:#006137; }
.wpcf7{ width: 325px;  float: left;}
span.tel { width: 20px; display: block; float: left; color: #006137;}


/*Gallery*/

#entry .ngg-galleryoverview{background:#e9e9e9; padding: 10px 15px;-moz-border-radius: 15px; border-radius: 15px;  margin: 0px; width: 465px;}
#entry .ngg-galleryoverview h3{ padding: 0px 0px 8px 5px;}
#entry .ngg-gallery-thumbnail{ padding: 0px 0px 5px 5px; margin: 0px;}
#entry .ngg-gallery-thumbnail a:hover img{background:#c3b302;}
#entry .ngg-gallery-thumbnail img{margin: 0px; border: none; font-weight: 900;}

/*____________________________
Columns
____________________________*/

.wpcolumn-clearfix {
    clear: both;
}
.wpcolumn-first {
    float: left;
    padding-right: 10%;
    width: 45%;
}
.wpcolumn-last {
    float: left;
    width: 45%;
}

/*____________________________
Footer
____________________________*/

/*____________________________
Navigation
____________________________*/


ul#menu-top-nav { height: 40px; width: 880px; list-style: none; }

ul#menu-top-nav li {float: left;position: relative;text-align: center;text-transform: uppercase; height: 40px;}
ul#menu-top-nav li:hover{background: #c3b302;}
ul#menu-top-nav li a{font-size: 13px; padding: 10px 30px;text-decoration: none;color:#FFFFFF; height: 20px; display: block; float: left;border-right: 1px solid #FFFFFF;}
ul#menu-top-nav li a:hover{color: #000000;}
li ul {
	display: none;
	position: absolute;
	width:180px;
	margin-top: 40px;
	font-weight: normal;
	background: #006137;
}

ul#menu-top-nav li ul.sub-menu li{
	border-bottom: 1px solid #FFFFFF;
	
	width:180px;
	list-style: none;
	height: 30px;
}

ul#menu-top-nav li ul.sub-menu li a{
border-right: none;
	font-weight: normal!important;
	background: none;
	padding: 5px 30px;
	color: #FFFFFF;
}
ul#menu-top-nav li ul.sub-menu li:hover{background: #c3b302;}
ul#menu-top-nav li ul.sub-menu li a:hover{color:#000000;}
li>ul {
	top: auto;
	left: auto;
}

li:hover ul, li.over ul {
	display: block;
}