@charset "utf-8";
/* CSS Document */
body {background-color:#000000; margin:0px; font-size:1em;}
div#maincentre {width:900px; margin:0 auto;}
div#logobox {}
div#logobox img {display:block;}

div#navigationbox {width:900px; height:86px; background: url(images/template/navigation_bg.gif) no-repeat;}
div#navigationbox ul {margin:0px; padding:0px;}
div#navigationbox ul#login li{float:right; padding-right:60px;}
div#navigationbox li {padding:0px 15px; float:left; list-style:none;}
div#navigationbox li.firstitem  {padding-left:60px;}
div#contentbox {padding:0px 50px 10px; background: url(images/template/content_bg.gif) repeat-y;}
div#contentbox h1 {margin-top:0px;}
div#contentbox h1 { color: #cbc7bf; font:bold 20px Arial, Helvetica, Verdana, sans-serif;}
div#contentbox h2 { color: #497a91; font:bold 16px Arial, Helvetica, Verdana, sans-serif; margin-bottom:0px;}
div#contentbox h3 { color: #233540; font:bold 14px Arial, Helvetica, Verdana, sans-serif;}
div#contentbox p { color: #233540; font:normal 0.75em Verdana, Arial, Helvetica, sans-serif;}

div#leftcontent {float:left; width:200px;}
div#leftcontent ul {margin:0px; padding:0px;}
div#leftcontent li {list-style:none; padding-bottom:2px;}
div#leftcontent li a {font: 14px Verdana, Arial, Helvetica, sans-serif; color:#b8c7ce; text-decoration:none;}
div#leftcontent li a:hover { color: #557e91; text-decoration:underline;}

div#content {margin-left:200px;}


/* Portfolio thumbnails.  */
div#portfoliothumbs p.recentwork {float:left; border:#f7f2e9 solid 2px; margin:0px;}


div#contentbox p#recentwork {margin-top:0px;}
div#contentbox div.recentwork {float:left;}
div#contentbox div.recentwork h2 {margin-bottom:0px;}
div#contentbox div.recentwork p {margin-top:0px; border:#f7f2e9 solid 2px;}
/* filter is required by IE - maybe move to IE only hack file.  */
div#contentbox a:hover img {opacity:0.6; filter: alpha(opacity = 60);}

div#contentbox P.photography { text-align:center;}






div#contentcapbox {width:900px; height:40px; background: url(images/template/contentbottom_bg.gif) bottom no-repeat;}
#footerbox {padding:25px; font: 12px Verdana, Arial, Helvetica, sans-serif; color:#f7f2e9;}
#footerbox ul {margin:0px; padding:0px;}
#footerbox li {float:left; list-style:none;}
#footerbox li a {color:#f7f2e9; text-decoration:none;}
#footerbox li a:hover {text-decoration:underline;}
#footerbox ul li { background: url(images/template/menu-line-v.gif) left center no-repeat; padding:5px 10px 5px 14px;}
#footerbox ul li.firstitem {background:none; padding:5px 10px 5px 5px;}


ul#employmenthistory {margin:0px; padding:0px;}
ul#employmenthistory li {list-style:none;}

ul#employmenthistory p.date {display:inline; margin:0px 25px 0px 0px;font-weight:bold;}
ul#employmenthistory p.company {font-weight:bold; display:inline;}
ul#employmenthistory p.description {padding:5px 0 25px; margin:0px;}
ul#employmenthistory span.position { font-style:italic;}

ul#employmenthistory ul.subhistory li p.date {font-weight:normal;}
ul#employmenthistory ul.subhistory {border-left:#cbc7bf solid 1px; margin:15px 25px 15px 25px; padding-left:25px;}

ul#skills {margin:0px; padding:0px;}
ul#skills li {list-style:none;}

div.pdfdownload {text-align:center; float:left; width:200px; margin:25px 0px;}
div.pdfdownload p {padding:2px 10px; margin:0px;}

/* Contact.php form Styles  */
form#contact {border-top: #e0dcd4 solid 1px; border-bottom: #e0dcd4 solid 1px; background-color:#ffffff; font: 12px Verdana, Arial, Helvetica, sans-serif; width:600px;}
form#contact p {margin-left:115px;}
form#contact fieldset {border:none; margin:25px; padding:0px;}
form#contact legend {padding:0px 0px 10px; margin:0px; color: #233540; font:bold 14px Arial, Helvetica, Verdana, sans-serif;}
ol#contactform {margin:0px; padding:0px;}
ol#contactform li {list-style:none; padding-bottom:5px;}
ol#contactform label {position: relative; float: left; width: 100px; margin-right: 15px;}
ol#contactform label strong {position: absolute; left: 390px; top: 0.5em; width: 160px; color: #C00; font-size: 11px; font-weight: normal; text-transform: uppercase;}
ol#contactform label strong img {position: absolute; left: -290px;} 
ol#contactform input.textbox {width:257px;}

/* Contact.php sent form results */
div#messagesummary { border: #e0dcd4 solid 1px; background-color:#b8c7ce; width:400px;}
div#messagesummary h3 {margin:25px 25px 10px; padding:0px;}
div#messagesummary p.senderdetails{margin:0px 25px 0px; padding:10px 0px; border-bottom: #e0dcd4 dashed 1px; border-top: #e0dcd4 dashed 1px; }
div#messagesummary p.sendercontent{margin:10px 25px 25px; padding:0px;}


img { border:none;}

/* UNIVERSAL CLEAR: used to clear floated items */
.clearitem:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearitem {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearitem {height: 1%;}
.clearitem {display: block;}
/* End hide from IE-mac */