/* ----------------------------------------
    CSS: vector.css
    Site: Vector
    Author: Rob Dove (preview.co.uk)
    Copyright: 2008 site
----------------------------------------- */

/* Generic 
/*----------------------------------------------------------------------*/
html
            { height: 75%; font-size: 75%; }
body        { font-size: 1em;
              background: #000000;
              color: #BBBBBB;
              margin: 25px auto;
              font-family: Century Gothic, arial, helvetica, sans-serif; }
img, a img  { border: none; }
h1,h2,p,ul,ul li
            { padding:0; margin:0; }


/* Typography 
/*----------------------------------------------------------------------*/
h1, h2      { color:#FFFFFF;
              background: url(/style/images/layout/h2_bg.jpg) left top repeat-x;
              padding:10px;
              font-weight: bold;
              font-size:125%; }
h2          { background-position:left 30%; margin:20px 0 10px 0; }
h3          { font-size:1.2em; color:#FFFFFF; font-weight:normal; }
p           { margin-bottom:10px; }
a           { text-decoration: none; color: #D88734; }
a:hover     { color:#FFFFFF; }
ul.general  { margin:0 30px 10px 10px;list-style:none;}
ul.general li { background:url(images/layout/list-icon.jpg) no-repeat left 4px;list-style:none; padding-left:20px;padding-bottom:0.4em;}
#heading p  { padding:10px 0 0 10px;}
    
/* Navigation
/*----------------------------------------------------------------------*/
#nav        { padding:25px 0 0 0; font-size:1.3em; width:405px; font-weight:bold; }
#nav ul     { display:none; }
#nav ul li  { display:inline; }
#nav ul li a
            { background: url(/style/images/layout/button_bg.jpg) top left repeat-x; padding:5px 13px; }
#nav ul li a.current,
#subnav ul li a.current, .current
            { color:#FFFFFF; }
#subnav     { width:405px; font-size:1.3em; margin-top:20px; }
#subnav ul  { width:100%; }
#subnav ul li
            { width:47%; float:left; border-bottom:1px solid #666666; padding:8px 0; text-indent:10px; display:block; }
#subnav ul li.right
            { float:right; }
#subnav ul li.bordertop
            { border-top:1px solid #666666; }
#footnav    { margin:10px 0; }
#footnav ul li
            { display:inline; padding-right:15px; }


/* Navigation
/*----------------------------------------------------------------------*/
#wrapper    { width: 1000px; margin:0 auto; }
    .about      { background: url(/style/images/pages/about.jpg) right 60px no-repeat; }
    .workingwithus
                { background: url(/style/images/pages/workingwithus.jpg) right 60px no-repeat; }
    .workingforus
                { background: url(/style/images/pages/workingforus.jpg) right 60px no-repeat; }
    .people     { background: url(/style/images/pages/people.jpg) right 60px no-repeat; }
    .enviroment { background: url(/style/images/pages/environment.jpg) right 78px no-repeat; }
    .approach   { background: url(/style/images/pages/approach.jpg) right 76px no-repeat; }
    .safety     { background: url(/style/images/pages/safety.jpg) right 76px no-repeat; }
    .services   { background: url(/style/images/pages/services.jpg) right 60px no-repeat; }
    .contact    { background: url(/style/images/pages/contact.jpg) right 77px no-repeat; }
#logo       { float:right; text-align:right; }
#homeflash  { margin-top:40px; }
#heading    { padding-top:20px; width:405px; clear:left; }
#content    { max-width:810px; margin-left:10px; }
#content .leftcol,
#content .rightcol
            { width:385px; float:left; padding:10px 0 20px 0;
              background: url(/style/images/layout/content_bg.png) left top repeat; }
#content .rightcol
            { float:right; padding-right:10px; }
#footer     { border-top:1px solid #666666; margin-top:30px; clear:both; color:#FFFFFF; }
#locationmap
            { margin:10px auto; width:385px; height:317px; overflow:hidden; border:0;}


/* Classes
/*----------------------------------------------------------------------*/
ul.linklist { border-top:1px solid #666666; margin:10px 0 30px 0; list-style:none; color: #D88734; }
ul.linklist li
            { padding:6px 0 6px 10px; border-bottom:1px solid #666666; }
.clearall   { clear: both; font-size: 1px; height:1px;line-height:1px;padding:0;margin:0;}
.clearnorm  { clear: both; }
.invisible  { position: absolute; top: -9999px; left: -9999px; }
.floatright { float:right; }
.imagegallery
            { text-align:center; background: url(/style/images/layout/image_bg.jpg) top left repeat-x; padding:10px 0 30px 0; }
.imagegallery img
            { padding:0 4px; }
.noborder,
form#contact .noborder
            { border:0; }
.hidden     { display:none; }
#content .leftcol.nobotpad
            { padding:10px 0 0 0; }
.nomarg     { margin-top:0; }
strong      { color:#ffffff; }
.lowlight   { color:#666666;}
.preview    {margin-top:-3.7em; color:#444444;}
.preview a  { color:#444444;}
.preview a:hover
            { color:#ffffff;}


/* Contact Form
/*----------------------------------------------------------------------*/
form#contact{ width:85%; margin:20px auto; }
form#contact label
            { float:left; display:block; width:25%; margin-right:5px; }
form#contact input,
form#contact textarea,
form#contact select
            { border:1px solid #666666; background:#000000; color:#FFFFFF; padding:2px; overflow:auto; }
form#contact .button
            { color:#FFFFFF; background:#666666; font-size:1em; font-weight:bold; }