/*

Theme Name: Better Brand Agency
Author: Better Brand Agency
Author URI: http://www.betterbrandagency.co.uk/

CSS Styles for gapawlett.co.uk

Design and development by Better Brand Agency
www.betterbrandagency.com

*/



@import url('reset.css');

body {
       background: url(_img/topbg.gif) top repeat-x;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 12px;
       color: #333;
}

p {
       margin: 0 0 5px 0;
       line-height: 17px;
}

.small {
       color: #666666;
       font-size: 11px;
}

.bold {
       font-weight: bold;
}

a {
       color: #333;
}

a:hover {
       color: #e47817;
}

img {
       float: left;
}

#maincontent a img {
       border: 2px solid #e47817;
}

h1 {
       font-weight: bold;
       font-size: 20px;
       color: #666;
}

h2 {
       font-weight: bold;
       font-size: 18px;
       color: #291574;	   
	   line-height: 24px;

}

h3 {
       font-size: 14px;
       color: #333;
	   line-height: 20px;
}

h4 {
       font-weight: bold;
       font-size: 12px;
       color: #e47817;
       line-height: 16px;
}

h5 {
       font-weight: bold;
       font-size: 14px;
       color: #666;
}

#tel h5 {
       margin: 5px 0 0 0;
}

.smallerh5 {
       font-size: 12px;
}

.extramargin {
       margin: 7px;
}

.pushdown {
       margin-bottom: 15px;
}

.pushup {
       margin-top: 5px;
}

.pushleft {
       float: right;
}

#container {
       position: relative;
       margin: 0 auto;
       width: 960px;
       background: url(_img/bg.jpg) no-repeat;
}

#top {
       width: 960px;
       height: 190px;
}

#logo {
       background: url(_img/logo.png) no-repeat;
       margin: 35px 0 22px 27px;
       width: 263px;
       height: 49px;
       text-indent: -99999px;
       float: left;
}

#tel {
       margin: 30px 0 0 0;
       width: 550px;
       height: 40px;
       float: right;
       text-align: right;
}

#tel dl {float:right;padding-right: 15px;}
#tel dl, #tel dl a {font-size: 14px;color: #666;}
#tel dt {font-weight: bold;padding-right: 5px;float:left;}
#tel dd {float:left;padding-right: 15px;}

#tel #socmed {float:right;overflow: hidden;margin-bottom: 10px;padding-right: 20px;}
   #tel #socmed .icon {background: transparent no-repeat;display: block;float:left;height:28px;margin-right: 5px;overflow: hidden;text-indent: 31337px;width:29px;}
   #tel #socmed .fb {background-image: url(_img/fb.png);}
   #tel #socmed .twttr {background-image: url(_img/twttr.png);}
   #tel #socmed .li {background-image: url(_img/li.png);}

#navigation {	
	position: relative;
	float: left;
	width: 960px;
	height: 120px;
	background: url(http://pawlett.betterbrandagency.com/_img/navbg.png) no-repeat;
}

#navigation ul {
	text-align: center;
} 

#navigation ul {
	width: 955px;
	height: 46px;
	position: absolute;
	top: 4px;
	left: 5px;
}

#navigation ul a {
	float: left;
	border-right: 1px solid #fff;
	background: #f3eeea;
	height: 46px;
	line-height: 46px;
	padding: 0 20.3px;
}

#navigation ul a:hover {
	float: left;
	background: #e6e1dd;
}

#navigation li {
	display: inline;
}

#hero {
       position: relative;
       left: 6px;
       width: 940px;
       height: 223px;
       border: 4px solid #E5E1DE;
}

#heronav {
       float: left;
       top: 0;
       position: absolute;
       width: 320px;
       height: 223px;
       z-index: 3;
}

#hero ul a {
       display: block;
       border-bottom: 1px solid #fff;
       background: #f3eeea url(_img/offarrow.png) 285px center no-repeat;
       text-align: center;
       font-size: 16px;
       line-height: 73.5px;
       height: 73.5px;
       width: 320px;
}

#hero ul a:hover {
       display: block;
       background: #e6e1dd url(_img/onarrow.png) 285px center no-repeat;
       text-align: center;
       font-size: 16px;
       line-height: 73.5px;
       height: 73.5px;
       width: 320px;
       font-weight: bold;
}

#heronav li.nobordersub {
       border: none;
}

.herotext {
       position: absolute;
       right: 15px;
       top: 15px;
       z-index: 2;
       width: 446px;
       background: url(_img/herotextbg.png) repeat;
       padding: 10px;
       line-height: 18px;
}

.heroimage {
       position: absolute;
       right: 0;
       z-index: 1;
       width: 670px;
       height: 223px;
}

#maincontent {
       float: left;
       width: 945px;
       padding: 0 7px 12px 7px;
       margin: 15px 0 10px 0;
       background: url(_img/footerbg.png) center bottom no-repeat;
}


#content a img {
       border: 2px solid #e47817;
}

#content a img:hover {
       border: 2px solid #2A176B;
}

#content img {
       float: left;
       margin: 7px 10px 7px 0px;
}

#content a {
       color: #e47817;
}

#content a:hover {
       color: #2A176B;
}

#content2 a img {
       border: 2px solid #e47817;
}

#content2 a img:hover {
       border: 2px solid #2A176B;
}

#content2 img {
       float: left;
       margin: 7px 6px 7px 0px;
}

#content2 a {
       color: #e47817;
}

#content2 a:hover {
       color: #2A176B;
}

#cformsform {
       margin-right: 15px;
}

#subnav {
       width: 136px;
       border: 4px solid #E5E1DE;
       float: left;
       background: #f3eeea;
}

#subnav ul li {
       width: 136px;
       height: 23px;
       background: url(_img/offsubnav.gif) no-repeat;
       border-top: 1px solid #fff;
       color: #e47817;
       font-weight: bold;
       padding-top: 10px;
}

#subnav ul li:hover {
       background: url(_img/onsubnav.gif) no-repeat;
       cursor: pointer;
}

#subnav ul li a {
       color: #e47817;
       width: 111px;
       margin: 0 0 0 25px;
}

#content {
       float: left;
       margin: 11px 20px;
       width: 540px;
}

#content2 {
       float: left;
       margin: 11px 0 11px 20px;
       width: 780px;
}

#rightcol {
       float: left;
       width: 221px;
       margin: 11px 0 0 0;
}

.newsitem {
       border-bottom: 1px solid #e47817;
       margin: 12px 0;
       min-height: 145px;
       padding-bottom: 5px;
}

newsitem a p {
       color: #333;
       padding: 0 0 5px 0;
}

.newsitem a {
       color: #e47817;
}

.newsitem p a {
       color: #333;
}

.newsitem a:hover {
       color: #333;
}


#footer {
       float: left;
       width: 930px;
       padding: 0 15px;
}

#footer p {
       font-size: 11px;
       color: #666;
}

.news {
       margin: 0 0 15px 0;
       width: 750px;
       float: left;
       padding: 0 0 15px 0;
       border-bottom: 1px solid #E6E1DD;
}

.news h4 {
       margin: 0 0 5px 0;
}

.news h4 a {
       color: #E47817;
}

.news h4 a:hover {
       color: #333;
}

.newsitem {
       margin: 0 0 15px 0;
       height: 85px;
}

.newsitem h4 {
       margin: 0 0 5px 0;
}

label span {
       font-weight: bold;
       color: #333;
}

.linklove {
       display: none;
}

#cformsform {
 float: left;
}

#usermessagea {
       float: left;
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus {
       border: 1px solid #E47817;
       background: #eee;
}

.cform input,
.cform textarea,
.cform select {
       padding:3px;
       border:1px solid #aaa;
       color: #333;
       font-size: 12px;
       background:#ffffff;
       vertical-align:top;
}


.piclenselink {
       display: none;
}

#lightbox-overlay-text-about {
       display: none;
}

#lightbox-caption-title {
       display: none;
}

blockquote {
       margin: 10px 10px 15px 10px;
       padding: 10px;
       background: #eee;
       color: #333;
}

b {
       font-weight: bold;
}

strong {
       font-weight: bold;
}

em {
       font-style: italic;
}

#ctas {
       margin-top: 20px;
}

.by {}
   .by a {padding-left: 10px;
}
 
form.wpcf7-form fieldset {
	padding: 15px 15px 15px 0;
	color: #000;
	float: left;
    width: 750px;
}  

form.wpcf7-form fieldset span {
	vertical-align: top;
	display: inline-block;
	padding: 0;
}

form.wpcf7-form fieldset span input {
	border: 2px solid #ccc;
	padding: 10px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #efefef;
	margin: 5px 0;
	width: 250px;
	color: #333;
	font-size: 11px;
	float: left;
	vertical-align: top;	
	clear: right;
}

form.wpcf7-form fieldset input:focus {
	border: 2px solid #ccc;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	font-size: 11px;
}

form.wpcf7-form fieldset select {
	border: 2px solid #ccc;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #efefef;
	margin: 15px 0 5px 0;
	width: 250px;
	color: #333;
	font-size: 11px;
}

form.wpcf7-form fieldset select:focus {
	border: 2px solid #ccc;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	font-size: 11px;
}

form.wpcf7-form fieldset textarea {
	border: 2px solid #ccc;
	padding: 10px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #efefef;
	margin: 15px 0 5px 0;
	width: 250px;
	color: #333;
	font-size: 11px;
}

form.wpcf7-form fieldset textarea:focus {
	border: 2px solid #ccc;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	font-size: 11px;
}

form.wpcf7-form fieldset input.wpcf7-submit {
	width: 100px;
	padding: 3px;
	font-weight: bold;
	cursor: pointer;
	margin: 20px 0 0 170px;
	float: left;
	border: 2px solid #ccc;
	background: #efefef;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
}

form.wpcf7-form fieldset input.wpcf7-submit:hover {
	background: #fff;
}

form.wpcf7-form fieldset label {
	width: 160px;
	float: left;
	clear: left;
	display: inline-block;
	vertical-align: top;
	margin: 18px 10px 0 0;
	text-align: left;
}

form.wpcf7-form fieldset ul {
	margin: 10px 0;
}

form.wpcf7-form fieldset ul li {
	min-height: 35px;
	position: relative;
}

form.wpcf7-form fieldset p {
	padding: 10px;
	background: #eee;
}

form div.wpcf7-mail-sent-ok {
	font-weight: bold;
	background: #ebffe9;
	border: 0;
	padding-bottom: 15px;
	margin: 10px 0;
}

form div.wpcf7-mail-sent-ng	{
	font-weight: bold;
	background: #ffe9ee;
	border: 0;
	padding-bottom: 15px;
	margin: 10px 0;
}

form.wpcf7-form fieldset li span span.wpcf7-not-valid-tip {
	font-weight: bold;
	background: #ff0000;
	border: 0;
	color: #fff;
	padding: 6px;
	width: 190px;
	font-size: 11px;
	margin: 3px 2px 0 0;
}