/*
Website: Name
Updated: 1 May 2009

Author/Designer:
Kevin Francis, kev@thebgroup.co.uk
bgroup,
6 Charlotte Square,
Newcastle Upon Tyne
NE1 4XF

0191 261 1333
thebgroup.co.uk
*/

/* reset
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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; }
body { line-height: 1; }
ol, ul { list-style: none; }
/*blockquote, q { quotes: none; }*/
:focus { outline: 0; }
abbr, acronym { cursor : help; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
caption, th { text-align: left; }
th, td { vertical-align: top; }


/* =Defaults
----------------------------------------------------------------------------------------- */
body { font: 87.5%/1.2857em Arial,Verdana,sans-serif; color: #333; background: #f7f7f7; }
a { text-decoration: none; color: #a03c3c; }
a:hover { color: #8ba10c; color: #333; border-bottom: 1px solid #ccc; }
h1 a, h2 a { color: #222; }

/* =Headings
----------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-family: "Arial Rounded MT Bold", Helvetica, Arial, sans-serif; line-height: 1.3; color: #4d4d4d; }
h1, h2 { letter-spacing: -.01em; }
h1 { font-size: 28px; margin-bottom: 1em; height: 1%; }
h1:after { content: "."; display: block; clear: both; width: 0; height: 0; visibility: hidden; }
#member a { display: block; border: 0; }
#member span { color: #a03c3c; }
#member a:hover span { padding-right: 25px; color: #333; background: url(/_assets/img/edit.gif) 100% 70% no-repeat; }
h2 { font-size: 22px; margin-bottom: 18px; }
#logo { margin: 0; }
#logo a { position: relative; left: -3px; display: block; height: 54px; margin-bottom: 26px; text-indent: -9999px; background: url(/_assets/img/win-logo.png) 0 0 no-repeat; }
#logo a:hover { height: 60px; background-position: 0 -54px; top: -3px; margin-bottom: 20px; }
#panel h2 { font-size: 28px; width: 340px; margin-bottom: 0; text-shadow: 0 1px 1px #639f14; color: #fff; line-height: 1.1;}
#panel h3 { color: #fff; font-weight: normal; text-shadow: 0 1px 1px #639f14;  font-family: "Arial Rounded","Arial",sans-serif; font-size: 24px; margin: 10px 0;}
h2#hello { color: #eaf2c5; }
#hello a { color: #fff; }
#hello a:hover { border-bottom: 1px solid #eaf2c5; }
#contact #hello { margin-top: 7px; }
h3 { font-size: 16px; margin-bottom: 9px; }
h4 { font-size: 14px; margin-bottom: 9px; }

/* =img */
.avatar { border: 6px solid #e5e5e5; position: relative; display: block; top: -32px; margin: 0 0 -32px 20px; float: right; background-position: 50% 50%; background-repeat: no-repeat; }
.avatar.alt { float: left; margin: 0 20px -32px 0; }
h1 .avatar.alt { top: 0; margin: 0 20px 0 0; }
a:hover .avatar { border-color: #a03c3c; }
.logotype { float: right; margin: 0 0 43px 18px; border: 6px solid #fff; }
.award .logotype { margin-bottom: 0; }
.inset-content { height: 1%; }
.inset-content:after { content: "."; display: block; clear: both; width: 0; height: 0; visibility: hidden; }

.action { margin: 18px 0 36px 0; }
li.action { margin: 18px 0 18px 0; }
.action a { border: none; color: #fff; background: #aacb35; padding: 6px 10px; text-shadow: 0 1px 1px #888; }
.action a:hover { background: #333; text-shadow: 0 1px 1px #000; color: #fff; }

.author { margin-bottom: 27px; font-style: italic; line-height: 72px; color: #666; }
.author + .meta { margin-bottom: 36px; }
.author a { font-style: normal; text-align: center; }
.author img { float: left; margin: 0 10px 0 0; top: 0; }
img.afas-logo { float: right; }

/* =Lists
----------------------------------------------------------------------------------------- */
ol, ul, dl { margin-bottom: 18px; }
ol, ul { list-style: none; }
dt { font-weight: bold; }
dd { margin: 0; font-weight: normal; }
.ul-default { padding-left: 40px; list-style: disc; list-style-position: outside; }
.listing li { margin-bottom: 27px; height: 1%; }
.listing h3 { margin-right: 90px; }
.listing li:after { content: "."; display: block; clear: both; width: 0; height: 0; visibility: hidden; }
.listing /*.sponsors*/ h3 em { display: block; font-size: 14px; font-style: normal; color: #808080; }
.persons li { padding-left: 90px; height: 1%; min-height: 90px; margin-bottom: 36px; border-bottom: 1px solid #ccc; }
/*.persons li h3:after { content: "."; display: block; clear: both; width: 0; height: 0; visibility: hidden; }*/
.persons .avatar.alt { position: relative; left: -90px; top: 0; margin: 0 -90px 0 0; }

.gmap-granular .avatar.alt { position: relative; left: -90px; top: 0; margin: 0 -90px 0 0; }
.gmap-granular { padding-left: 90px; height: 1%; }
.gmap-granular p { font-size: 12px; }

.persons { clear: left; }
.persons li { position: relative; }
.persons li:after { content: "."; display: block; clear: both; width: 0; height: 0; visibility: hidden; }
.persons ol li { border: 0; padding: 0; display: inline; overflow: visible; height: auto; font-size: 12px; }
.member-meta { margin-top: -9px; text-transform: uppercase; font-size: 10px; color: #808080; letter-spacing: 2px; }

[id="sharing"] a { border: 0; display: block; padding-left: 42px; margin-bottom: 9px; line-height: 32px; }
[id="sharing"] a:hover { border: 0; }
#sharing a[href*="twitter"] { background: url(/_assets/img/twitter.gif) 0 50% no-repeat; }
#sharing a[href*="facebook"] { background: url(/_assets/img/facebook.gif) 0 50% no-repeat; }
#sharing a[href*="delicious"] { background: url(/_assets/img/delicious.gif) 0 50% no-repeat; }
#sharing a[href*="rss"] { background: url(/_assets/img/rss.gif) 0 50% no-repeat; }


.award-categories li { display: inline; margin-right: 0.25em; }
.menu-alt .nobull a { background-image: none; padding-left: 0;}
.menu-alt .nobull a:hover { background-image: none;  }


/* =Text elements
----------------------------------------------------------------------------------------- */
p { margin-bottom: 18px; }
blockquote p { quotes : "\201C" "\201D"; }
blockquote p:first-child:before { content: open-quote;  margin-left: -.5em; font-weight: bold; } 
blockquote p:last-child:after { content: close-quote; font-weight: bold; }
blockquote.inline {display: inline; }

/* =Layout
----------------------------------------------------------------------------------------- */
.shrinkwrap { position: relative; width: 960px; margin: 0 auto; }
.shrinkwrap:after { content: "."; display: block; clear: both; width: 0; height: 0; visibility: hidden; }

#branding { margin: 90px 0 30px 0; background: #4d2c4d url(/_assets/img/branding-bg.png) 0 100% repeat-x; color: #fff; font-family: "Arial Rounded MT Bold", Helvetica, Arial, sans-serif; }
#panel { position: relative; top: -60px; width: 540px; height: 184px; padding: 88px 30px 0 30px; margin-bottom: -60px; float: right; background: #c0d843 url(/_assets/img/awards-hdr.jpg) 0 100% no-repeat; }
#panel .emphasis { text-shadow: 0 1px 1px #333; font-size: 18px;  }
#panel .emphasis a { color: #99c12a;  }
#panel img { position: absolute; bottom: 0; right: 0; }
#contact { clear: left; float: left; padding-top: 30px; width: 360px; }
#contact ul { margin: 0; font-size: 18px; line-height: 24px; }
#contact a { color: #fff; }
#contact a:hover { color: #bbd55c; border: 0; }
#contact ul.nav { margin: 9px 0 0 0; font-size: 12px; color: #000; line-height: auto; -moz-box-shadow: none; }
#contact ul.nav a { color: #2E1E30; }

#content { width: 630px; float: left; }
#aside { width: 300px; float: right; }
#site-info { width: 960px; margin: 18px auto 0 auto; padding-top: 18px; border-top: 3px double #ccc; }
.content-sub { overflow: hidden; height: 1%; margin-bottom: 36px; }
.box-1 { float: left; width: 305px; }
.box-2 { float: right; width: 305px; }
.embed { margin-bottom: 26px; }

#awards-meta { clear: both; width: 80%; }
#awards-meta dt { float: left; clear: left; width: 150px; }
#awards-meta dd { float: right; width: 300px;}
#awards-meta:after { content: "."; display: block; clear: both; width: 0; height: 0; visibility: hidden; }


/* =Navigation
----------------------------------------------------------------------------------------- */
.nav { position: relative; float: left; margin: 0; }
.nav li { float: left; background-repeat: no-repeat; background-position: 100% 50%; }
.nav a { display: block; margin-right: 2px; padding: 0 14px; border: 0; line-height: 38px; font-weight: bold; color: #333; }
.nav li:first-child a { -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; }
.nav li:last-child { background: none; }
.nav li:last-child a { margin: 0; background: #d9d9d9 url(/_assets/img/nav-2-bg.png) 0 0 repeat-x; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; }
.nav li:last-child a:hover { background: #d9d9d9; }

.main { z-index: 2; top: -60px; margin-bottom: -60px; -moz-box-shadow: 0 2px 3px #999; -webkit-box-shadow: 0 2px 3px #999; }
.main li { background-image: url(/_assets/img/divider.png); text-shadow: 0 1px 1px #f4f8e4; }
.main a { background: #b4cf42 url(/_assets/img/nav-1-bg.png) 0 0 repeat-x; }
.main a:hover { background: #99c12a; color: #fff; text-shadow: none; }
.main li:last-child a:hover { color: #000; }

.sub { -moz-box-shadow: 0 2px 3px #639f14; -webkit-box-shadow: 0 2px 3px #639f14; }
.sub li { background-image: url(/_assets/img/divider-2.png); text-shadow: 0 1px 1px #fff; }
.sub a { padding: 0 10px; line-height: 32px; background: #d9d9d9 url(/_assets/img/nav-2-bg.png) 0 0 repeat-x; }
.sub a:hover { background: #d9d9d9; color: #000; }

.info li { display: inline; margin-right: 10px; }

.menu-alt li { display: inline; }
.menu-alt a { display: block; border-bottom: 1px solid #ccc; padding: 9px 0 9px 18px; background: url(/_assets/img/arrow.png) 6px 50% no-repeat; }
.menu-alt a:hover { color: #fff; background: #aacb35 url(/_assets/img/arrow-hov.png) 6px 50% no-repeat;}
.menu-alt a:hover em { color: #fff; }
.menu-alt em { color: #333; font-style: normal; }

.date-listing li { position: relative; border-bottom: 1px solid #ccc; padding: 9px 50px 9px 0; }
.date-listing span { position: absolute; right: 0; top: 9px; color: #808080; font-size: 11px; }


/* =Misc
----------------------------------------------------------------------------------------- */
.nav, .default-quote, .boxout, #profile, .action a, input[type=submit] { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#panel .nav { -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;}

.meta { margin: -9px 0 24px 0; position: relative; clear: both; border-bottom: 1px solid #ccc; text-transform: uppercase; font-size: 11px; color: #808080; letter-spacing: 2px; }
.meta span { position: relative; top: 9px; padding-right: 9px; background: #f5f5f5; }

.default-quote { margin-bottom: 18px; padding: 22px 22px 4px 22px; background: #e3e3e3 url(/_assets/img/gradient-grey.png) 0 0 repeat-x; color: #000; }
.default-quote p { padding-left: 49px; }
.default-quote p:first-child { background: url(/_assets/img/quotes-grey.png) 0 0 no-repeat; }
.default-quote + cite { display: block; margin-bottom: 36px; padding-right: 30px; text-align: right; }
.listing .default-quote + cite { margin: 0; }

.boxout { margin-bottom: 36px; padding: 18px 18px 1px 18px; background: #d9e8a0; color: #000; }
.boxout table { margin: 0; }

#profile { overflow: hidden; height: 1%; margin-bottom: 36px; background: #d9e8a0 url(/_assets/img/gradient-green.png) 0 0 repeat-x; }
#profile blockquote { width: 581px; float: left; margin: 18px; padding: 0 0 0 45px; background: url(/_assets/img/quotes-green.png) 0 0 no-repeat; }
#profile blockquote img { float: right; margin-left: 18px; border: 6px solid #d1e38b; }
#profile-meta { width: 270px; float: right; margin: 14px 18px 18px 0; }
#profile-meta table { margin: 0; }

#sponsors { float: right; }
#sponsors img { vertical-align: top; }
#offers { margin-bottom: 36px; }
#offers li { position: relative; padding-left: 80px; }
.highlight { position: relative; left: -80px; top: -36px; margin-right: -80px; float: left; width: 69px; height: 69px; background: #aacb35 url(/_assets/img/starburst.png) 50% 50% no-repeat; color: #fff; font-size: 12px; font-weight: bold; text-align: center; line-height: 69px; text-transform: uppercase; text-shadow: 0 1px 1px #888; }

.seperate { padding-top: 18px; border-top: 3px double #ccc; }

#price { font-size: 130%; font-weight: bold; }

.shortlist li { display: inline; margin: 0; padding: 0;}

/* =Forms
----------------------------------------------------------------------------------------- */
fieldset { border-bottom: 3px double #ccc; margin-bottom: 36px; }
fieldset fieldset { border: 0; margin: 0; padding: 0; }
label { font-size: 12px; }
input, button { font-family: inherit; font-size: 12px; color: #333; }
button.toolbutton { border: 1px solid #ccc; margin: 0 0 -1px -1px; }
input[type=submit]  { margin-bottom: 36px; border: none; color: #fff; background: #aacb35; padding: 6px 10px; text-shadow: 0 1px 1px #888; }
input[type=submit]:hover { cursor: pointer; background: #333; text-shadow: 0 1px 1px #000; }
textarea { width: 280px; height: 100px; padding: 2px; font: 12px Arial,Verdana,sans-serif; color: #333; }
textarea + .fm-meta { vertical-align: top; }
.fm-meta { color: #808080; font-size: 11px; line-height: 18px; }
.fm-meta.required { float: right; margin-left: 10px; text-align: right; }
td { position: relative; }
#newsletter th { padding: 4px 4px 4px 0; }
#newsletter td { padding: 4px 0 4px 4px; }

legend { font: 18px "Arial Rounded MT Bold", Helvetica, Arial, sans-serif; margin-bottom: 18px; color: #4d4d4d; }

#oops { margin-bottom: 36px; border-bottom: 3px double #ccc; }
#oops dl { margin-bottom: 18px; }
#success h2 { padding-left: 30px; color: #7fb11a; font-style: normal; background: url(/_assets/img/success.gif) 0 50% no-repeat; }
#oops h2 { padding-left: 25px; color: #e53434; font-style: normal; background: url(/_assets/img/error.gif) 0 50% no-repeat; }
.error { color: #e53434; font-style: normal; }
#oops dt { margin-bottom: 9px; }

/* =Tables
----------------------------------------------------------------------------------------- */
table { position: relative; margin-bottom: 36px; border-collapse: seperate; border-spacing: 4px; }
form table { width: 100%; margin-right: -12px; border-spacing: 12px; left: -12px; }
form tbody th { width: 40%; }
form .columns { left: 0; margin-right: 0; border-spacing: 0; font-size: 12px; }
form .columns thead th { font-size: 14px; font-weight: bold; padding-bottom: 16px; }
form .columns ul { margin-right: 10px; }
form .tabular { border-spacing: 4px; left: -4px; }
.tabular th { padding-right: 10px; color: #666; font-weight: normal; }
.tabular.alt th { color: #000; }
#profile-meta .tabular { font-size: 12px; }
#profile-meta .tabular { border-spacing: 0; }
#profile-meta th { padding-right: 10px; }

.tick-table thead th { padding: 0 10px 10px 0; }
.tick-table tbody th { font-weight: normal; }
.tick-table td { text-align: center; }

form { font-size: 12px; }
form thead th { font-size: 100%; }
form th { font-weight: normal; }

#map-canvas { width: 960px; height: 500px; margin-bottom: 30px; }
#show-map { float: right; margin-bottom: 3em; padding: 8px 8px 8px 34px; border: 1px solid #e5e5e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #fff url(/_assets/img/compass-icon.png) 4px 50% no-repeat; cursor: pointer; font-size: 12px; }
#show-map:hover { border-color: #ccc; }
.show-member { position: absolute; top: 0; right: 0; cursor: pointer; text-transform: uppercase; font-size: 10px; line-height: 12px; color: #808080; }
.show-member img { float: right; margin-left: 4px; }
.show-member span { visibility: hidden; }
.show-member:hover span { visibility: visible; }