/******************************************************************************
 *   Title:              Styles for Biodata IT South Africa (Pty) Ltd
 *   Author:             Werner Mollentze
 *   Author Contact:     werner [at] blimp [dot] co [dot] za
 *   Development System: GNU Linux
 *   CSS Editor:         KATE (Kde Advanced Text Editor)
 *****************************************************************************/

/* RESET */

:link, :visited {
    text-decoration: none
}

h1, h2, h3, h4, h5, h6, pre, code {
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
}

li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, dl, dt, dd, input {
    margin: 0;
    padding: 0;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

a img, :link img, :visited img {
    border: none;
}

address {
    font-style: normal;
}

input, textarea, select {
    font-size: 100%;
}


/* COMMON STYLES */

body, html {
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    color: #666;
    text-align: center;
    background-color: #6bcb9d;
    padding-bottom: 3em;
}

a, a:link, a:visited, a:active, a:hover {
    color: #3ba273;
}

a:hover {
    color: #771222;
}

h1, h2, h3 {
    text-transform: uppercase;
    font-weight: bold;
    padding: 1em 0 0.25em 0;
}

h1 {
    font-size: 14px;
    color: #771222;
}

h2 {
    font-size: 12px;
    color: #3ba273;
    font-weight: normal;
}

h3 {
    font-size: 10px;
    color: #000;
    color: #3ba273;
}

p, dl {
    padding: 0.75em 0 0.5em 0;
}

dt {
    padding: 0 0 0.25em 0;
}

dd {
    padding: 0.25em 0 0.75em 2em;

}

ol, ul {
    margin-top: 0.75em;
    margin-bottom: 0.5em;
}


li {
    padding-top: 0;
    padding-bottom: 0.5em;
}

.huge {
    font-size: 20px;
}

.left {
    float: left;
}

.right {
    float: right;
}

img.left {
    margin-right: 1em;
}

img.right {
    margin-left: 1em;
}

.a-left {
    text-align: left;
}

.a-right {
    text-align: right;
}

.a-center {
    text-align: center;
}

.blocky {
    display: block;
}

/* LAYOUT */

.block {
    clear: both;
    margin: 0 auto;
    width: 780px;
/*     border: 1px solid blue; */
    text-align: left;
}

hr {
    height: 1px;
    margin: 0;
    font-size: 1px;
    padding: 0;
    border: none;
    border-top: 1px solid #3ba273;
}

hr.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0 0;
    padding: 0;
    border: none;
    visibility: hidden;
}

.clear {
    clear: both;
}

#header {
    height: 95px;
    background-color: #771222;
}

#header-content {

}

#body {
    background-color: #fff;
}

#body-content {
    background-color: #fff;
    padding-bottom: 2em;
}

#sidebar {
    float: left;
    width: 130px;
/*     padding-right: 15px; */
/*     border-right: 1px dotted silver; */
/*     border: 1px solid lime; */
}

#sidebar-content {
    font-size: 11px;
}


#sidebar-right {
    float: right;
    clear: right;
    width: 200px;
/*     margin-top: 10px; */
/*     border: 1px solid lime; */
}

#sidebar-right-content {
    font-size: 11px;
    padding-left: 10px;
    border-left: 1px dotted #ccc;
}

.has-sidebar {
    margin-right: 200px;
    padding-right: 10px;
}

#page {
    margin: 0 0 0 110px;
/*     border: 1px solid orange; */
}

#page-content {
    padding: 0 0 0 30px;
    clear: right;
/*     border: 1px solid red; */
}

#page-main {
/*     border: 1px solid blue; */
/*     margin-top: 10px; */
}

#subfooter {
    background-color: #3ba273;
    color: #fff;
}

#subfooter-content {
    padding: 1em 0;
}

#subfooter-content a,
#subfooter-content a:link,
#subfooter-content a:visited,
#subfooter-content a:active,
#subfooter-content a:hover {
    color: #95efc3;
}

#subfooter-content a:hover {
    text-decoration: underline;
}



#footer {
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
}

#footer-content {
    padding-top: 1em;
}

#footer-content p {
    padding: 0.25em 0;
}

#footer-content b {
    color: #2c8f61;
    padding-right: 0.5em;
    width: 17em;
}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:active,
#footer a:hover {
    color: #fff;
    padding-left: 0.25em;
    padding-right: 0.25em;
}

#footer a:hover {
    color: #3ba273;
}

#banner {
/*     border-bottom: 3px solid #333; */
}

#main-menu {
    float: left;
    padding: 0 0 0 19px;
}

#main-menu a,
#main-menu a:link,
#main-menu a:visited,
#main-menu a:active,
#main-menu a:hover {
    float: left;
    border-bottom: 5px solid #771222;
    padding: 67px 8px 10px 8px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
}

#main-menu a:hover {
    color: #6bcb9d;
}

#main-menu a.active {
    border-bottom: 5px solid #6bcb9d !important;
}

#main-menu .glue {
    float: left;
    display: none;
}

#teasers {
    margin-top: 1em;
}

#breadcrumbs {
/*     float: right; */
/*     text-align: right; */
/*     border: 1px solid blue; */
    font-size: 10px;
    padding: 0.25em 0 0 0;
}

a.teaser,
a.teaser:link,
a.teaser:visited,
a.teaser:active,
a.teaser:hover {
    display: block;
    float: left;
    width: 200px;
    background-position: left top;
    background-repeat: no-repeat;
    font-size: 10px;
    margin-right: 10px;
    color: #666;
}

/*
a.teaser:hover {
    color: #6bcb9d;
}

a.teaser:hover b {
    color: #6bcb9d;
}
*/

a.teaser b {
    display: block;
    padding: 0 0 110px 0;
    text-transform: uppercase;
    color: #771222;
    font-weight: bold;
    font-size: 12px;
}

#teasers a.products {
    background-image: url(../img/banner_products.jpg);
}

#teasers a.products:hover {
    background-image: url(../img/banner_products_hover.jpg);
}

#teasers a.services {
    background-image: url(../img/banner_services.jpg);
}

#teasers a.services:hover {
    background-image: url(../img/banner_services_hover.jpg);
}

#teasers a.news {
    background-image: url(../img/banner_news.jpg);
}

#teasers a.news:hover {
    background-image: url(../img/banner_news_hover.jpg);
}

/* Hyperlink .more */
.more,
a.more,
a.more:link,
a.more:visited,
a.more:active,
a.more:hover {
    font-size: 10px;
    color: #771222;
    color: #3ba273;
    background: url(../img/arrow_right_hover.png) no-repeat right center;
    padding-right: 12px;
    text-transform: uppercase;
    cursor: pointer;
}

a.more:hover,
a.teaser:hover .more {
    color: #6bcb9d;
    color: #771222;
    background-image: url(../img/arrow_right.png);
}

a.more {
    line-height: 2.5em;
}

a.external {
    padding-right: 16px;
    background: url(../img/external_link.gif) no-repeat right center;
}

#sidebar-right-content a {
    background: url(../img/arrow_right_hover.png) no-repeat left 3px;
    padding-left: 16px;
    line-height: 1.6em;
}

a.bullet-file {
    background: url(../img/bullet_file.png) no-repeat left 1px !important;
}

.smaller {
    font-size: 85%;
}

.center {
    text-align: center;
}

a.sitemap {
    background: url(../img/arrow_right_hover.png) no-repeat left center;
    padding-left: 16px;
    line-height: 1.6em;
}

p.linkstack {
    padding: 0 0 0.5em 0;
}

p.linkstack a {
    text-transform: uppercase;
    line-height: 1.6em;
}

p.uppercase {
    text-transform: uppercase;
}

p.lowercase {
    text-transform: none;
}

.pipe {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.section {
    margin-top: 1em;
}

div.vendor.first {
    margin-top: 1em;
    border-top: 1px solid #6bcb9d;
}

div.vendor {
    margin-bottom: 0.25em;
    border-bottom: 1px solid #6bcb9d;
}

div.vendor img {
    float: left;
    margin-top: 1em;
}

div.vendor div {
    margin-left: 120px;
}

#targetArea, #blindArea {
 clear: both;
 margin-bottom: 2em;
 background: #DFF4EA;
 }

#targetArea, #aladdin {
 clear: both;
 margin-bottom: 2em;
 background: #DFF4EA;

}

#targetArea, #kaspersky {
 clear: both;
 margin-bottom: 2em;
 background: #DFF4EA;

}

#targetArea, #kaspersky2 {
 clear: both;
 margin-bottom: 2em;
 background: #DFF4EA;

}

#targetArea, #shavlik {
 clear: both;
 margin-bottom: 2em;
 background: #DFF4EA;

}

#targetArea, #ibm {
 clear: both;
 margin-bottom: 2em;
 background: #DFF4EA;

}

#targetArea, #astaro {
 clear: both;
 margin-bottom: 2em;
 background: #DFF4EA;

}

#targetArea, #astaro1 {
 clear: both;
 margin-bottom: 2em;
 background: #DFF4EA;

}

#targetArea, #utimaco {
 clear: both;
 margin-bottom: 2em;
 background: #DFF4EA;

}

#targetArea, #utimaco1 {
 clear: both;
 margin-bottom: 2em;
 background: #DFF4EA;

}

#targetArea, #utimaco2 {
 clear: both;
 margin-bottom: 2em;
 background: #DFF4EA;

}

#targetArea, #astaro2 {
 clear: both;
 margin-bottom: 2em;
 background: #DFF4EA;

}

#targetArea, #lenovo {
 clear: both;
 margin-bottom: 2em;
 background: #DFF4EA;

}

#targetArea, #clearswift {
 clear: both;
 margin-bottom: 2em;
 background: #DFF4EA;

}

#targetArea, #dica {
 clear: both;
 margin-bottom: 2em;
 background: #DFF4EA;

}