/* 
    Document   : s
    Created on : 13-May-2010, 11:05:03
    Author     : Matthew
    Description: Purpose of the stylesheet follows.
*/

* {
    font-family:Verdana;
    font-size: 11px;
}

a {
    text-decoration: none;
}

img {
    border:0;
}

a:link, a:visited {
    color:white;
}

a:hover, a:active {
    color:#F3C05C;
}

a.current {
    color:#F3C05C;
}

.content a {
    color:#F3C05C;
}

span.orange {
    color:#F3C05C;
}

root { 
    display: block;
}

body {
    background:#7f7f81;
    color:white;
}

body div {
    position:relative;
    width:800px;
    min-height: 20px;
    margin: 0px auto;
}

body:first-child div {
    margin: 20px auto 0px auto;
}

body div div {
    position:static;
    border:0px;
    margin:0px;
}

.header {
    height:120px;
}

.header .logo {
    position:absolute;
    width:314px;
    height:80px;
    left:5px;
    bottom:2px;
}

.header .strapline {
    position:absolute;
    display:none;
    left:5px;
    bottom:0px;
    line-height: 30px;
    text-transform: uppercase;
    width:350px;
    height: 30px;
}

.nav {
    position:absolute;
    width:500px;
    right:5px;
    text-align:right;
    height:30px;
    line-height: 30px;
    bottom:0px;
}

.nav a {
    margin-left:10px;
}

div.image {
    border:0px;
    padding:0px;
    border-top:3px solid #F3C05C;
}

div.image img {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
}

.content {
    background:white;
    color:black;
}

.content div {
    padding:10px;
    width:780px;
}

.content div:first-child * {
    margin-top:0px;
    padding-top:0px;
}

.content div.gallery {
    padding:10px;
    padding-right:0px;
    width:790px;
}

.content div.gallery div {
    float:left;
    width:380px;
    margin:0px;
    padding:0px;
    margin-right:5px;
    margin-left:5px;
    padding-left:00px;
    height:160px;
    margin-bottom: 10px;
}

.content div.gallery div p {
    margin-top:10px;
}

.content div.gallery div img {
    float:left;
}

.content div.gallery div div {
    float:left;
    width:170px;
    background: transparent;
    margin:0px;
    padding:5px;
    margin-top:45px;
}

.content div.leftcolumn {
    width:490px;
    padding:20px;
    padding-right:0px;
    float:left;
}

.content div.rightcolumn {
    padding-left: 0px;
    width:240px;
    float:right;
}

.content div.rightcolumn img {
    width:240px;
    margin-bottom: 10px;
}

.content div.rightcolumn div.galleryfront {
    position:relative;
    margin:0px;
    padding:0px;
    height: 60px;
    width:240px;
}

.content div.rightcolumn div.galleryfront img {
    position:absolute;
    left:0px;
    top:0px;
    width:70px;
    margin:0px;
    padding:0px;
}

.content div.rightcolumn div.galleryfront div {
    position:absolute;
    font-size: 10px;
    margin:0px;
    top:00px;
    padding:5px;
    padding-top:13px;
    width:160px;
    left:70px;
}

br.clear {
    clear:both;
}

.footstrap {
    height:40px;
    background:#F3C05C;
    color:black;
}

.footstrap div {
    position:absolute;
    top:0px;
    right:5px;
    width:500px;
    height:40px;
    line-height: 40px;
    text-align:right;
    text-transform: uppercase;
}

.footer {
    height:80px;
}

.footer .address {
    position:absolute;
    left:5px;
    top:10px;
    width:350px;
    height:50px;
}
.footer .address, .footer .address span {
    font-size: 10px;
}

.footer .copyright {
    position:absolute;
    right:5px;
    text-align: right;
    top:10px;
    width:350px;
    height:50px;
    font-size: 9px;
}

.largeimg {
    height:330px;
}

.smallimg {
    height:90px;
}

.largeimg p {
    padding-left: 50px;
    background-image: url("../images/ajax-loader.gif");
    background-position: left;
    background-repeat: no-repeat;
    width:100px;
    font-size:30px;
    text-align: center;
    line-height: 300px;
    vertical-align: middle;
    margin-left:300px;
}

.smallimg p {
    padding-left: 50px;
    background-image: url("../images/ajax-loader.gif");
    background-position: left;
    background-repeat: no-repeat;
    width:100px;
    font-size:25px;
    text-align: center;
    line-height: 35px;
    vertical-align: middle;
    margin-left:300px;
}

h1, h2, h3 {
    font-size:14px;
    font-weight:normal;
    text-transform: uppercase;
    letter-spacing: 1px;
}
