/*
Theme Name: Petrel CC
Theme URI: http://www.yellow-llama.com
Description: A customized theme with static elements designed by MarkB, CSS Guru from <a href= "http://www.yellow-llama.com">The Yellow Llama</a>.
Version: 1.0
Author: Mark Bloomfield
Author URI: http://www.yellow-llama.com/ 
*/

body {
margin: 0;
padding: 0 0 100px 0;
background: #ffffff;
}

#container {
margin: auto;
padding: 0 0 0 5px;
width: 760px;
background: url(images/bodyback.jpg) no-repeat;
}

#contentbody {
margin: 0;
width: 750px;
background: url(images/contentback.gif) repeat-y;
}

p, p a, a, ul li, ul li a, ul, div, p strong {
font: 11px Tahoma,Arial,Verdana;
color: #535353;
text-decoration:none;
font-weight: normal;
}

a, p a {color: #2B8777; font-weight: bold; text-decoration:none;}
a:hover, p a:hover { text-decoration: underline; }

p{
line-height: 150%;
}

h1, h3, h3 a {
margin: 0;
padding: 0;
color: #2B8777;
font: 18px Trebuchet MS,Verdana,Arial;
text-decoration: none;
letter-spacing: -1px;
}

h4 {
margin: 10px 0 15px 0;
border-bottom: 1px solid #78DCCB;
padding: 2px;
color:#A4A4A4;
font-size: 13px
}

h3 a:hover {color: #0F6B5B; }

img a, a img { border: 0; }

a span {
font-weight:normal;
font-style:oblique;
}

/********************************************************* NAV */

#logoright ul {
margin: 110px 0 0 0;
padding: 0;
}

#logoright ul li {
display:inline;
list-style-type:none;
}

#logoright ul li a {
padding: 7px 10px 7px 10px;
color:white;
}

#logoright ul li a:hover {
background:#2B8777;
text-decoration:none;
}
/********************************************************* LOGO */

#logo {
margin: 0;
width: 750px;
height: 225px;
}

#logoleft {
float:left;
height: 225px;
width: 404px;
background: url(images/logo-1.jpg) no-repeat;
}

#logoright {
float:left;
height: 225px;
width: 346px;
background: url(images/logo-2.jpg) no-repeat;
}

/********************************************************* LEFT */

#left {
float:left;
width: 450px;
margin: 0 15px 0 0;
padding: 0 0 0 10px;
}

#promo {
margin: 5px;
padding: 10px;
width: 420px;
background: #F3F9E7;
}

#promo img {
margin: 10px;
}

#products {
margin: auto;
margin-top: 20px;
width: 455px;
height: 80px;
}

#products img{
float:left;
}

#left p img {margin: 5px;}

#left ol li a, #left ul li a{
color: #2B8777; 
font-weight: bold; 
text-decoration:none;
}

#left ol li a:hover, #left ul li a:hover{
text-decoration: underline;
}

#left p, #left ol li, #left ul li {
text-align:justify;
line-height: 150%;
}

#breaker {
margin: 0 0 20px 0;
padding: 0 0 5px 0;
width: 100%;
display:block;
border-bottom: 1px solid #535353;
}

/********************************************************* RIGHT */

#right {
float:left;
width: 250px;
padding: 10px;
background: #F3F9E7;
text-align:right;
}

#right div p {
margin: 10px 0 10px 0;
}

#right ul li {
list-style-type:none;
margin-bottom: 2px;
}

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

#searchform {
margin: 10px 0 20px 0;
}

#searchform input#search, #searchform input#button {
font: 11px Tahoma,Arial,Verdana;
color: #999999;
border: 1px solid #999999;
padding: 2px;
}

#searchform input#button { padding: 1px; margin-left: 15px;}

/********************************************************* FOOTER */

#footer {
margin: auto;
padding: 10px 0 0 0;
width: 730px;
text-align:right;
color: #C2C2C2;
border-top: 1px solid #E2E2E2;
}

#footer a {
font-weight: normal;
text-decoration: none;
color: #C2C2C2;
}

#footer a:hover {color: #999999;}