/* - - Website designed and developed by Metastar - -*/
/* - - http://www.metastar.co.uk - -*/
/* - - v1: 13.11.08 - -*/

/* - - GENERAL ELEMENTS - -*/
* {margin:0; padding:0; border:none;}
body{font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:15px;background:#FFF;color:#383838;}
h1{font-size:130%;color:#008852; margin:10px 0;}
h2{font-size:120%;color:#008852; margin:20px 0 5px 0;}
h3{font-size:100%;color:#008852; font-weight:bold; margin-bottom:5px;}
a:link,a:visited,a:hover,a:active{text-decoration:none;color:#008852;}
a:hover {text-decoration:none;color:#A0CE67;}
h2 a:link,h2 a:visited,h2 a:hover,h2 a:active {background:url(arrow.gif) right no-repeat;padding-right:18px;}
ul {list-style:none;}
p {margin:10px 0;}
input, textarea, select {border:#008852 1px solid; font-size:90%; margin:2px 0;color:#383838;}
strong {font-weight:bold;}
table { float:right;}

/* - - PAGE LAYOUT - -*/
#shell {width:810px; min-height:700px; margin-top:20px;margin-left:auto; margin-right:auto; margin-bottom:300px; background:#FFF url(swoosh.jpg) bottom no-repeat; padding-bottom:130px;}
.line {text-align:right; background: url(dot.gif) 0 50% repeat-x; color:#008852;}
.line ul {float:right;background:#FFF url(lineEnd.gif) left center no-repeat;}
.line li {display:inline; padding:0 12px; background:url(lineEnd.gif) right center no-repeat;}
#top {color:#008852; font-size:10px;padding:15px 0; position:relative;}
#top div {float:right;text-align:right;}
#absolute {position:absolute; bottom:20px; right:0; color:#383838;}
#nav {float:left;width:235px;margin-top:18px;color:#008852;margin-bottom:30px;}
#nav li {background:url(nav.gif) no-repeat;padding:12px;}
#nav ul li ul {margin:15px 0 0 -12px;background-color:#FFFFFF;}
#nav ul li ul li {background:none; padding:4px 12px 4px 12px; font-size:98%;}
#nav ul li ul li a:link,#nav ul li ul li a:visited,#nav ul li ul li a:hover,#nav ul li ul li a:active{color:#383838;background:url(arrow.gif) bottom right no-repeat;padding-right:15px;}
#nav ul li ul li a:hover {color:#A0CE67;}
li.noArrow a:link,li.noArrow a:visited,li.noArrow a:hover,li.noArrow a:active{background:none;padding-right:0;}


#content {margin-left:261px;padding-top:25px; margin-bottom:30px;}
#content img {margin-bottom:10px;}
.photoBox {margin-top:30px;}
.photoBox h2 {font-size:100%; font-weight:bold;}
.photoBox p {margin:0;}
.photoBox img {float:right; margin:0 0 40px 20px;}
ul#footer {font-size:90%;color:#008852;}


.arrow a:link,.arrow a:visited,.arrow a:hover,.arrow a:active{color:#A0CE67; background:url(arrow2.gif) right no-repeat; padding-right:15px; margin-bottom:10px;}
.listing li { margin:10px 0;}
.listing a:link,.listing a:visited,.listing a:hover,.listing a:active{color:#383838; background:url(arrow.gif) right no-repeat;padding-right:15px;}
.listing a:hover {color:#A0CE67;}
.listingBullet li ul {margin:0;}
.listingBullet li { margin:10px 0; padding-left:10px; background: url(dotList.gif) left top no-repeat;}
.listingTick li { margin:10px 0; padding-left:15px;background: url(tick.gif) left top no-repeat;}

/* - - HOME PAGE - -*/
.homeBox h2 {margin-top:0;}
#firstParagraph {padding:20px 0;}
#homeBoxLeft {float:left;width:390px;margin-right:15px; margin-bottom:30px;}
#homeBoxLeft img {float:left; margin-right:10px;}
#homeBoxRight {float:left;width:390px; padding-left:14px;border-left:#008852 1px solid; margin-bottom:30px;}
.homeBox {float:left; width:390px; margin-bottom:20px;}
.homeBox img {float:left; margin-right:10px;}
.homeBox p {margin-left:162px;}

/* - - MORE - -*/
.sitemap {float:right; width:235px;}
.sitemap li {background:url(nav.gif) no-repeat;padding:12px;}
.sitemap ul li ul {margin:15px 0 0 -12px;}
.sitemap ul li ul li {background:none; padding:4px 12px 4px 12px; font-size:98%;}
.sitemap ul li ul li a:link,.sitemap ul li ul li a:visited,.sitemap ul li ul li a:active{color:#383838;}
.options a:link,.options a:visited,.options a:hover,.options a:active{color:#383838; background:url(arrow.gif) right no-repeat;padding-right:15px;}
.options a:hover {color:#A0CE67;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.right {text-align:right;}
.tdWidth {width:300px;}
.italic {font-style:italic;}
.lineHeight {line-height:22px;}
