/*=====================================================================
 *
 * Filename: Style.css
 * Website: Sibusisiwe
 * Author: G2 New Media
 * Date Started: November 2009

 *=====================================================================*/
 a {
   color:#fff;
 }
 body {
     font-family:verdana, futura;
     font-size:12px;
     color:#424241;
     line-height:17px;
     background-color:#ffffff;
     width:100%;

 }

 #greenbar {
     width:100%;
     height:41px;
     background-color:#cc3366;
     margin-top:26px;
 }
 #greenbrdr {
     width:100%;
     height:15px;
     background:#fff url(../images/rough_strip.png) repeat-x 0 0;
     border-bottom:1px solid #fff;
 }
 #greenbar div {
     width:903px; margin: 0 auto; 
 }
 #nav {
     font-family:futura, verdana ;
     font-size:16px;
 }
 #nav li {
     display:inline;
     padding:0 10px;
     line-height:40px;
 }
 #nav a:hover { text-decoration:underline; }
 .on { text-decoration:underline; }
 .off { text-decoration:none }

 #page {
     width:902px;
     margin:0 auto;
     margin-top:20px;
     position:relative;
 }

 #banner {
     position:relative;
     margin-bottom:15px;
     z-index:1;
 }
 #logo  { position: absolute; top:-110px; left:20px; }    /* 250 91 */
 #tptr1 { position: absolute; top:-13px; right:12px; }   /* 42 13 */
 #tptr2 { position: absolute; top:5px; right:-40px; }   /* 40 55 */
 #tpbl1 { position: absolute; bottom:16px; left:-25px; } /* 25 50 */
 #tpbl2 { position: absolute; bottom:-10px; left:21px; } /* 40 15 */
 #tpbr1 { position: absolute; bottom:-3px; right:1px; }/* 79 8 */
 #tpbr2 { position: absolute; bottom:3px; right:-15px; }/* 15 45 */

 .paper { background: none; }
 .paper2 { background: none; }

 #col1 {
    width:233px;
 }
 #subcol1 { width:228px; }

 #col2 {
    width:404px;
    margin-left:15px;
    margin-right:15px;
 }
 #subcol2 { width:399px; }

 #col3 {
    width:233px;
 }
 #subcol3 { width:228px; }

 .col {
    margin-bottom:28px;
    position:relative;
    background:#fff url(../images/sh_r.jpg) repeat-y 100% 0;
 }

 #footer {
    width:100%;
    height:34px;
    border-top:1px solid #fff;
    border-bottom:3px solid #f9854b;
    background-color:#f55d12;
    color:#fff;
    font-size:10px;
 }
 #footer a { color:#fff; text-decoration:underline; }
 #footer div { width:903px; margin: 0 auto; }
 #footer p { line-height:32px; }

 /* HOME */
 #blog   { position: absolute; top:-3px; left:-16px; }    /* 257 60 */
 #getinv { position: absolute; bottom:30px; right:-10px; }    /* 250 91 */
 #tape1  { position: absolute; bottom:-12px; left:68px; }    /* 96 35 */
 #tape2  { position: absolute; bottom:-13px; right:22px; }    /* 98 39 */

 /* about */
 #col4 {
    width:655px;
    margin-left:10px;
 }
 #subcol4 {
   width:650px;
 }
 #getinv1 { position: absolute; top:260px; right:-2px; } 
 #getinv2 { position: absolute; top:100px; right:-2px; }    /* 250 91 */
 #getinv3 { position: absolute; top:470px; right:-2px; } 
 #getinv4 { position: absolute; top:180px; right:-2px; }
 #getinv5 { position: absolute; top:140px; right:-2px; }  
 
 /* COMMON STYLES */
 .fll {
    float:left;
 }
 .flr {
    float:right;
 }
 .clr {
    clear:both;
 }
 .cll {
    clear:left;
 }
 .fix {
    font-size:0;
    line-height:0;
 }

 .h2 {
    color:#99cc33;
    font-size:18px;
    font-family:futura, verdana;
 }
 .h3 {
    color:#99cc33;
    font-size:15px;
    font-family:futura, verdana;
 }
 .link {
    color:#f55d12;
    text-decoration:underline;
 }
 .cp {
    padding:15px 50px 0 15px;
 }
  .cp1 {
    padding:15px 15px 0 5px;	
 }
 .cp_strong {
    font-weight: bold;
    padding: 15px 0 0 15px;
 }
 .cp_next {
    padding: 0 0 0 15px;
}
 .pb { padding-bottom:15px; }
 .gline { width:92%; margin: 10px auto 0 auto; border-bottom:1px solid #a8c070; }
 .pbh { padding:5px 10px 0 5px; }
 .pbp { padding:0px 10px 0 5px; }
 #blogposts { padding: 20px 0 25px 0;}

 .other_a {
     color:#9ab55a;
 }

 a.other_a:hover {
     text-decoration:underline;
 }
 ul {
     list-style-type:disc;
     padding-left:30px;
 }
 .greenie {
     color:#9ab55a;
	 font-size:13px;
 }
 ul.other_ul {
     list-style-type:decimal;
     padding-left:30px;

 }
  ul.other_ul li {
	 width:580px;

 }