/*
Website:      		investnorthamptonshire.co.uk
Author:     		Kevin Francis, thebgroup.co.uk, kev@thebgroup.co.uk
Updated:    		23 Oct 2008
*/

/* =reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
li { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
abbr, acronym { cursor: help; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
th, td { vertical-align: top; }

/* =defaults */
html { height: 100%; background: #e5f1cc url(/_assets/img/masthead-bg.jpg) 0 0 repeat-x; }
body { min-height: 100%; position: relative; font: 75%/1.5 verdana, arial, helvetica, sans-serif; color: #4d4d4d; background: url(/_assets/img/info-bg.gif) 100% 100% no-repeat; }
a { color: #3f84b9; text-decoration: none; }
a:hover { color: #7db900; }
a:active { }
a:focus { }
p, ul, ol, dl { margin-bottom: 18px; }
#info a { color: #59a514; }
#info a:hover { color: #397d94; }

/* =layout #6baeed
=======================*/
#branding { position: relative; height: 250px; width: 802px; margin: 0 auto; background: url(/_assets/img/masthead.jpg) 0 0 no-repeat; }
#navigation { width: 802px; margin: 0 auto; position: relative; }
#wrap { background: #fff; }
#content { width: 742px; min-height: 412px; padding: 58px 52px 0 52px; position: relative; top: -58px; margin: 0 auto -58px auto; background: url(/_assets/img/content-bg.png) 50% 0 no-repeat; }
.root #content { width: 762px; padding: 58px 42px 0 42px; }
.fullwidth #content-main { width: auto; float: none; }

.section { width: 234px; float: left; position: relative; min-height: 425px; margin: 0 10px 0 10px; padding-bottom: 40px; }
.container { overflow: hidden; height: 1%; }
.container.sub { margin-top: 36px; }
.container.sub .section { min-height: 235px; margin-bottom: 0; }
#aside { float: left; width: 234px; position: relative; }
#content-main { float: right; width: 468px; position: relative; }
.why #content-main { float: none; width: auto; padding: 0; }
.why #aside { display: none; }
#aside .sub { border-bottom: 1px solid #e5e5e5; margin-bottom: 36px; padding-bottom: 18px; }
#info { width: 742px; padding: 86px 0 18px 0; margin: 0 auto; }
/* =h1/h2/h3/h4/h5/h6
=======================*/
h1, h2, h3, h4, h5, h6 { font-family: helvetica, arial, verdana, sans-serif; color: #7db900; font-weight: normal;  }
h1 { display: none; }
h2 { font-size: 24px; line-height: 36px; margin-bottom: 18px; letter-spacing: -.04em; }
.root h2 { font-size: 20px; margin-bottom: 9px; }
h3 { font-size: 20px; line-height: 26px; letter-spacing: -.04em; }
#info h3 { color: #397d94; }
h4 { font-size: 14px; line-height: 18px; }

/* =ul/ol/dl
=======================*/
#nav { float: right; }
#nav li { display: inline; letter-spacing: -.05em; font: 26px/1 helvetica, arial, verdana, sans-serif;}
#nav a { float: left; background: #fff; color: #003352; padding: 10px; margin-right: 2px; -webkit-transition-property: padding-top; -webkit-transition-duration: .25s; -webkit-box-shadow: 1px 1px 3px #000; }
#nav li:last-child a { margin-right: 0; }
#nav em { display: block; font-style: normal; color: #737373; font-size: 12px; font-family: arial, sans-serif; letter-spacing: 0; }
#nav img { display: block; padding: 10px; }
#nav a:hover, .why #why a, .how #how a, .who #who a { padding-top: 20px; }

#nav-sub { margin-bottom: 18px; }
#nav-sub li { display: inline; }
#nav-sub a { display: block; height: 1%; line-height: 2.2; padding: 0 25px 0 0; color: #4d4d4d; border-bottom: 1px solid #e5e5e5; }
#nav-sub .active a { background: #659dc7 url(/_assets/img/arrow.gif) 218px 50% no-repeat; color: #fff; }
#nav-sub a:hover, #nav-sub em a { background: #659dc7 url(/_assets/img/arrow.gif) 218px 50% no-repeat!important; color: #fff!important; }
#nav-sub em { font-style: normal; }

#content-main .ul-default, ul.team ul { margin-left: 36px;  }
.ul-default li, ul.team ul li { height: 1%; padding-left: 15px; background: url(/_assets/img/bullet.gif) 0 6px no-repeat; }

#info-ul { margin-top: 36px; overflow: hidden; height: 1%; }
#info-ul li { display: inline; }
#info-ul a { float: left; color: #000; background: #cbe399; line-height: 2.5; padding: 0 10px; margin-right: 10px; }
#info-ul a:hover { background: #97c733; color: #fff; }

#map-profiler { border: 1px solid #e5e5e5; padding: 20px; margin-bottom: 36px; }
#map-profiler th { font-weight: normal; padding: 2px 20px 2px 0; }
#map-profiler td { padding: 2px; }
#map-bg { background: url(/_assets/img/map-bg.png) 0 0 no-repeat;}
#map { position: relative; height: 450px; margin: 0; background-repeat: no-repeat; }
#map a { position: absolute; padding: 10px; color: #1e414d; }
#map a:hover { color: #fff; }
#east-northants { top: 100px; left: 282px; /* bg pos = x:261 y:0 */ }
#corby { top: 82px; left: 220px; /* bg pos = x:211 y:56 */ }
#kettering { top: 135px; left: 200px; /* bg pos = x:171 y:77 */ }
#daventry { top: 190px; left: 90px; /* bg pos = x:19 y:110 */ }
#south-northants { top: 335px; left: 50px; /* bg pos = x:0 y:256 */ }
#northampton { top: 250px; left: 150px; /* bg pos = x:148 y:241 */ }
#wellingborough { top: 210px; left: 210px; /* bg pos = x:209 y:186 */ }

#map.east-northants-hover { background: url(/_assets/img/map-east-northamptonshire.png) 261px 0 no-repeat; }
#map.corby-hover { background: url(/_assets/img/map-corby.png) 211px 56px no-repeat; }
#map.kettering-hover { background: url(/_assets/img/map-kettering.png) 171px 77px no-repeat; }
#map.daventry-hover { background: url(/_assets/img/map-daventry.png) 19px 110px no-repeat; }
#map.south-northants-hover { background: url(/_assets/img/map-south-northants.png) 0px 256px no-repeat; }
#map.northampton-hover { background: url(/_assets/img/map-northampton.png) 148px 241px no-repeat; }
#map.wellingborough-hover { background: url(/_assets/img/map-wellingborough.png) 209px 186px no-repeat; }

#map.east-northants-hover #east-northants { color: #fff; }
#map.corby-hover #corby { color: #fff; }
#map.kettering-hover #kettering { color: #fff; }
#map.daventry-hover #daventry { color: #fff; }
#map.south-northants-hover #south-northants { color: #fff;  }
#map.northampton-hover #northampton {  color: #fff; }
#map.wellingborough-hover #wellingboroughborough { color: #fff; }


/* =why =tabs */
.tabs { margin-bottom: 0; position: relative; height: 1%; overflow: hidden; }
.tabs li { display: inline; }
.tabs a { float: left; padding: 0 18px; margin-right: 3px; border-bottom: 3px solid #fff; background: #e2edf5; color: #4d4d4d; line-height: 36px; }
.tabs a:hover { background: #3f84b9; color: #fff; }
.tabs #active-tab a { background: #3f84b9; color: #fff; border-color: #3f84b9; }

.tabs {  }
/* =why =gmap */
#gmap-content { clear: left; overflow: hidden; height: 1%; padding: 18px 18px 0 18px; background: #3f84b9; color: #fff!important; }
#gmap-content h4 { color: #fff; font-size: 16px; }
#gmap-content p { font-size: 11px; }
#gmap-content a { color: #fff; }

#gmap-meta { float: left; width: 390px; }
#gmap-meta p { font-size: 11px; }
#gmap-nav { float: left; width: 316px; padding-bottom: 18px; }
#gmap-nav li { display: inline; }
#gmap-nav a { float: left; width: 140px; font-size: 11px; line-height: 20px; background: transparent; margin-right: 18px; border-bottom: 1px solid #9ec3dd; }
#gmap-nav a:hover { border-color: #fff; }
#gmap-nav em a { background: #fff; text-indent: 2px; border: 0; margin-bottom: 1px; color: #3f84b9; font-style: normal; }

#map-canvas { height: 400px; margin-bottom: 18px; }
#listing .date { margin: -27px 0 0 18px; }
#listing h4 { padding-right: 6em; }
#listing table { color: #999; }
#listing th { padding-right: 20px; }
#listing li { padding: 36px 0 18px 0; border-bottom: 1px solid #e5e5e5; }
#listing .summary { width: 100%; overflow: hidden; }
#listing li:first-child { padding-top: 0; }
#listing li:target .date { background: #659dc7; color: #fff; }
.team li { padding-bottom: 18px; margin-bottom: 36px; border-bottom: 1px solid #e5e5e5; overflow: hidden; height: 1%; }
.team ul li { padding-bottom: 4px; margin-bottom: 0; border-bottom: none;}
.team img { float: left; border: 1px solid #e5e5e5; }
.team div { margin-left: 126px; }
.team .team-contact { color: #999; }

.sector li { overflow: hidden; height: 1%; }
.sector p { margin: 0; }
.co-name { float: left; width: 65%; }
.co-location { float: right; width: 30%; text-align: right; color: #999; }

.decimal { padding-left: 20px; }
.decimal li { list-style: decimal; font: 14px/18px helvetica, arial, verdana, sans-serif; color: #7db900; font-weight: normal; }
.decimal p { font: 12px/1.5 verdana, arial, helvetica, sans-serif; color: #4d4d4d; }

/* =p
=======================*/
.section-a a { position: absolute; width: 100%; bottom: 0; margin: 0; }
.section-a a { display: block; line-height: 2.5; background: #e5f1cc; color: #2d6173; text-align: center; -webkit-border-radius: 5px; }
.section-a a:hover { background: #3f84b9; color: #fff; }
#info p { color: #333; }
#content-main > h2:first-child + p { font: normal 14px/18px helvetica, arial, verdana, sans-serif; color: #333; padding-bottom: 18px; border-bottom: 1px solid #e5e5e5; }
#skip-nav { display: none; }

/* =form
=======================*/
form { margin-bottom: 18px; }
legend { font: normal 20px/36px helvetica, arial, verdana, sans-serif; color: #7db900; letter-spacing: -.04em; }


#callme label { display: none; }
#callme #phone { width: 160px; }

input { font: 12px/18px verdana, arial, helvetica, sans-serif; color: #4d4d4d; }
input[type=text] { vertical-align: middle; border: 1px solid #ccc; padding: 4px 2px; font-size: 12px; color: #4d4d4d; }
select { vertical-align: middle; border: 1px solid #ccc; padding: 3px 2px; font-size: 12px; color: #4d4d4d; }
input[type=image] { vertical-align: middle; }
.fm-default input[type=image] { display: block; margin-left: auto; }
.fm-default fieldset { padding: 18px; margin-bottom: 18px; border: 1px solid #e5e5e5; }
.fm-default input[type=text] { vertical-align: top; max-width: 300px; }
.fm-default th { vertical-align: top; padding: 5px 20px 5px 0; }
.fm-default td { vertical-align: top; padding: 5px 0 5px 0; }
.fm-default textarea { width: 300px; border: 1px solid #ccc; padding: 4px 2px; font: 12px/18px verdana, arial, helvetica, sans-serif; color: #4d4d4d; }
#postcode { width: auto; }

.oops input { background: #FAEF64; border-color: #EDE35F; }
h4.oops, h4.success { line-height: 1.4; padding: .2em 0 .2em 3em; margin-bottom: 18px;}
h4.oops { background: url(/_assets/img/error-ico.gif) 0 50% no-repeat; }
h4.success { background: url(/_assets/img/success-ico.gif) 0 50% no-repeat; }

#size { width: 50px; }

/* =table
=======================*/
th { font-weight: normal; }
.data-tble { margin-bottom: 18px; background: #6fa3cb; width: 100%; color: #fff; border-collapse: separate; border-spacing: 2px; }
.data-tble td, .data-tble th { padding: 10px; background: #3f84b9;}
.data-tble th { font-size: 16px; }

#calendar { width: 100%; margin-bottom: 18px; border-collapse: separate; border-spacing: 3px; color: #4d4d4d; }
#calendar td { background: #e5f1cc; line-height: 27px; text-align: center; vertical-align: middle; }
#calendar tbody a { display: block; line-height: 27px; background: #659dc7; color: #fff; }
#calendar tbody a:hover { background: #7db900; }
#calendar thead th { color: #7db900; text-align: center; }
#calendar h4 { float: left; }
#calendar thead img { float: right; margin-left: 10px; }
/* =miscellaneous
=======================*/
#property-form.fm-default th { width: 300px; }
#sponsor { position: absolute; right: 40px; bottom: 10px; }

#flash { margin-bottom: 36px; }
.sec-img { display: block; margin-bottom: 18px; }
.img-r img { float: right; }
.img-l { float: left; margin: 0 18px 0 0; }

.gallery-infowindow {  max-width: 300px; }
.gallery-infowindow img { float: left; margin-right: 10px; }
.gallery-infowindow h5 { font-size: 12px; }
.gallery-infowindow p { font-size: 11px; height: 1%; overflow: hidden; margin-bottom: 12px!important; }

/*.date { display: block; position: relative; top: -36px; width: 74px; margin: 0 0 -18px auto; background: #e2edf5; color: #4d4d4d; line-height: 36px; text-align: center; }
*/
/*
.date { display: block; float: right; padding: 0 10px; margin-top: -27px; background: #e2edf5; color: #4d4d4d; line-height: 36px; text-align: center; -webkit-border-radius: 5px; }
*/
.date { display: block; float: right; padding: 0 10px; margin-top: -36px; background: #e2edf5; color: #4d4d4d; line-height: 36px; text-align: center; -webkit-border-radius: 5px; }
#sponsors { margin-bottom: 18px; }
#sponsors li { display: inline; margin-right: 36px; }
#sponsors img { vertical-align: middle; }

#property-search { background: url(/_assets/img/zoomhouse.gif) 0 50% no-repeat; padding-left: 30px; margin-top: 18px; }