/* CSS Document for van der Wyk Design, 2007 */

body {background:#fff url(../images/spiral.jpg) left repeat-y; font-family: Arial, Helvetica, sans-serif; text-align:center;}

h1 {font-family:Lucida Bright,"Courier New", Courier, mono; font-size:36px; margin:1em; padding:0; font-weight:bold; color:#555}
h2 {font-family:Lucida Bright,"Courier New", Courier, mono; font-size:24px; margin:1em; padding:0; color:#555; font-weight:normal;}
h3 {font-family:Lucida Bright,"Courier New", Courier, mono; font-size:16px; margin:1em; padding:0; color:#222; font-weight:normal;text-align:left;}
h4 {font-family:"Courier New", Courier, mono; font-size:24px; margin:1em; padding:0; color:#555; font-weight:normal;text-align:center;}

#wrapper {background:#fff; width:800px; margin:0 auto 0 90px; padding:0; }
#header {width:70%; margin:0 ; padding:0; float:left; clear:none; }
#header h1 {margin:1em 0 0 0; text-align:left; width:550px; font-size:36px; clear:none; padding:0}

#header_top {margin:0; padding:0; width:200px; float:left;}
#header_nav {margin:0 0 10px 0; padding:0; text-align:right;}
#header_nav a{margin:1em 0; font-size:14px; text-decoration:none; color:#000;}
#header_nav a.special {font-size:18px; color:#aaa; font-weight:bold;}
#header_nav a:hover {color:#609;}

 /* main content and side column */
 
#main {width:75%; margin:0 0 20px 0;  padding:0; float:left; clear:none;}
#main p {font-size:12px; text-align:left; margin:1em; line-height:1.5em;}
#main p.quote {font-style:italic;}
#main p.quote_credit {text-align:right;}
#main a { color:#609; text-decoration:underline; font-weight:bold;}
#main a:hover {color:#906; text-decoration:none;}

/* to make columnar layout, as in the links page*/
#second_column {float:left; width:45%; clear:none;}
#other_column {float:right; width:50%; clear:none;}

#right_column {width:200px; float:right; margin:0 0 0 0; padding:0;  /*border-right:1px #000 solid;*/  z-index:1000; text-align:left; clear:none; background:url(../images/new-logo.gif) top left no-repeat;}
#right_column p {margin:1em; font-size:small;}
#right_column ul {text-align:right; list-style:none; margin:1em; }
#right_column ul li {padding:.25em 0; border-bottom:#fff 1px solid;background:#FFCC99;}
#right_column ul li:hover {background:#fff;}
#main ol {text-align:left; font-size:small; margin:1em 4em; }
#main ol li {padding:.15em}
#main ul {text-align:left;}
#right_column a {color:#609; text-decoration:none; margin:.5em;}
#right_column a:hover {color:#906;}
#right_column .first {margin:130px 0 0 0;}

#footer {width:100%; clear:both; font-size:small; padding-bottom:20px; color:#666; font-style:italic;}
#footer p {margin:2em 0;}

.marginright {float:right; margin:5px 10px;}
.marginleft {float:left; margin:5px 10px;}
.hr {border-bottom:#000 1px solid;}
.lemon {background:#ffc;}
.text-grey {color:#555;}
.submit-btn {background: #99CC66; text-align:center;}
.white-underline {border-bottom:#fff 1px solid;}

div.portfolioItem {width:32%; float:left; margin:0; padding:0; text-align:center;}
img.portfolioItem {margin:10px;}
#main p.portfolioItem {font-size:small; text-align:center; margin:2px; line-height:1em;}
#main a.portfolioItem {color:#609;}
div.portfolioItem_clear {width:32%; float:left; margin:0; padding:0; text-align:center; clear:left;}


/* if you want something to go under the portfolio items, use this*/
#underPort {clear:both;}

table {margin:0 auto; width:85%; background:#efefef; border:1px #fff dashed;}