/**********************
 De Vere Affiliate Site [Spa] website by Halpern Cowan
 COLORS
 general text:#8c8c8c; headings:#8f0000; link color:#5A919E; link hover:#4bb62e;
 **********************/

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

* {font-size:100%; margin:0; padding:0;}
body {background:#cecece; color:#8c8c8c; font:75%/1.4 Arial, Helvetica, sans-serif; height:100%; text-align:center;}
a {color:#5A919E}
a:visited {color:#5A919E}
a:hover {color:#28393D}
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/spa/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/spa/graphics/header-aloe.jpg') no-repeat 0 0; color:#fff; height:140px; padding:30px 25px; width:650px;}
#header h1{margin:80px 0 0 0;}
#header p {position:relative; top:-26px;}

/**********************
 CONTENT 
 **********************/

h3{height:24px;}
h4{height:20px;}

#content {background:#fff url('../images/spa/graphics/content-bottom.gif') no-repeat bottom left; overflow:hidden; padding:20px; width:660px;}
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/spa/graphics/box-top.gif') no-repeat top left; padding:20px 0 0 0;}
.boxBottom {background:transparent url('../images/spa/graphics/box-bottom.gif') no-repeat bottom left; padding-bottom:20px;}
.featuredBox img{zfloat:right; margin-bottom:10px;}

.boxFill {background:#E0E0E0; 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 #999; padding:0 0 0 15px;}

.section {overflow:auto;}

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

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

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


/**********************
 FOOTER 
 **********************/
 
#footer {background:transparent url('../images/spa/graphics/content-top.gif') no-repeat top left; font-size:90%; margin-top:20px; overflow:auto; padding-top:10px;width:700px;}
#footer ul {background:#fff url('../images/spa/graphics/content-bottom.gif') no-repeat bottom left; list-style-type:none; padding:0 0 10px 10px; width:690px;}
#footer li{border-right:1px dotted #999; display:inline; list-style:none; padding:0 10px;}
#footer li.last {border:none;}

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

#nav {background:#e0e0e0; border-top:1px solid #999; list-style-type:none; padding:5px; width:690px; overflow:hidden;}
#nav li {background:url('../images/spa/graphics/nav-divide.gif') no-repeat center right; float:left; list-style: none; padding: 2px 10px;}
#nav li.first {padding-right:0}
#nav li.first,
#nav li.last {background:none;}
#nav a, #navMain a:visited {padding-top:5px; 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
 **********************/

/* New */
.sIFR-flash {visibility: visible !important; font-size: 50%; margin: 0;}

.sIFR-replaced {visibility: visible !important;}

span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}

/* decoy styles  */
.sIFR-active #header h1 {visibility:hidden; letter-spacing:-9px; font-size:50px;}
.sIFR-active #content h2 {visibility:hidden; letter-spacing:-9px; font-size:30px; 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-active #content h5 {visibility:hidden; letter-spacing:-9px; font-size:14px;}
/*.sIFR-active #nav.a {visibility:hidden; letter-spacing:-5px; font-size:14px;}*/
/*.sIFR-active #nav.a {visibility:hidden; letter-spacing:-5px; font-size:14px;}*/