/* Chrometco - March 2010 - Ince (Pty) LTD */

body {font: 0.85em arial, Tohoma, 'Trebuchet MS', helvetica, sans, verdana, sans-serif; 
padding:0; margin:0 auto; color:#2e2e45; background:#2f2f46;}

ul {margin:0; padding:0;}
a {color:#2e2e45; text-decoration:none;}
a:hover {color:#535572; text-decoration:underline;}
td {font-size:14px;}

h1 {color:#3f3f50; font-size:2.5em; margin-top:0;}
h1 span {color:#7b7ca1; font-size:1em; font-weight:bold;}
h2 {color:#d3a556; font-size:2.3em; margin-top:0;}
p {margin-top:0;}
strong {color:#7b7ca1; font-style:italic;}

/* MAIN BUILD */
#wrapper {position:relative; margin:0 auto; padding:0; background:#fff; width:910px; min-width:910px;}
#topsection {float:left; height:125px; width:890px; background:url('../i/tbg.jpg') no-repeat top right; padding:10px 0 0 20px;}
#logo {float:left; width:197px;}
#menu {float:left; background:url('../i/mbar.jpg') repeat-x top left; width:910px; height:32px;}

#holder {display:table; float:left; width:910px; padding:0; background:url('../i/rep.gif') repeat-y top left;}
#leftsec {float:left; width:200px; padding:20px; background:url('../i/left.jpg') repeat-x top left; min-height:500px;}
#leftsec h1 {color:#2e2e45; font-size:1.3em;}
.lbox {background:#fff; border:1px #cacad0 solid; padding:10px 10px 0 10px; font-size:0.85em; margin:0 0 15px 0;}
.lbox p {margin-top:0;}
.lbox ul {list-style-type:none; margin:0; padding:0;}
.lbox li {list-style-type:none; margin:0; padding:0 0 5px 0;}
.sharesprice {background:url('../i/share.jpg') no-repeat top left; width:180px; padding:10px; height:122px; margin-bottom:15px;}
.sharesprice .lrg {color:#fff; margin:0; font-size:3em; font-weight:bold;}
.sharesprice .lrg span {font-size:0.5em!important;}
.sharesprice .sml {color:#fff; font-size:0.63em;}

#leftmenu {list-style-type:none; margin:0; padding:0;}
#leftmenu li {list-style-type:none; margin:0; padding:0;}
#leftmenu li a {display:block; width:170px; font-size:0.85em; padding:5px 5px 5px 25px; border:1px #2e2e45 solid; margin:0 0 2px 0; background:url('../i/lm1.gif') no-repeat left;}
#leftmenu li a:hover {background:#d9b11c url('../i/lm2.gif') no-repeat left; text-decoration:none; color:#fff;}

#innermain {float:right; width:640px; padding:10px;}

#main {display:table-cell; vertical-align:bottom; float:right; width:670px; background:url('../i/main.jpg') no-repeat top left; padding:0;}
#main #ptitle {float:left; text-align:right; width:650px; padding:15px 20px 0 0;}
#main #ptitle h1 {color:#fff; font-size:1.65em; margin:0;}
#main #ptitle h1 a {color:#7b7ca1!important;}
#main #ptitle h1 a:hover {color:#7b7ca1;}
#main #ptitle h1 span {font-size:0.55em;}
#main #content {float:left; width:650px; padding:120px 20px 20px 0;}
#main #content p {margin-top:10px;}
#main #content .blk1 {float:left; width:180px; padding:8px 8px 0 8px; text-align:justify; border:2px #d0d1d3 solid; background:url('../i/blk1.png') repeat top left; margin:25px 0 0 20px; font-size:0.8em; min-height:305px; height:auto!important;}
#main #content .blk2 {float:right; width:180px; padding:8px 8px 0 8px; text-align:justify; border:2px #d0d1d3 solid; background:url('../i/blk2.png') repeat top left; margin:0 15px 0 0; font-size:0.8em;}
#main #content .blk2 h1 {color:#fff;}
#main #content .blk3 {float:right; width:180px; padding:8px 8px 0 8px; text-align:justify; border:2px #d0d1d3 solid; background:url('../i/blk1.png') repeat top left; margin:25px 0 0 0; font-size:0.8em; min-height:305px; height:auto!important;}
#footer {float:left; text-align:right; background:url('../i/foot.jpg') no-repeat top left; height:24px; padding:3px 20px 0 0; width:890px; border-top:3px #a3834e solid;}

.grey {color:#7b7d7f;}
.readmore a {color:#a3834e; font-weight:bold; text-decoration:none; margin:0;}
.readmore a:hover {color:#76779e; text-decoration:none;}
.clearright {clear:right; height:0; line-height:0;}
.clearleft {clear:left; height:0; line-height:0;}
.clearends {clear:both; height:0; line-height:0;}