@import url('base.css');



/* 
tags 
*/

body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 75%;
}



/*
structure
*/

#wrapper {
    width: 950px;
    margin: 10px auto 0 auto;
    background: transparent url(../images/layout/wrapper_background.png) no-repeat bottom center;
}

#section-header {
    /*background: transparent url(../images/layout/header_background.png) no-repeat top center;*/
    position: relative;
}

#flash-header {
}


/*
headers 
*/

h1#logo {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    width: 250px;
    height: 243px;
    background: transparent url(../images/layout/header_logo.png) no-repeat 0 0;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}

h1#logo a {
    display: block;
    height: 100%;
    width: 100%;
}



/*
nuggets
*/

#kudos {
    float: right;
    color: #999;
}

#bottom_banner {
    margin-top: 20;
}



/*
contect section
*/

#section-content {
    width: 590px;
    float: left;
}

#section-content #title {
    float: left;
    height: 70px;
    width: 100%;
    margin: 0 0 25px 0;
}

#section-content #article {
    float: left;
    clear: both;
    width: 560px;
    padding: 0 15px;
}

#section-content #body-content {
    float: left;
    clear: both;
    width: 560px;
    padding: 0 25px;
    
}

#section-content #body-content #news_title h2 {
	margin: 0 0 0 0;
}

#section-content #body-content #body-text {
	padding-left: 8px;
	padding-right: 10px;
    float: left;
}

/* PRETTY SURE THIS IS NO LONGER NEEDED - DELETE ME */
/* For when the image should appear to the left of the body text */
/*#section-content #body-content #body-text-right {
	width: 55%;
	padding-left: 15px;
    float: right;*/
}

#section-content #body-content #news_title {
	padding-bottom: 5px;
	border-bottom: 2px solid #f69a41;
}

#section-content #body-content #news_body p {
	margin-bottom: 15px;
}


/*
nav section
*/

#section-nav {
    clear: both;
    width: 160px;
    float: left;
    padding: 100px 0 20px 0;
}

ul#nav-main {
    float: right;
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    color: #b4292f;
    list-style: none;
}

ul#nav-main li ul {
    margin: 0;
    padding: 0;
	font-size: 0.9em;
    color: #f69a41;
    list-style: none;
}

ul#nav-main li {
    padding: 0 0 3px 0;
    text-align: right;
    clear: both;
}

ul#nav-main li a, ul#nav-main li a:active, ul#nav-main li a:visited, ul#nav-main li a:hover {
    color: #b4292f;
    text-decoration: none;   
}

ul#nav-main li a:hover {
    text-decoration: underline;       
}

ul#nav-main li ul li a {
    color: #f69a41 !important;
}



/*
aside section
*/

#section-aside {
    width: 200px;
    float: left;
    min-height: 200px;
}

#section-aside-plain {
    width: 180px;
    float: left;
    min-height: 200px;
    padding-top: 102px;
}

#panel-wrapper {
    float: left;
    width: 100%;
    background: #e6fbf8;
    position: relative;
}

#panel-wrapper .corner_topleft, #panel-wrapper .corner_topright, #panel-wrapper .corner_bottomleft, #panel-wrapper .corner_bottomright {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    background: transparent no-repeat 0 0;
}

#panel-wrapper .corner_topleft {
    background-image: url(../images/layout/corner_topleft.gif);
    top: 0;
    left: 0;
}

#panel-wrapper .corner_topright {
    background-image: url(../images/layout/corner_topright.gif);
    top: 0;
    right: 0;
}

#panel-wrapper .corner_bottomleft {
    background-image: url(../images/layout/corner_bottomleft.gif);
    bottom: 0;
    left: 0;
}

#panel-wrapper .corner_bottomright {
    background-image: url(../images/layout/corner_bottomright.gif);
    bottom: 0;
    right: 0;
}

#panel-content {
    padding: 20px;
}

#panel-content h3 {
    margin: 0 0 5px 0;
    font-size: 1.2em;
    color: #22776b;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #a2bdb9;
}

#panel-content ul {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
}

#panel-content li {
    margin: 0 0 5px 0;
    padding: 0;
}

#panel-content li a, #panel-content li a:active, #panel-content li a:visited, #panel-content li a:hover {
    font-size: 0.9em;
    color: #666;
    text-decoration: none;
}

#panel-content li a:hover {
    text-decoration: underline;
}



/*
footer section
*/

#section-footer {
    clear: both;
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
    height: 30px;
    color: #999;
    font-size: 10px;
} 

ul#nav-footer {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

ul#nav-footer li {
    float: left;
    padding: 0 5px;
    border-right: 1px solid #999;
}

ul#nav-footer li.first {
    padding-left: 0;
}

ul#nav-footer li.last {
    border-right: 0 none;
    padding-right: 0;
}

#section-footer a, #section-footer a:active, #section-footer a:visited, #section-footer a:hover {
    color: #999;
    text-decoration: none;
}

#section-footer a:hover {
    text-decoration: underline;
}



/*
page specifics
*/

body#home #title h2 {
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    width: 431px;
    height: 64px;
    background: transparent url(../images/layout/title_home.gif) no-repeat 0 0;
    margin: 0 50px 30px 0;
}

body#home #title_ourworld h2 {
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    width: 250px;
    height: 81px;
    background: transparent url(../images/layout/title_ourworld.gif) no-repeat 0 0;
    margin: 0 50px 30px 0;
}

body#home #title_findourpubs h2 {
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    width: 299px;
    height: 94px;
    background: transparent url(../images/layout/title_findourpubs.gif) no-repeat 0 0;
    margin: 0 30px 30px 0;
}

body#home #title_whatwedo h2 {
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    width: 299px;
    height: 94px;
    background: transparent url(../images/layout/title_whatwedo.gif) no-repeat 0 0;
    margin: 0 30px 30px 0;
}

body#home #title_news h2 {
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    width: 310px;
    height: 89px;
    background: transparent url(../images/layout/title_newsandpress.gif) no-repeat 0 0;
    margin: 0 30px 30px 0;
}

body#home #title_contact h2 {
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    width: 244px;
    height: 109px;
    background: transparent url(../images/layout/title_contactus.gif) no-repeat 0 0;
    margin: 0 30px 30px 0;
}

body#home #title_giveback h2 {
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    width: 427px;
    height: 81px;
    background: transparent url(../images/layout/title_whatwegiveback.gif) no-repeat 0 0;
    margin: 0 30px 30px 0;
}

body#home #title_hamishstoddart h2 {
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    width: 323px;
    height: 81px;
    background: transparent url(../images/layout/title_hamishstoddart.gif) no-repeat 0 0;
    margin: 0 30px 30px 0;
}

body#home #title_leecash h2 {
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    width: 209px;
    height: 81px;
    background: transparent url(../images/layout/title_leecash.gif) no-repeat 0 0;
    margin: 0 30px 30px 0;
}

body#home #title_joeames h2 {
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    width: 218px;
    height: 81px;
    background: transparent url(../images/layout/title_joeames.gif) no-repeat 0 0;
    margin: 0 30px 30px 0;
}

body#home #title_andrewcoath h2 {
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    width: 304px;
    height: 81px;
    background: transparent url(../images/layout/title_andrewcoath.gif) no-repeat 0 0;
    margin: 0 30px 30px 0;
}

body#home #title_philosophy h2 {
    float: right;
    margin: 0 30px 30px 0;
    font-size: 26pt;
    color: #b4292f;
}

body#home #title_workwithus h2 {
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    width: 318px;
    height: 115px;
    background: transparent url(../images/layout/title_workwithus.gif) no-repeat 0 0;
    margin: 0 30px 30px 0;
}

body#home #title_suppliers h2 {
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    width: 236px;
    height: 85px;
    background: transparent url(../images/layout/title_suppliers.gif) no-repeat 0 0;
    margin: 0 30px 30px 0;
}

body#home #title_whatwevewon h2 {
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    width: 435px;
    height: 82px;
    background: transparent url(../images/layout/title_whatwevewon.gif) no-repeat 0 0;
    margin: 0 30px 30px 0;
}

body#home #title_adventures h2 {
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    width: 480px;
    height: 70px;
    background: transparent url(../images/layout/title_peachadventures.gif) no-repeat 0 0;
    margin: 0 30px 30px 0;
}

body div#header {
	height: 102px;
	width: 600px;
	position: relative;
	padding: 0 0 0 0;
}

body h2#header_textandicon {
    float: right;
    margin: 0 0 0 0;
    font-size: 26pt;
    color: #b4292f;
	position: absolute;
	bottom: 10px;
	right: 0;
}

/*
tools
*/

.clear {
    clear: both;
}