html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
body, select, input, textarea { color:#444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a:hover, a:active { outline: none; }
ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }
small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
li { list-style-type: none; }
pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
::-moz-selection{ background: #E14A21; color:#fff; text-shadow: none; }
::selection { background:#E14A21; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
html { overflow-y: scroll; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }
.hidden { display:none; visibility:hidden; }
.visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* Primary Styles
Author:
*/
body { background:#37434d; color:#bfc4b4; font-family:arial,helvetica,verdana,sans-serif; font-size:12px; }
a { color:#bfc4b4; text-decoration:none; }
a:hover { text-decoration:underline; }
.clear { clear: both; }
.left { float: left !important; }
.right { float: right !important; }
#container { width:992px; margin:0 auto; }
#header { float: left; padding-top:18px; width:100%; }
#title { display:block; width:175px; height:51px; background:url(../images/logo-bigger.png) top left no-repeat; text-indent:-9999em; float:right; }
#content { font-size: 14px; line-height: 1.4em; float: left; overflow:hidden; width:600px; z-index: 1000; position:relative; }
#strapline { float:left; margin:0; padding:0; font-weight:bold; letter-spacing:-3px; }
#strapline div { position: absolute; display: none; background: #37434D; }
#strapline span { font-size:51px; margin: -10px 0; float: left; clear: both; }
#supernav { float:right; width:296px; }
#supernav p { color: #7EBF2A; clear:both; margin:93px 0 18px; text-align:right; font-size:1.1em; font-weight: bold; }
#supernav p a { font-weight: normal; }
#footer { font-weight: bold; font-size:12px; color: #7EBF2A; float: right; width: 600px; text-align: right; padding: 18px 0 36px 0; clear: both; }
#footer a,
#footer span { color: #BFC4B4; font-weight: normal;}
#footer form { display: inline; float: left;}
#footer label { color: #BFC4B4; font-weight: normal; }
/*navigation */
#navigation { clear: both; width:391px; float:left; margin-top: 36px; }
#navigation ul { font-size:17px; margin:0; padding:0; mwidth:388px; }
#navigation li { display:block; padding-bottom:18px; padding-right:80px; outline: none; }
#navigation li a { display: block; outline: none; }
#navigation a:hover { text-decoration:none; color:#d1c673; }
#navigation li.on a { color:#EA7D1C; }
#navigation ul ul { display: none; }
/* change the line below back to display block to restore left hand subnav */
#navigation ul li.on ul { display: none; margin-top: 9px; margin-left: 9px; }
#navigation ul li.on ul li { margin:0 0 2px; padding:0; }
#navigation ul li.on ul li a { font-size:13px; color: #EAB56F; }
#navigation ul li.on ul li a:hover { color: #E14A21 }
#navigation ul li.on ul li.on a { color: #E14A21; }
#navigation ul li.on a:hover { color: #E14A21; }
.stack4 h2, .stack3-1 { color:#3d8727; }
.stack4 h3, .stack3-2 { color:#7ebf2a; }
.stack4 h4, .stack3-3 { color:#7ebf2a; }
.stack4 h5, .stack3-3 { color:#7ebf2a; }
.stack3 h2, .stack4-1 { color:#e14a21; }
.stack3 h3, .stack4-2 { color:#ea7d1c; }
.stack3 h4, .stack4-3 { color:#ea7d1c; }
.stack3 h5, .stack4-3 { color:#ea7d1c; }
.stack3-1 { color:#3d8727; }
.stack3-2 { color:#7ebf2a; }
.stack3-3 { color:#948a00; }
.stack4-1 { color:#e14a21; }
.stack4-2 { color:#ea7d1c; }
.stack4-3 { color:#eab56f; }
.stack1 h2,
.stack2 h2,
.stack3 h2,
.stack4 h2 { font-size: 46px; }
.stack1 h2 b,
.stack2 h2 b,
.stack3 h2 b,
.stack4 h2 b { font-size: 1.8em; line-height: 1em; letter-spacing: -6px; }
.stack1 h3 b,
.stack2 h3 b,
.stack3 h3 b,
.stack4 h3 b { display:block; font-size:1.8em; line-height:0.75em; color: #00537f; }
.stack1 h2 strong,
.stack2 h2 strong,
.stack3 h2 strong,
.stack4 h2 strong { display:block; font-size:37px; letter-spacing: -2px; line-height:1em; margin:10px 0; }
/* Orange */
.stack-4 #navigation a:hover,
.stack-4 #navigation li.on a,
.stack-4 #supernav p,
.stack-4 #footer
.stack-4 .block ul.blocks li h4 { color:#EA7D1C; }
.stack-4 #navigation ul li.on ul li a,
.stack-4 .block h3 { color: #EA7D1C; }
.stack-4 #navigation ul li.on ul li a:hover,
.stack-4 #navigation ul li.on ul li.on a,
.stack-4 #navigation ul li.on a:hover,
.stack-4 .block h2,
.stack-4 .block p a { color: #E14A21; }
.stack-4 #grid li a.s0:hover { color: #E14A21; }
.stack-4 #grid li a.s1:hover { color: #E14A21; }
.stack-4 #grid li a.s2:hover { color:#E14A21; }
.stack-4 #grid li a.s3:hover { color: #E14A21; }
.stack-4 #grid li a.s4:hover { color: #E14A21; }
.stack-4 #grid li a.s5:hover { color:#E14A21; }
.stack-4 #grid li a.s6:hover { color: #E14A21; }
.stack-4 #grid li a.s7:hover { color: #E14A21; }
.stack-4 #grid li a.s8:hover { color:#E14A21; }
.stack-4 ::-moz-selection{ background: #E14A21; color:#fff; text-shadow: none; }
.stack-4 ::selection { background:#E14A21; color:#fff; text-shadow: none; }
/* Green */
.stack-3 #navigation a:hover,
.stack-3 #navigation li.on a,
.stack-3 #supernav p,
.stack-3 #footer,
.stack-3 .block ul.blocks li h4 { color:#7EBF2A; }
.stack-3 #navigation ul li.on ul li a,
.stack-3 .block h3 { color: #948A00; }
.stack-3 #navigation ul li.on ul li a:hover,
.stack-3 #navigation ul li.on ul li.on a,
.stack-3 #navigation ul li.on a:hover,
.stack-3 .block h2,
.stack-3 .block p a { color: #3D8727; }
.stack-3 #grid li a.s0:hover { color: #3D8727; }
.stack-3 #grid li a.s1:hover { color: #3D8727; }
.stack-3 #grid li a.s2:hover { color:#3D8727; }
.stack-3 #grid li a.s3:hover { color: #3D8727; }
.stack-3 #grid li a.s4:hover { color: #3D8727; }
.stack-3 #grid li a.s5:hover { color:#3D8727; }
.stack-3 #grid li a.s6:hover { color: #3D8727; }
.stack-3 #grid li a.s7:hover { color: #3D8727; }
.stack-3 #grid li a.s8:hover { color:#3D8727; }
.stack-3 ::-moz-selection{ background: #3D8727; color:#fff; text-shadow: none; }
.stack-3 ::selection { background:#3D8727; color:#fff; text-shadow: none; }
#viewport { height: 594px; width: 600px; position: relative; background: #EFEFEF; /*background: #c1c5b6; */overflow: hidden; }
#viewport #grid li span a { background:0 !important; color:#37434D; display:inline; font-size:14px; margin:0; padding:0; text-decoration:underline; }
#grid iframe { margin-left: 6px; }
#grid { float: left; width:600px; height:594px; background: #37434D; overflow: hidden;}
#grid h2,
#grid h3,
#grid h4,
#grid h5,
#grid span { font-weight: normal; line-height: 1.2em; float: left; width: 184px; padding: 0 0 0 10px; margin: -13px -10px 13px; background: rgba(255,255,255,0.7); text-align: left; }
#grid h2 { font-size: 50px; }
#grid h3 { font-size:24px; letter-spacing:-1px; line-height:1.05em; padding-bottom: 80px; }
#grid h4 { padding-bottom: 50px; font-size: 24px; }
#grid h5 { padding-bottom: 150px; font-size: 18px; }
#grid span { padding: 10px 10px 200px; line-height: 1.4em; display: block; width: 174px; background: rgba(255, 255, 255, 0.7) }
#grid ul.row1 { margin: 0; position: relative; }
#grid ul.row2 { margin: 0; position: relative; }
#grid ul.row3 { margin: 0; position: relative; }
#grid ul.row1 li { margin: 0; position: absolute; top: 0; right: -650px; }
#grid ul.row2 li { margin: 0; position: absolute; top: 200px; right: -650px; }
#grid ul.row3 li { margin: 0; position: absolute; top: 400px; right: -650px; }
#grid li.shade1,
#grid li.shade2,
#grid li.shade3 { width:174px; }
#grid li img { width: 194px; margin: -10px; }
#grid li.span2 { width: 374px; }
#grid li.span2 img { width: 394px; }
#grid li.span2 span { width: 374px; }
#grid li.span3 { width: 574px; }
#grid li.span3 img { width: 594px; }
#grid li.span3 span { width: 574px; background: #c3c6c9; }
#grid li.span3 span a { visibility: visible; }
#grid li.span3 span p.right { text-align: right; }
#grid ul.row1 li.shade1 { background-position:0 0; }
#grid ul.row1 li.shade2 { background-position:-200px 0; }
#grid ul.row1 li.shade3 { background-position:-400px 0; }
#grid ul.row2 li.shade1 { background-position:0 -200px; }
#grid ul.row2 li.shade2 { background-position:-200px -200px; }
#grid ul.row2 li.shade3 { background-position:-400px -200px; }
#grid ul.row3 li.shade1 { background-position:0 -400px; }
#grid ul.row3 li.shade2 { background-position:-200px -400px; }
#grid ul.row3 li.shade3 { background-position:-400px -400px; }
#grid li { color: #37434d; height:174px; width: 174px; padding: 10px; word-wrap: break-word; overflow:hidden; }
#grid li a { visibility: hidden; text-decoration: underline; color:#37434D ; }
#grid li a:hover { text-decoration: none; color:#37434D ; }
#grid li a.s0,
#grid li a.s1,
#grid li a.s2,
#grid li a.s3,
#grid li a.s4,
#grid li a.s5,
#grid li a.s6,
#grid li a.s7,
#grid li a.s8,
#grid li a.s9 { display:block; font-size:18px; font-weight:bold; height:174px; line-height:1.2em; margin:-10px; padding:10px; text-decoration:none; visibility:visible; color: #3D8727; background: rgba(255, 255, 255, 0.7); }
#grid li a.nr { display:block; font-size:20px; font-weight:bold; height:174px; line-height:1.2em; margin:-10px; padding:10px; text-decoration:none; visibility:visible; color: #3D8727; background: rgba(255, 255, 255, 0.7); }
#grid li a.s0:hover,
#grid li a.s1:hover,
#grid li a.s2:hover,
#grid li a.s3:hover,
#grid li a.s4:hover,
#grid li a.s5:hover,
#grid li a.s6:hover,
#grid li a.s7:hover,
#grid li a.s8:hover,
#grid li a.s9:hover { background: rgba(61,135,39,0.7); color: #fff !important; }
#grid li a.s0 img,
#grid li a.s1 img,
#grid li a.s2 img,
#grid li a.s3 img,
#grid li a.s4 img,
#grid li a.s5 img,
#grid li a.s6 img,
#grid li a.s7 img,
#grid li a.s8 img,
#grid li a.s9 img { margin: -10px; }
.arrow-prev { background: url(../images/arrow-left.png) center center no-repeat; float:left; height:64px; left:-32px; margin:0 0 -64px; position:relative; top:18px; width:64px; z-index:2000; display: none; }
.arrow-next { background: url(../images/arrow-right.png) center center no-repeat; float:right; height:64px; right:-32px; margin:0 0 -64px; position:relative; top:18px; width:64px; z-index:2000; display: none; }
.block { position: relative; z-index: 10000; overflow: hidden; float: left; width: 564px; padding: 18px 18px 18px; color: #453415; }
.block h2 { font-size:45px; letter-spacing:-3px; line-height:1em; margin:0 0 18px; }
.block h3 { font-size:27px; letter-spacing:-1px; line-height:1em; color: #a23f34; margin-top: 18px; }
.block p { margin-top: 18px; }
.block p a { color: #A23F34; text-decoration: underline; font-weight: bold; }
.block p a:hover { color: #453415; }
.block ol { margin: 18px 18px 0; }
.block ol li { list-style-type: decimal; margin-bottom: 9px; width: 90%; }
.block ul.blocks { clear:both; float:left; margin:18px 0; width:100%; }
.block ul.blocks li { clear:both; float:left; margin:0 0 10px; width:100%; }
.block ul.blocks li.last { margin: 0; }
.block ul.blocks li.span2 { width: 257px; }
.block ul.blocks li h4 { color:#A23F34; float:left; font-size:20px; line-height:1em; margin:0 0 5px; padding-right:18px; width:100px; }
.block ul.blocks li h2 { color: #A23F34; font-size: 80px; margin: 0; line-height: 0; }
.block ul.blocks li p { float:left; font-size:14px; line-height:1.4em; margin-top:0; width:100%; }
.map { margin:-18px -18px 0; position:relative; }
#returnlink { bottom:0; color:#FFFFFF; font-weight:bold; padding:10px 20px; position:absolute; right:0; }
#welcome { bottom:0; color:#FFFFFF; font-weight:bold; padding:10px 20px; position:absolute; right:0; }
.map a.bullet { display: block; position: absolute; width: 12px; height: 12px; background: #8b302a; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.map a.bullet:hover { background: #000; }
.map div.popup{ display:none; margin:24px; position:absolute; z-index:10000; }
.map div.popup .popupcontent { background:rgba(255, 255, 255, 0.7); color:#37434D; min-height:174px; padding:24px; width:504px; }
.map div.popup h3 { background: 0; color: #3D8727; padding: 0; margin: 0; }
.map div.popup a.close{ display: block; position: absolute; bottom: 0; right: 0; color: #37434D; font-weight: bold; margin: 9px; }
#grid .map h3 { background: none; margin-top: 0; }
.map .zoomable:hover { border: 1px solid #8b302a; }
.map .zooming { border: 0 !important; }
.work { float:left; margin:0 10px 0 0; width:181px; }
.imgFader { margin: -18px -18px 18px; height: 280px; overflow: hidden; }
.imgFaderControls { background: #f07a23; padding: 9px 0 9px 9px; position: absolute; z-index: 10000; top: 244px; margin-left: -9px; -moz-border-radius: 9px; -moz-border-radius: 9px; }
.imgFaderControls a { outline: none; display: block; width: 9px; height: 9px; margin-right: 9px; float: left; background: url(../images/imgFaderOnOff.jpg) 0 0 no-repeat; }
.imgFaderControls a.imgFaderOn { background-position: top right; }
#grid.lady li { background-image: url(../images/lady.jpg); background-repeat: no-repeat; }
#grid.bloke li { background-image: url(../images/bloke.jpg); background-repeat: no-repeat; }
#grid.light li { background: rgba(255, 255, 255, 0.7); }
/**
/* IE Fixes
**/
/*
.ie6 #grid div.shade,
.ie7 #grid div.shade,
.ie8 #grid div.shade {
}
*/
.ie6 #grid h2, .ie6 #grid h3, .ie6 #grid h4, .ie6 #grid span, .ie6 #grid.light li, .ie6 #grid h5,
.ie6 #grid li a.s0, .ie6 #grid li a.s1, .ie6 #grid li a.s2, .ie6 #grid li a.s3,
.ie6 #grid li a.s4, .ie6 #grid li a.s5, .ie6 #grid li a.s6, .ie6 #grid li a.s7, .ie6 #grid li a.s8, .ie6 #grid li a.s9,
.ie7 #grid h2, .ie7 #grid h3, .ie7 #grid h4, .ie7 #grid span, .ie7 #grid.light li, .ie7 #grid h5,
.ie7 #grid li a.s0, .ie7 #grid li a.s1, .ie7 #grid li a.s2, .ie7 #grid li a.s3,
.ie7 #grid li a.s4, .ie7 #grid li a.s5, .ie7 #grid li a.s6, .ie7 #grid li a.s7, .ie7 #grid li a.s8, .ie7 #grid li a.s9,
.ie8 #grid h2, .ie8 #grid h3, .ie8 #grid h4, .ie8 #grid span, .ie8 #grid.light li, .ie8 #grid h5,
.ie8 #grid li a.s0, .ie8 #grid li a.s1, .ie8 #grid li a.s2, .ie8 #grid li a.s3,
.ie8 #grid li a.s4, .ie8 #grid li a.s5, .ie8 #grid li a.s6, .ie8 #grid li a.s7, .ie8 #grid li a.s8, .ie8 #grid li a.s9 { background: url(../images/iebg.png) 0 0 repeat; }
.ie6 #grid li a.s0:hover, .ie6 #grid li a.s1:hover, .ie6 #grid li a.s2:hover, .ie6 #grid li a.s3:hover,
.ie6 #grid li a.s4:hover, .ie6 #grid li a.s5:hover, .ie6 #grid li a.s6:hover, .ie6 #grid li a.s7:hover, .ie6 #grid li a.s8:hover, .ie6 #grid li a.s9:hover
.ie7 #grid li a.s0:hover, .ie7 #grid li a.s1:hover, .ie7 #grid li a.s2:hover, .ie7 #grid li a.s3:hover,
.ie7 #grid li a.s4:hover, .ie7 #grid li a.s5:hover, .ie7 #grid li a.s6:hover, .ie7 #grid li a.s7:hover, .ie7 #grid li a.s8:hover, .ie7 #grid li a.s9:hover
.ie8 #grid li a.s0:hover, .ie8 #grid li a.s1:hover, .ie8 #grid li a.s2:hover, .ie8 #grid li a.s3:hover,
.ie8 #grid li a.s4:hover, .ie8 #grid li a.s5:hover, .ie8 #grid li a.s6:hover, .ie8 #grid li a.s7:hover, .ie8 #grid li a.s8:hover, .ie7 #grid li a.s9:hover { background: url(../images/iebggr.png) 0 0 repeat; }
.ie6 #map div.popup .popupcontent, .ie7 #map div.popup .popupcontent, .ie8 #map div.popup .popupcontent { background: url(../images/iebg.png) 0 0 repeat; }
.ie6 #grid-open p,
.ie7 #grid-open p,
.ie8 #grid-open p { margin:0; padding:5px 0; }
.ie6 .grid-open-inner,
.ie7 .grid-open-inner,
.ie8 .grid-open-inner { background: url(../images/iebg.png) 0 0 repeat; }
/*
* print styles
*/
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after { content: " (" attr(href) ")"; }
abbr:after { content: " (" attr(title) ")"; }
.ir a:after { content: ""; } /* Don't show links for images */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}
@media all and (orientation:portrait) {
}
@media all and (orientation:landscape) {
}
/* Grade-A Mobile Browsers */
@media screen and (max-device-width: 480px) {
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}