@charset "utf-8";
/* NACO.co.za
 * Website stylesheet
 * By Novo Web Solutions (http://www.novo-ws.com)
 * COPYRIGHT(c) STELLENBOSCH NACO. ALL RIGHTS RESERVED.
*/

/* OVERRIDES, GENERAL STYLING */
body {
 margin:0;
 padding:0;
 color:#3D3D3D;
 font-family:'lucida grande','lucida sans unicode', helvetica, arial, sans-serif;
 font-size:13px;
 text-align:justify; 
 background:#F7F7F7;
}
h1 {
 margin:0;
 font:normal 36px/36px Georgia, "Times New Roman", Times, serif;
 letter-spacing:-2px;
 line-height:1.2em;
 text-align:justify;
}
h2 {
 margin:0;
 font:normal 36px/36px Georgia, "Times New Roman", Times, serif;
 letter-spacing:-0.5px;
}
h3 {
 margin:0;
 font:normal 18px/18px Georgia, "Times New Roman", Times, serif;
 letter-spacing:-0.5px;
}
p {
 font-style: normal;
 font-weight: normal;
 letter-spacing: -0.1px;
 line-height: 1.3em;
 text-align:justify;
}
a, a:hover {
 color:#5179B7;
 text-decoration:none;
}
img {
 margin:0;
 border:none;
}
.left {
 float:left;
}
.right {
 float:right;
}
#clear {
 clear:both;
}

/* FRAMEWORK */
#wrapper {
 position:absolute;
 left:50%;
 margin:10px 0 0 -480px;
 width:960px;
}
#header {
 height:130px;
 border:2px solid #EEE;
 background:#FFF url(../img/site_header_bg.jpg);
}
.page {
 clear:both;
 margin-top:20px;
 padding:10px;
 border:2px solid #EEE;
}
#footer {
 margin-top:15px;
 padding:0 10px;
 height:40px;
 color:#7D7D7D;
 font-size:10px;
 line-height:16px;
}

/* SECTION-SPECIFIC STYLING */
/* HEADER */
#logocontainer {
 margin-top:15px;
}
/* PAGE */
#navbar {
 height:130px;
 font-size:13px;
 color:#3D3D3D;
}
#navbar ul {
 float:right;
 margin:0;
 padding:0;
 list-style:none;
}
#navbar ul li {
 float:left;
 margin-left:1px;
 padding:50px 5px 0;
 width:100px;
 height:80px;
 text-align:center;
 background:url(../img/site_page_header_navbar_li_bg.png) repeat;
}
#navbar ul li.selected {
 background:url(../img/site_page_header_navbar_li_selected_bg.png) repeat;
}

/* PAGE-SPECIFIC STYLING */
/* HOME */
#watermark_home {
 background:#FFF url(../img/watermarks/home.jpg) no-repeat;
}
#leftcol {
 float:left;
 width:700px;
}
#rightcol {
 float:right;
 margin-left:20px;
 width:216px;
}
.slideshow {
 margin-bottom:20px;
}
.slideshow img {
 width:210px;
 height:150px;
 border:5px solid #EEE;
}
/* SERVICES */
#watermark_services {
 background:#FFF url(../img/watermarks/services.jpg) no-repeat;
}
ul#services {
 margin:20px 0 0 30px;
 padding:0;
 list-style:square;
}
ul#services li {
 margin-top:10px;
}
ul#services a {
 color:#3D3D3D; 
}
ul#services a:hover {
 color:#3D3D3D;
 text-decoration:underline;
}
#preview{
 position:absolute;
 border:1px solid #ccc;
 background:#333;
 padding:5px;
 display:none;
 color:#fff;
}

/* PROJECTS */
#watermark_projects {
 background:#FFF url(../img/watermarks/projects.jpg) no-repeat;
}
#projects {
 width:100%;
 border:none; 
}
#projects td {
 padding:5px;
 border:none;
}
#projects td.r {
 text-align:center;
}
#projects tr:hover {
 background:#EEE;
}
#projects img {
 border:1px solid #EEE;
}

/* CONTACT */
#watermark_contact {
 background:#FFF url(../img/watermarks/contact.jpg) no-repeat;
}
#contact {
 float:left;
 margin-top:10px;
 width:368px;
 height:150px;
 border:2px solid #EEE; 
}
#directors {
 float:left;
 margin:10px 0 0 20px;
 width:300px;
 height:150px; 
 border:2px solid #EEE; 
}
#copybox {
 float:left;
 margin:10px 0 0 20px;
 width:216px;
 height:150px;
 border:2px solid #EEE;
}
#contact td, #directors td, #copybox td {
 vertical-align:top;
}
#loc {
 margin:10px 20px 0 0;
 border:2px solid #EEE;
}
#frm fieldset {
 margin-bottom:5px;
 padding:5px !important;
 border:2px solid #EEE;
}
#frm fieldset.left {
 width:350px;
 height:200px;
}
#frm fieldset.right {
 width:526px;
 height:200px; 
}
#frm fieldset p {
 margin:5px 0 0 15px;
}
#frm input {
 width:300px;
}
#frm input:hover, #frm textarea:hover, #frm input:focus, #frm textarea:focus {
 background:#DFECFF;
}
#sec {
 float:left;
}
.button {
 float:right;
 margin: 0 10px 0 0;
 width:100px !important;
}
/* CONTACT: ERROR */
.centerbox {
 position:absolute;
 left:50%;
 top:50%;
 margin:-70px 0 0 -200px;
 padding:10px;
 width:380px;
 height:120px;
}
#error {
 background:#FFDFDF;
}
#success {
 background:#BFFFC2;
}