@import "reset.css";


/* Generic elements */

html { background: url(images/bg1b.png) repeat; }
body { padding: 25px 0; background: url(images/bg2.png) repeat-x; color: #fff; font: 13px/normal Arial, Helvetica, sans-serif; text-align: center; }

a,:link,:visited { color: #6b3e67; text-decoration: underline; } 
a:hover,a.important,a.on { color: #a3b936; text-decoration: underline; }

p { margin-bottom: 1em; }

small, big { line-height: normal; }

img.port, img.alignleft { float: left; margin: 0 10px 5px 0; }
img.star, img.alignright { float: right; margin: 0 0 5px 10px; }

ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0; padding: 0; }


/* Custom paragraphs, links, images, etc. */

.resetpos { clear: both; }
.outline { border: solid 1px #d7d7d7; }
.highlight { font-weight: bold; font-size: 14px; }







/* Headings */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; line-height: normal; }

h1 { font-size: 30px; font-weight: normal; color: #6b3e67; }
h2 { font-size: 135%; }
h3 { font-size: 130%; }
h4 { font-size: 100%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }


/* Form styling */

input.text, input.smalltext, input.tinytext, textarea, select { padding: 4px; border: solid 1px #c9c9c9; color: #565656; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }
input.smalltext { width: 30px; text-align: center; }
input.tinytext { width: 25px; }
input.text:focus, textarea:focus, select:focus { border-color: #6b3e67; }
input.button { border-style: solid; border-width: 2px; border-color: #f9f8f3 #828177 #828177 #f9f8f3; background-color: #e3e3e3; color: #555; font-size: 1em; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
input.button:active { border-color: #828177 #f9f8f3 #f9f8f3 #828177; }
textarea { overflow: auto; height: 100px; resize: none; }
input.checkbox { width: 15px; height: 15px; }


/* Button models */

a.btnA, a.btnA:visited, a.btnA:hover { overflow: hidden; display: block; width: 316px; height: 50px; background: url(images/box3-bottom.jpg) 0 100% no-repeat; color: #fff; line-height: 50px; text-align: center; text-decoration: none; }
a.btnA span { padding-right: 15px; background: url(images/arrow1-right-white.png) 100% 50% no-repeat; }
a.btnB, a.btnB:visited, a.btnB:hover { overflow: hidden; display: block; width: 316px; height: 50px; background: url(images/contact_button.jpg) 0 100% no-repeat; color: #000; line-height: 30px; text-decoration: none; }

/* Column group model */

div.colgroup { clear: both; }
div.colgroup div.colset { clear: both; width: 100%; }
div.colgroup div.col { display: inline; float: left; width: 49.9%; }
div.colgroup div.port { float: left; }
div.colgroup div.star { float: right; }


/* Box models */

.box { margin-bottom: 1em; }

.boxA { width: 706px; background: #afcb5a url(images/box2-bg.jpg) 0 0 repeat-y; }
.boxA .inner { padding: 15px 15px 15px 30px; background: url(images/box2-top.jpg) 0 0 no-repeat; }

.boxB { float: right; width: 225px; background: #afcc5a url(images/grad2.png) 0 0 repeat-x; }
.boxB .before { background: url(images/box4-top.png) 0 0 repeat-x; }
.boxB .after { padding: 15px; background: url(images/box4-bottom.png) 0 100% repeat-x; }
.boxB .boxC { margin-bottom: 0; }

.boxC { width: 195px; font-size: 12px; }
.boxC .before { height: 9px; padding: 0; background: url(images/box5-top.png) 0 0 no-repeat; font-size: 1px; }
.boxC .after { clear: both; height: 9px; padding: 0; background: url(images/box5-bottom.png) 0 0 no-repeat; font-size: 1px; }
.boxC .inner { padding: 10px 20px 1px; background: #fff; color: #333; }


/* List models */

dl.listA {  }
dl.listA dd { margin-bottom: 1em; font-size: 13px; color: #636363; }

ul.map-legend li { margin-bottom: 1.5em; padding-left: 40px; background-position: 0 0; background-repeat: no-repeat; }
ul.map-legend p { margin-bottom: 1.5em; padding-left: 20px; background-position: 0 0; background-repeat: no-repeat; }
ul.map-legend li.walk { background-image: url(images/icon_pedestrian.png); }
ul.map-legend li.tube { background-image: url(images/icon_tube-station.png); }
ul.map-legend li.train { background-image: url(images/icon_train-station.png); }
ul.map-legend li.bus { background-image: url(images/icon_bus.png); }
ul.map-legend li.cab { background-image: url(images/icon_cab.png); }
ul.map-legend li.car { background-image: url(images/icon_car.png); }


/* Story section */

.story { line-height: 1.5em; }
.story p, .story blockquote, .story ul, .story ol { margin-bottom: 1.5em; }
.story h1, .story h2, .story h3, .story h4, .story h5, .story h6 { color: #6b3e67; }
.story img { border: solid 1px #bbbcbd; }


/* Custom headings */

#logo { display: inline; float: right; margin: 0 51px 33px 0; }
#pagetitle { font-size: 35px; color: #6b3e67; }


/* Single layers */

#container { width: 805px; margin: 0 auto; text-align: left; }
#wrapper { padding: 0 6px 1px 2px; background: url(images/box1-bg.png) 50% 0 repeat-y; color: #565656; }
#wrapperBefore { height: 9px; background: url(images/box1-top.png) 50% 100% no-repeat; font-size: 1px; }
#wrapperAfter { height: 9px; background: url(images/box1-bottom.png) 50% 0 no-repeat; font-size: 1px; }
#content { clear: both; min-height: 400px; padding: 20px 45px 10px 72px; }
#home #content { padding-left: 45px; }


/* The Header */

#header { padding: 20px 12px 0; }
#header dl { display: inline; float: left; margin: 25px 0 0 33px;}
#header dl dt { color: #a3b936; font-weight: normal; font-size: 22px; margin-bottom: 10px; }
#header dl dd { color: #6b3e67;font-size: 18px; margin-bottom: .75em; }


/* Custom column groups */

#colgroup1 {  }
#colgroup1 .colA { width: 444px; padding-right: 25px; background: url(images/pattern1.png) 100% 0 repeat-y; }
#colgroup1 .colB { position: relative; float: right; width: 187px; margin-left: -1px; padding-left: 25px; background: url(images/pattern1.png) 0 0 repeat-y; }



/* Navigation */

#topnavbar { clear: both; }
#topnav { width: 100%; background: #c8d4da url(images/grad1.png) 0 0 repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: lowercase; margin-top:10px; text-align:center; }
#topnav li { display: inline; float: left; padding-left: 2px; background: url(images/divider1.png) 0 100% repeat-x; }
#topnav li.first { padding-left: 0; background: none; }
#topnav a, #topnav a:visited { float: left; padding: 17px 0; width: 127px; background: #c8d4da url(images/grad1.png) 0 0 repeat-x; color: #011824; text-decoration: none; }
#topnav a:hover, #topnav a.on { color: #46418a !important; background: #c8d4da url(images/grad1.png) 0 0 repeat-x; }


/* Welcome box */

#welcome .box { float: right; margin-left: 15px; }
#welcome strong { font-size: 14px; }


/* Team list */

#team li { clear: both; width: 100%; height: 131px; margin-bottom: 35px; }
#team li img { float: left; margin: 0 15px 15px 0; }
#team li h3 { color: #6b3e67; }
#team li h3 span { display: block; color: #565656; font-size: 13px; font-weight: normal; }


/* Gallery colgroup */

#gallery { padding-bottom: 2em; }
#gallery .colA { width: 390px; }
#gallery .colA p { width: 100%; min-height: 200px; background: url(images/loading.gif) 50% 50% no-repeat; } * html #gallery .colA p { height: 200px; }
#gallery .colB { width: 290px; }
#gallery .colB ul li { display: inline; float: left; margin: 0 0 15px 15px; }
#gallery .colB ul li img { display: block; float: left; }
#gallery .colB ul li a { float: left; }
#gallery .colB ul li.on a { position: relative; margin: -1px; border: solid 1px #46418a; }
#gallery .colC { width: 390px; }
#gallery .colC ul li { display: inline; float: left; margin: 0 0 15px 10px; }
#gallery .colC ul li first { display: inline; float: left; margin: 0 0 15px 0px; }
#gallery .colC ul li img { display: block; float: left; }
#gallery .colC ul li a { float: left; }
#gallery .colC ul li.on a { position: relative; margin: -1px; border: solid 1px #46418a; }
#gallery .colD { width: 700px; }
#gallery .colD ul li { display: inline; float: left; margin: 0 0 15px 12px; }
#gallery .colD ul li first { display: inline; float: left; margin: 0 0 15px 0px; }
#gallery .colD ul li img { display: block; float: left; }
#gallery .colD ul li a { float: left; }
#gallery .colD ul li.on a { position: relative; margin: -1px; border: solid 1px #46418a; }

/* Contact form */

#contactFrm { display: inline; float: left; margin-bottom: 1em; text-align: left; }
#contactFrm table th, #contactFrm table td { padding-bottom: 9px; font-weight: normal; }
#contactFrm input.text, #contactFrm textarea { width: 245px; }
#contactFrm input.button { width: 84px; height: 30px; border: none; background: url(images/bg3.jpg) 0 0 no-repeat; color: #fff; font: normal 15px Arial, Helvetica, sans-serif; text-transform: uppercase; }
#contactFrm input.button:focus { border: none; }


/* Contact section */

#contact .section-first { width: 80%; }
#contact .address p { margin-bottom: .5em; }


/* Footer */

#footer { clear: both; }
#footer a, #footer a:visited { color: #000; text-decoration: none; }
#footer a:hover { color: #ff0000; text-decoration: underline; }

#reg { padding: 5px 7px 0; font-size: .80em; text-align: centre; }
#tld { padding: 5px 25px 0; font-size: .92em; text-align: right; }
#tld a, #tld a:visited { text-decoration: none; color:#FFF}


/* Custom pages */

body#blog .story h1, body#blog .story h2, body#blog .story h3, body#blog .story h4, body#blog .story h5, body#blog .story h6 { font-weight: normal; }
body#blog .post { margin-bottom: 1.5em; }
body#blog .post .date { clear: both; position: relative; float: left; width: 65px; margin-left: -85px; padding: 12px 0; background-color: #6e4a52; color: #fff; font-size: 150%; text-align: center; }
body#blog .post .postmetadata, body#blog .page .postmetadata { color: #6e4a52; font-size: .858em; }
body#blog .navigation { float: left; width: 100%; }
body#blog .navigation .next { float: right; margin-bottom: 1em; }
body#blog .navigation .prev { float: left; margin-bottom: 1em; }

body#blog #sidebar ul.main { font: .929em/normal Arial, Helvetica, sans-serif; line-height: 1.5em; }
body#blog #sidebar ul.main h2 { margin-bottom: .25em; color: #6b3e67; font-size: 150%; font-weight: normal; }
body#blog #sidebar ul.main a, body#blog #sidebar ul.main a:visited { color: #3d3d3d; }
body#blog #sidebar ul.main a:hover, body#blog #sidebar ul.main a.on { color: #a3b936; }
body#blog #sidebar ul.main li { margin-bottom: 2em; }
body#blog #sidebar ul.main li li { margin-bottom: .25em; }

body#blog ul.main #simple-rss a, body#blog ul.main #simple-rss a:visited { color: #ff822b; font-size: 140%; text-decoration: none; line-height: normal; }
body#blog ul.main #simple-rss a img { display: inline; float: left; margin: 0 5px 10px 0; }

body#blog #commentform .submit { width: 140px; height: 25px; }
body#blog #searchform .button { width: 75px; height: 25px; }





/* DO NOT EDIT OR ADD CODE BELOW */

.clearfix:after, .box:after, .colgroup:after, .section:after, .after:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .box, .colgroup, .section, .after { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix, * html .box, * html .colgroup, * html .section, * html .after { height: 1%; }
.clearfix, .box, .colgroup, .section, .after { display: block; }
/* end hide */