/*
Theme Name: Marais Basson
Description:
Version: 1.0
Author: Ruramai Nhapata (www.flowsa.com)
Date: March 2009
*/

/*RESET AND CLEARFIX
----------------------------*/
:link,:visited {}
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0px; padding:0px}
a img,:link img,:visited img { border:none }
address {font-style:normal}
.clearfix:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}  
.clearfix {display:inline-block;}
.clearfix {display:block;}

/* BODY
-----------------------------------*/
html, body {height:100%;}

/* BASE TYPOGRAPHY
-----------------------------------*/ 
body {font: 62.5%/1.4em Verdana ,Arial, sans-serif; background:#fff url(/maraistheme/images/headerstrip.jpg) repeat-x top;}

p, ul, ol {font-size:1.3em; line-height:1.5em; margin-bottom: 1em; color:#9d9090;} 

a:link {outline:none; color:#1A4273;}   
a:visited {}
a:hover {}

h1 {font-size:2.2em;}
h2 {font-size:1.8em;}
h3 {font-size:1.5em;}
h4 {font-size:1.4em;}  
h5 {font-size:1em;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; margin-bottom:0.3em; line-height:1.2em; color:#5d0025; font-family:"Century Gothic", Verdana ,Arial;}

blockquote {margin:10px; border:2px solid #431400; padding:5px; background-color:#EFD6D1;}

/* BASE TEMPLATE
---------------------------------*/
#container {width:960px; margin:0px auto;}

/* LAYOUT STRUCTURE
-------------------------------- */
#content {float:left; background-color:#FFF; padding:10px; width:940px;}
#main {float:left; width:645px; padding-right:10px;}

#main a {color:#5d0025; text-decoration:none;}

.static #main {width:940px;}

/* HEADER
------------------------------- */
#header {background:url(/maraistheme/images/header.jpg) no-repeat; height:281px; margin-bottom:15px;}
#header h1 span {margin-left:-9999px;}

/*FOOTER
------------------------*/
#footer {clear:both; height:45px; font:0.85em Arial, Trebuchet, Helvetica, Arial, sans-serif;background-color:#ccc;}
#footer p {text-align:center; color:#000; margin-top:0px;}
#footer a:link {color:#000;}   
#footer a:visited {color:#000;}

/*MAIN CONTENT GENERAL 
-------------------------*/
#main h1 {padding-bottom:10px;}

/*STAFF PAGE
-----------------*/
.staff {float:left; width:215px; margin-left:26px;}
.staff-row {clear:both;margin-left:-26px;}
*html .staff {margin-left:10px;}
*html .staff-row {margin-left:-86px;}

.staff h3{color:#9d9090;font-weight:bold; font:1.5em Verdana ,Arial, sans-serif;}
.staff a{color:#9d9090 !important;font-weight:normal;}

/* MAIN CONTENT LISTS
-------------------------*/
#main ul {list-style-type:disc; margin-left:1.6em;}
#main ol {list-style-type:decimal; margin-left:1.6em;}
#main li {margin-bottom:0.3em;}
#main li li {font-size:80.9%;}
#main li li li {font-size:82.6%;}

/*Floats 
-------------------------*/
.floatright {float:right; margin-left:10px;}
.floatleft {float:left; margin-right:10px;}

#header-holder {width:520px;margin-left:440px;}
#logo {width:320px;float:left;}
#searchbox {width:200px;float:left;padding-top:80px;}
#header-text {width:520px;}
#header-text p{padding-right:200px;color:#5d0025;font-size:1.3em; line-height:1.5em;padding-top:50px;font-weight:normal;font-family: "Century Gothic", Verdana ,Arial;}

/* NAVIGATION PRIMARY
------------------------------*/
#nav {}
#nav ul {}
#nav ul li {float:left; font-size:1.1em;} 
#nav ul li.first {}
#nav ul li a {display:block;background:url(/maraistheme/images/navigation.jpg) no-repeat; height:36px; }

/* MAIN MENU  
-------------------*/
#nav ul li#nav-home a {background-position:0px 0px; width:195px;}
#nav ul li#nav-about a {background-position:-195px 0px;width:180px;}
#nav ul li#nav-staff a {background-position:-375px 0px;width:180px;}
#nav ul li#nav-services a {background-position:-555px 0px;width:180px;}
#nav ul li#nav-contactus a{background-position:-735px 0px;width:225px;}

#nav ul li#nav-home a:hover {background-position:0px -36px; width:195px;}
#nav ul li#nav-about a:hover {background-position:-195px -36px;width:180px;}
#nav ul li#nav-staff a:hover {background-position:-375px -36px;width:180px;}
#nav ul li#nav-services a:hover {background-position:-555px -36px;width:180px;}
#nav ul li#nav-contactus a:hover {background-position:-735px -36px;width:225px;}

#nav ul li#nav-home.current a {background-position:0px -36px; width:195px;}
#nav ul li#nav-about.current a {background-position:-195px -36px;width:180px;}
#nav ul li#nav-staff.current a {background-position:-375px -36px;width:180px;}
#nav ul li#nav-services.current a {background-position:-555px -36px;width:180px;}
#nav ul li#nav-contactus.current a {background-position:-735px -36px;width:225px;}

/*HOMEPAGE MAIN
--------------------*/
#homepagemain {width:572px; float:left; background: #fff;padding:10px;}

/* SIDEBAR
-----------------------*/
#sidebar {padding-top:180px;width:275px; min-height:273px; float:left; background: url(/maraistheme/images/feather.jpg) no-repeat top; margin-left:10px;}

#sidebar p {width:180px; float:right;}
#sidebar h2 {width:180px; float:right;}

*html #sidebar{height:273px;}

/* SEARCH BOX
-------------------*/
#nav-searchbox input {}
#searchinput {border:1px inset #000; border-left:2px inset #000; width:150px; height:18px; }
#cse-search-box {margin-top:3px;}

/* COPYRIGHT
-------------------*/
#copyright-notice p {font-size:1.1em; text-align:center; margin-top:10px;}