/* TOC -------------------------------------------------------------------------------------------------------- 1 - Global Reset 2 - Structural elements 3 - Heading, Typography, Links, Lists 4 - Navigation 5 - Forms & Tables 6 - Page components and widgets 7 - MPU & Advertising 8 - Buttons 9 - Global elements 10 - General Styles ---------------------------------------------------------------------------------------------------------------*/ /* 1 - Global Reset - Eric Meyer 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, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline} :focus {outline: 0} body {color: #848484; background-color: #ffffff; text-align:center; font: 62.5% Lucida Grande, Lucida, Helvetica, Arial, sans-serif} ol, ul {list-style: none} table {border-collapse: separate; border-spacing: 0} caption, th, td {text-align: left;font-weight: normal} blockquote:before, blockquote:after, q:before, q:after {content: ""} blockquote, q {quotes: "" ""} body {min-height:400px; _height:400px} /* 2 - Structural elements ---------------------------------------------------------------------------------------------------------------*/ #site-wrapper {width:900px; text-align:left; font-size:1.0em; margin:0 auto 0 auto; background-color:#ffffff; position:relative} #header { margin-left:0px; display:inline; padding:0px 0; position:relative; height:20px; text-align:left; letter-spacing:3px} #content-wrapper {background:} #content {} #content-footer {width:800px; height:15px; position:absolute; bottom:0px; left:0} /* change for top hr colour */ #content-main {border-top:solid 0px #848484; min-height:463px; _height:0px;} #leftcol {float:left; display:inline; width:150px; min-height:463px; _height:0px; margin-left:20px; text-align:left; padding:15px 0 0 0; line-height:2.0} #rightcol {float:left; width:600px; font-size:1.1em; position:relative; min-height:463px; _height:0px; margin-left:10px} #rightcol2 {float:right; width:463px; font-size:1.1em; position:relative; min-height:463px; _height:0px; margin-left:20px} #home #rightcol {background-image:none} #rightcol-pad {padding:0px} /* 3 - Heading, Typography, Links, Lists ---------------------------------------------------------------------------------------------------------------*/ /** Heading **/ h1 {font-size:1.4em; font-weight:bold; margin-bottom:10px; margin-right:0px; margin-left:0px} #rightcol h1 {padding-top:15px} /** Paragraphs **/ p {line-height:1.3em; margin-bottom:15px} p.last {margin-bottom:0; padding-bottom:0px} #leftcol p {margin-right:0px; margin-left:0px} #rightcol p {margin-right:0px; margin-left:5px} /** Links **/ a{font-weight:; text-decoration:none; color:#848484; letter-spacing:0px} a:hover{text-decoration:underline} a:active{font-weight:} .head {color:#fff; font-size:1.1em; font-weight:bold} /* Lists */ .starndardlist {margin-right:15px; margin-left:15px} .starndardlist li {margin-bottom:0px} /* 4 - Navigation ---------------------------------------------------------------------------------------------------------------*/ /* Primary navigation */ /* change for bottom hr colour */ #primary-nav {border-top:solid 0px #848484; font-size:1.0em; padding:6px 4px; position:relative;;} #primary-nav {background:url(../img/bg.transparent.png) transparent 0 0 repeat} #primary-nav ul li {float:left; margin-right:70px; color:#848484; font-weight:normal} #primary-nav ul li a {font-weight:bold} /* margin-right in #primary-nav ul li changes for menu */ /* Secondary Navigation */ #secondary-nav {position:absolute; font-size:1.0em} #secondary-nav ul li {float:left; margin-right:15px; padding-right:15px; border-right:solid 1px #b9b8bd} #secondary-nav ul li a {font-weight:bold; color:#fff;} #logo {position:absolute; right:5px; bottom:10px} .colc-image {margin:10px 0 0 10px} #contacts .colc-image {margin:-3px 0 0 0} #mainimage {border:solid 0px #fff; float:center; margin-top:20px; margin-right:0px} #mainimage-arrows {width:400px; clear:right; float:right; margin-right:10px; padding-top:10px} #mainimage-arrows ul {width:60px; float:left} #mainimage-arrows li {margin-right:10px; float:left} /* 10 - General Styles ---------------------------------------------------------------------------------------------------------------*/ /* Clearing Styles */ .clearleft{clear:left} .clearright{clear:right} .clearboth{clear:both} /* CSS clearing */ .clearing:after, .row:after {content: "."; display:block; height: 0; clear: both; visibility: hidden} .clearing, .row {display: inline-block} /* Hides from IE-mac \*/ * html .clearing, * html .row {height: 1%} .clearing, .row {display: block} /* End hide from IE-mac */ /* Floats */ .fright {float:right} .fleft {float:left} .center {text-align:center} /* Skip link */ .hide {position:absolute; left:-9999px; top:-9999px; height:1px; font-size:1; line-height:0; overflow:hidden} /* Extend default margins */ .reduce-margin-s {margin-top:-11px !important; border-top:none !important} .reduce-margin-ss {margin-top:-5px !important} .extend-margin-none {margin-bottom:0px !important} .extend-margin-ss {margin-bottom:5px !important} .extend-margin-s {margin-bottom:10px !important} .extend-margin-m {margin-bottom:15px !important} .extend-margin-l {margin-bottom:20px !important} .extend-margin-xl {margin-bottom:25px !important} .extend-margin-xxl {margin-bottom:40px !important} .extend-margin-xxxl {margin-bottom:50px !important} /* Other stories */ #otherstories {float:right; margin-right:15px; padding-top:15px} #otherstories li {float:right; padding-left:10px;} #otherstories h2 {font-size:1.2em; font-weight:bold; margin-bottom:5px;} /* remove spacing from last column item */ .lastcol {margin-right:0 !important; padding-right:0 !important; border-right:none !important; background:none !important} .lastitem {margin-bottom:0 !important; padding-bottom:0 !important; border-bottom:none !important; background:none !important} li.lastitem {position:relative} .firstitem {margin-left:0 !important} /* Hide stuff */ .hide {position:absolute; left:-9999px; top:-9999px; height:1px; font-size:1px; line-height:0; overflow:hidden} /* Date header */ .date {margin-bottom:10px; font-weight:bold} /* Copyright */ #copyright {font-size:1.1em; text-align:right; width:900px; margin:0 auto; padding:0px 0 0 0; color:#B2B4B6;} /* Contact form */ form {padding:15px 0 15px 15px} form label {display:block; margin-bottom:5px} form input {width:245px; height:15px} form textarea {width:280px; height:120px} #submitbutton {width:auto; height:20px} .row {margin-bottom:10px} /* Gallery styles */ #thumbs {float:right; margin-right:15px; display:inline} .threethumbs {width:144px; display:inline} .fivethumbs {width:240px; display:inline; float:right} #thumbs li {float:left; width:40px; height:40px; background-color:#fff; overflow:hidden; /*border:solid 2px #fff;*/ margin-right:10px; margin-bottom:10px} #thumbs li a {display:block; width:38px; height:38px; overflow:hidden; float:left; margin:1px; overflow:hidden; display:inline} #thumbs li.lastthumb {margin-right:0 !important; display:inline;} #thumbs li.firstthumb {clear:left} #thumbs li {/*margin-right:9px; margin-bottom:8px*/} #caption {float:right; margin-bottom:0} #hiddenlbox {position:absolute; left:-9999px; top:-9999px; height:1px; font-size:1; line-height:0; overflow:hidden} #mask {background:#112233 url(../img/mask_gradient_1800.png) no-repeat;background-position:50% -200px}/* define background image for the expose mask */ div.items { width:20000em;position:absolute;clear:both}/* general settings for both scrollables */ div.navi {background-image:url(../img/hori_large.png); width:30px;height:30px;float:left;margin-top:55px} div.navi:hover {background-position:-30px 0; } div.navi:active {background-position:-60px 0; } div.nextPage {background-position: 0 -30px; clear:right; } div.nextPage:hover {background-position:-30px -30px; } div.nextPage:active {background-position:-60px -30px; } div.navi.disabled {/*visibility:hidden*/} #thumbnails {overflow:hidden;float:left;background:transparent url(../img/gradient/h150.png) repeat-x;/*border:2px solid #fff*/width:399px; height:295px; position:absolute; right:15px; top:15px} #thumbnails div.items div {float:left} #box {background-image:url(../img/black.png);width:900px;height:700px;position:absolute;display:none;} #box div.close {background:none;position:absolute;left:8px;top:8px;cursor:pointer;height:35px;width:35px} #images {position:absolute;overflow:hidden;margin:0px;width:800px;height:600px; left:0} #images div.items div {float:left;width:800px;height:600px;/*margin-right:30px*/position:relative; top:0} #box div.navi {position:absolute;bottom:333px;left:29px} #box div.nextPage {left:832px} .prev {position:absolute; z-index:998; top:275px; left:115px; display:block; width:18px;height:18px;background:url(../img/arrow.left.png) no-repeat} .next {position:absolute; z-index:999; top:275px; left:145px; display:block; width:18px;height:18px;background:url(../img/arrow.right.png) no-repeat} #scollwindow {border-top:solid 0px #fff; border-right:none; height:249px} #scollwindow img {width:399px; height:249px; border-right:solid 0px #fff; border-left:solid 0px #fff; border-bottom:solid 0px #000000;} #scollwindow div p {position:relative; bottom:-10px; left:0; width:397px;text-align:right}