/**********************
 De Vere Affiliate Site [Corporate] website by Halpern Cowan
 COLORS
 general text:#b2b2b2; heading;#8f0000; link color:#8f0000; link hover:#;
 **********************/

/**********************
 GLOBAL ELEMENTS 
 **********************/

* {font-size:100%; margin:0; padding:0;}
body {background:#1e1e1e; color:#b2b2b2; font:75%/1.4 Arial, Helvetica, sans-serif; height:100%; text-align:center;}
a {color:#8f0000}
a:visited {color:#8f0000}
a:hover {color:red}
abbr, acronym {border-bottom: 1px dashed #8f0000; cursor: help;}
blockquote {padding:10px; text-align:justify;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
h1 {font-size:250%;}
h2 {font-size:200%;}
h3 {font-size:150%;}
h4 {font-size:125%;}
h5 {font-size:110%;}
h6 {font-size:100%;}
img {border:none;}
fieldset {border:none; margin:0; padding:0;}
fieldset *, form * {vertical-align:middle;}
option {padding-right:.75em;}
p {margin:0 0 1em 0;}
table {border:0; border-collapse:collapse;}
textarea {font-family:Arial, Helvetica, sans-serif;}


/**********************
 GLOBAL STYLES 
 **********************/

.clear {clear:both;}
.external {background:transparent url('../images/corporate/icons/external-link.gif') no-repeat 100% 5px; padding-right:12px;}
.floatLeft {float:left;}
.floatRight {float:right;}
.hidden {left:-9000px; position:absolute;}
.imageLeft {float:left; margin:0 1em 1em 0;}
.imageRight {float:right; margin:0 0 1em 1em;}
.important {color:#d8d4c9;}

#wrapper {margin:10px auto; text-align:left; overflow:auto; height:100%; width:700px;}

/**********************
 HEADER 
 **********************/
 
#header {background:transparent url('../images/corporate/graphics/header.jpg') no-repeat 0 0; color:#fff; height:127px; padding:30px 15px; width:670px;}
#header h1{margin:60px 0 0 0;}
#header p {position:relative; top:-20px;}

/**********************
 CONTENT 
 **********************/
h3{height:24px;}
h4{height:24px;}

#contentBottom {background:transparent url('../images/corporate/graphics/content-bottom.gif') no-repeat bottom left; overflow:hidden; padding-bottom:15px; width:700px;}
#content {background:transparent url('../images/corporate/graphics/stripes.gif') repeat top left; padding:20px;}
ul.services {margin: 0 0 1em 50px; list-style:square;}

.indent {margin-left:30px;}

.featuredBox {float:right; width:270px; margin:0 0 20px 20px;}
.boxTop {background:transparent url('../images/corporate/graphics/box-top.gif') no-repeat top left; padding:20px 0 0 0;}
.boxBottom {background:transparent url('../images/corporate/graphics/box-bottom.gif') no-repeat bottom left; padding-bottom:20px;}
.featuredBox img{zfloat:right; margin-bottom:10px;}

.boxFill {background:#383838; padding:0 15px}
.boxContent {border-left:1px dotted #999; min-height:192px; padding-left:15px;}

#otherBoxes {list-style:none; overflow:auto; padding:0; width:660px; margin-top:20px}

.col70 {width:400px;}
.col30 {width:225px;}
.col305 {width:305px;}
.col320 {width:320px; padding:0 0 0 15px;}

.lastColumn {border-left:1px dotted #555; padding:0 0 0 15px;}

.section {overflow:auto;}

#adsense {clear:right; float:right; width:260px; margin:0 0 20px 20px;}

/**********************
 SITEMAP
 **********************/

ul#sitemap{margin-left:25px;}
ul#sitemap li {background:transparent url(../images/corporate/graphics/arrow.gif) no-repeat left 55%; list-style-type:none; margin-bottom:0.3em; padding-left:10px;}


/**********************
 FOOTER 
 **********************/
 
#footer {font-size:90%; margin-top:10px;}
#footer li{border-right:1px dotted #555; display:inline; list-style:none; padding:0 15px;}
#footer li.last {border:none;}

/**********************
 NAVIGATION 
 **********************/

#mainNav {background:#e0e0e0; border-top:1px solid #999; list-style-type:none; overflow:hidden; padding:5px; width:690px;}
#mainNav li {background:url('../images/corporate/graphics/nav-divide.gif') no-repeat center right; float:left; list-style: none; padding: 2px 10px;}
#mainNav li.last {background:none;}
#mainNav a, #mainNav a:visited {text-decoration:none;}


/* Skip Links */
#skipLinks a, #skipLinks a:hover, #skipLinks a:visited{height:1px; left:0px; overflow:hidden; position:absolute; top:-500px; width:1px;} /* hide skip link */
#skipLinks a:active, #skipLinks a:focus{color:#000; font-weight:bold; font-size:120%; height:auto; position:static; width:auto;} /* make visible when tabbed to */

/**********************
 SIFR
 **********************/

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */


/* decoy styles  */
.sIFR-active #header h1 {visibility:hidden; letter-spacing:-9px; font-size:48px;}
.sIFR-active #content h2 {visibility:hidden; letter-spacing:-9px; font-size:24px; width:368px;}
.sIFR-active #content h3{visibility:hidden; letter-spacing:-9px; font-size:18px;}
.sIFR-active #content h4{visibility:hidden; letter-spacing:-9px; font-size:16px;}
.sIFR-activeh #content h5 {visibility:hidden; letter-spacing:-9px; font-size:14px;}
/*.sIFR-active #nav.a {visibility:hidden; letter-spacing:-9px; font font-size:12px;}*/
}