/*
Copyright (c) 2007, Pixelapes. All rights reserved.
Site Template: 002
http://www.pixelapes.com/
*/

/* YUI adjustments */

.yui-t1 .yui-b {width:18.4608em;
*width:18.016em;}

.yui-t1 #yui-main .yui-b {margin-left:19.4608em;
*margin-left:19.016em;}

/* Rest of CSS */

body {background: #726E54;
color: #495725;
font-family: Verdana, Geneva, Tahoma, Arial, sans-serif;}

#doc2 {border: 1px solid #fff;
margin: 20px auto;}

#hd {height: 130px;
border-bottom: 1px solid #fff;
background: #000;}

#hd h1, #hd h1 span {position: relative;
width: 949px;
height: 130px;
overflow: hidden;
top: 0;
left: 0;}

#hd h1 span {position: absolute;
z-index: 2;
background: url(../../images/banner.jpg) no-repeat left top;}

#bd {background: #fff;
padding: 40px 0;}

#ft {background: #314D51;
color: #fff;
padding: 15px 0;}

/* Buttons Etc */

#but-nav {background: #212121;
height: 130px;
border-bottom: 1px solid #5E6060;}

#but-nav ul {padding: 32px 0 0 0;
margin-left:19.4608em;
*margin-left:19.016em;}

#but-nav ul li {float: left;
margin-right: 4px;
width: 165px;
height: 94px;}

#but-nav ul li a {overflow: hidden;
position: relative;
text-align: center;
color: #fff;
font-size: 116%;}

#but-nav ul li a span {position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 165px;
height: 94px;
cursor: pointer;}

li.sp a:link span, li.sp a:visited span {background: url(../../images/sp.jpg) 0 0;}

li.wpbs a:link span, li.wpbs a:visited span {background: url(../../images/wpbs.jpg) 0 0;}

li.mfb a:link span, li.mfb a:visited span {background: url(../../images/mfb.jpg) 0 0;}

li.wps a:link span, li.wps a:visited span {background: url(../../images/wps.jpg) 0 0;}

li.sfs a:link span, li.sfs a:visited span {background: url(../../images/sfs.jpg) 0 0;}

li.sp a:hover span, li.sp a:active span, li.wpbs a:hover span, li.wpbs a:active span, li.mfb a:hover span, li.mfb a:active span, li.wps a:hover span, li.wps a:active span, li.sfs a:hover span, li.sfs a:active span, li.cur-main a:link span, li.cur-main a:visited span {background-position: 0px -95px;}

#but-nav a:hover, #but-nav a:visited {color: #F0CB24;}

#but-nav a {text-decoration: none;}

/* NAV STYLE */

.side {background: url(../../images/side.jpg) no-repeat center top;
/*min-height: 529px;
*/
margin-top: -171px;
padding: 291px 0 50px 0;
position: relative;
z-index: 10;}

.side h4 {position: absolute;
top: -3000px;
left: -3000px;}

#nav {padding: 0 4.4615em;
*padding: 0 4.354em;
font-family: sans-serif;}

#nav li {font-size: 108%;
margin: 0 0 10px 0;}

#bd #nav li a {border-bottom: 1px #595A5B dashed;}

#nav li a:link, #nav li a:visited {padding: 4px 20px 4px 10px;
display: block;
width: 6.7em;
text-decoration: none;
color: #464747;
border: none;}

#nav li a:hover, #nav li a:active {border-bottom: 1px #595A5B dashed;
color: #fff;
text-decoration: none;
background: #5E8956;
border: none;}

#nav li.current a:link, #nav li.current a:visited, #nav li.current a:hover, #nav li.current a:active {border-bottom: 1px #595A5B dashed;
background: #5E8956 url(../../images/nav-current.png) repeat-x;
color: #fff;}

/* LINKS */

a:link, a:visited {color: #0066ff;}

a:hover, a:active {color: #d85300;}

#ft a:link, #ft a:visited {color: #fff;}

#ft a:hover, #ft a:active {color: #F0CB24;}

.prod p a {padding-left: 22px;
background: url(../../images/icons/folder_go.png) no-repeat left bottom;}

.pdf {padding-right: 22px;
background: url(../../images/icons/icon_pdf.gif) no-repeat right bottom;}

/* TYPOGRAPHY */

h1 {font: 182% Georgia, Times, serif;
color: #fff;
text-align: center;}

h2, h3, h4, h5, h5 {font-family: Georgia, Times, "Times New Roman", serif;
margin: 0 40px 15px 0;
clear: both;}

h2 {color: #3E6B84;
font-size: 153.9%;
border-bottom: 1px solid #333;}

.index h2 {clear: none;
margin-right: 280px;}

h3 {color: #274244;
font-size: 138.5%;
margin-top: 20px;
margin-bottom: 10px;
border-bottom: 1px solid #999;}

h4 {color: #000;
font-size: 108%;
border-top: 1px solid #282828;
padding: 2px 10px;
background: #e6eded;}

p {padding: 0 40px 1.4em 0;
line-height: 138.5%;
font-size: 100%;
text-align: justify;}

p.date {display: block;
float: left;
border: 1px solid #666;
text-align: center;
margin: 0 20px 10px 0;
padding: 0;}

p.date span.date-day {font-size: 153%;
padding: 10px;
display: block;}

p.date span.date-month {background: #726E54;
color: #fff;
display: block;
font-size: 85%;}

b, strong {font-weight: bold;}

#yui-main ul, #yui-main ol {margin: 15px 40px;}

#yui-main ul li {list-style-type: disc;
padding: 0 0 9px 5px;
list-style-image: url(../../images/icons/bullet.gif);}

#yui-main ol li {list-style-type: decimal;
padding: 0 0 4px 5px;}

#ft p {padding: 0 20px 15px 36px;}

#ft p.funding {font-size: .8em;
font-style: italic;
height:60px;
margin: 0;
text-align: left;
color: #bbb;}

#ft p.funding img {float: left;
border: 1px solid #fff;
margin: 0 20px 0 0;}

.clear {clear: both;}

/* HOME PAGE BOXES */

.home-box {width: 200px;
display: block;
border: 1px solid #B8B8BC;
background: #f9f9f9;
float: right;
margin: 0 40px 20px 40px;}

.home-box h2 {text-align: center;
border: none;
margin: 0 0 10px 0;
color: #fff;
padding: 3px;
font-weight: normal;}

.recent-news h2 {background: #683A26;}

.home-box p {margin: 0 0 10px 0;
padding: 0 10px;
color: #2D2D2D;
font-size: 85%;}

.home-box p.read-more {background: url(../../images/icons/plus.gif) no-repeat 10px center;
padding-left: 35px;}

/* CONTACT PAGE BOXES */

.contact-box {width: 280px;
display: block;
margin-bottom: 30px;
float: left;}

.contact-box h3 {clear: none;
margin-top: 0;}

.peter {}

.vincent {}

/* IMAGES */

#yui-main img {float: right;
border: 4px solid #3E6B84;
padding: 2px;
background: #fff;
margin: 0 40px 20px 20px;}

#yui-main img.left {float: left;
margin: 0 20px 20px 0;}

/* Contact Form */

form {margin-right: 40px;}

#c-form h3 {margin-right: 0;}

#c-form label {position: absolute;
width: 15.38461em;
*width: 15.01384em;
text-align: right;}

#c-form input, #c-form select, #c-form textarea {margin-left: 20em;
*margin-left: 19.518em;
width: 250px;
padding: 3px;
border: 1px solid #282828;}

#c-form input:focus, #c-form select:focus, #c-form textarea:focus {border-color: #3E6B84;
background: #ffffc3;}

#c-form fieldset {border-top: 1px solid #282828;
padding: 10px 20px;
background: #e6eded;}

#bd p.psub {margin: 0;
padding: 6px 40px 6px 21.76923em;
*padding: 6px 40px 6px 21.24459em;
background: #282828;}

/* Product Details */

.prod {background: #f2f2ed;
margin: 15px 40px 30px 0;
padding: 10px 0 0 0;
border-top: 2px #8C9B67 solid;}

.prod h4 {font: 138.5% Tahoma, Arial, Geneva, sans-serif;
color: #367236;
border: none;
padding: 5px 0 4px 0;
margin: 0 0 0 140px;
background: none;}

#bd .prod img {float: left;
border: 1px solid #282828;
padding: 0;
margin: -1.8em 20px 10px 20px;}

.prod dl {margin: 10px 10px 10px 140px;}

.prod dt {margin-bottom: 3px;
font-size: 93%;
color: #2D778E;}

.prod dd {margin: 10px 0;
font-size: 116%;
color: #754B13;
text-align: center;
padding: 5px 7px;
background: #d3a62d url(../../images/price-bkg.png) no-repeat center center;
border: 1px solid #000;
width: 7em;}

.prod p {}

/* Vertical Accordions */

.accordion_toggle {display: block;
font-weight: normal;
text-decoration: none;
outline: none;
cursor: pointer;
margin: 0;
margin-top: 10px;}

.products .accordion_toggle {background: #8C9B67 url(../../images/icons/plus.gif) no-repeat 10px center;
padding: 6px 15px 6px 35px;
color: #fff;}

.products .accordion_toggle_active {background: #C9712F url(../../images/icons/plus.gif) no-repeat 10px center;}

.accordion_content {overflow: hidden;
padding: 10px 20px 0 20px;}

.products .accordion_content {background-color: #D8D8D8;
border-bottom: 2px solid #C9712F;
color: #444;
font-size: 93%;}

.products #bd #vertical_container .accordion_content ul {float: left;
width: 39%;
padding: 10px 5% 0 16px;
margin: 0;
display: block;}

.products #bd #vertical_container .accordion_content ul li {color: #1D1E1E;}

/* TABBER STYLE */

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/

.tabberlive .tabbertabhide {display:none;}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/

.tabber {}

.tabberlive {margin-top:1em;}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/

#yui-main ul.tabbernav {margin:10px 40px 0 0;
padding: 3px 0 4px 0;
border-bottom: 2px solid #000;}

#yui-main ul.tabbernav li {list-style: none;
margin: 0 0 2px 0;
padding: 0;
display: inline;}

ul.tabbernav li a {padding: 4px 0.7em;
margin-right: 5px;
background: #bababa url(../../images/tabber-inactive.png) repeat-x center center;
text-decoration: none;
font: 116% Georgia, "Times New Roman", Times, serif;}

ul.tabbernav li a:link {color: #fff;}

ul.tabbernav li a:visited {color: #667;}

ul.tabbernav li a:hover {color: #000;}

ul.tabbernav li.tabberactive a {background: #000 url(../../images/tabber-active.png) repeat-x center center;}

ul.tabbernav li.tabberactive a:hover {color: #fff;}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/

.tabberlive .tabbertab {padding:20px 0 20px 20px;
margin-right: 40px;
/* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px;
*/

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto;
*/}

/* If desired, hide the heading since a heading is provided by the tab 
*/

.tabberlive .tabbertab h2 {display:none;}

/*
.tabberlive .tabbertab h3 {display:none;}
*/

/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 {}

.tabberlive#tab2 {}

.tabberlive#tab2 .tabbertab {height:200px;
overflow:auto;}