@charset "utf-8";
/* CSS Document for Velthoven */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}
	
body {font: 70% Verdana, Arial, Helvetica, sans-serif; color: #4F341D; background: #E6E1D7 url(images/body-bkg.jpg) repeat-x top;}

.bold {font-weight: bold;}
.italic {font-style: italic;}
p {margin-bottom: 15px}
h2 {font: 24px Arial, Helvetica, sans-serif; color: #614F23; border-bottom: 1px solid #78612B; margin-bottom: 20px; padding-bottom: 15px;}
h3 {font: bold 14px Arial, Helvetica, sans-serif; color: #333; padding-bottom: 5px; border-bottom: 1px solid #3C3; margin-bottom: 5px;}
h3.clear {clear: right; margin-top: 30px;}

.sentence {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #4F341D; margin: 5px 0px; text-align: center;}
.wrapper {width: 994px; margin: auto auto; background: #FFF;}
.logo {float: left; border: none; width: 305px;}
.search {float: right; width: 689px; background: #FFF; height: 93px;}
.search form {float: right; width: 290px; padding: 35px 15px 15px 15px;}
.search form input, input, textarea {border: 1px solid #78612B; background: #E2D3AF; padding: 3px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #78612B; width: 160px;}
.search form .submit {background: #78612B; color: #FFF; padding: 2px 10px; margin-left: 5px; font: 10px Verdana, Arial, Helvetica, sans-serif; width: 100px;}

.nav {border-bottom: 1px solid #78612B;}
.nav ul li { list-style-type: none; list-style-position: outside; display: inline; position: relative; z-index: 300; }
.nav ul li a:link, .nav ul li a:visited {background: #523C1E url(images/nav-bkg.jpg) repeat-x top; font-weight: bold; color: #FFF; width: 145px; text-align: center; text-decoration: none; padding-top: 5px; padding-bottom: 6px;border-right: 1px solid #5F4C22; border-left: 1px solid #462D1A; float: left; }
.nav ul li a#home:link, .nav ul li a#home:visited {width: 74px;}
.nav ul li a#faqs:link, .nav ul li a#faqs:visited {width: 74px;}
.nav ul li a#about:link, .nav ul li a#about:visited {width: 92px;}
.nav ul li a#case:link, .nav ul li a#case:visited, .nav ul li a#process:link, .nav ul li a#process:visited, .nav ul li a#applications:link, .nav ul li a#applications:visited {width: 115px;}
.nav ul li a#last:link, .nav ul li a#last:visited {border-right: 1px solid #462D1A; width: 101px;}
.nav ul li a:hover {background: #462D1A;}
.nav li ul {position: absolute; left: 0px; top: 24px; display: none; width: 123px;}
.nav li:hover ul, .nav li.over ul {display: block;}
.nav ul li ul a:link, .nav ul li ul a:visited {text-decoration: none; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #312711; padding: 3px 0px; display: block; background: #A89976; text-align: center; border-bottom: 1px solid #78612B; border-left: 1px solid #78612B; border-right: 1px solid #78612B; width: 145px; z-index: 300;}
.nav ul li ul a:hover {background-color: #462D1A; color: #FFF;}

/* Fix IE. Hide from IE Mac \*/
* .nav ul li {float: left;}
* .nav ul li a {height: 1%;}
/* End */

.header {background-color: #78612B; border-top: 1px solid #78612B; border-bottom: 1px solid #78612B; margin-top: -1px;}

.content {background: #FFF; padding: 30px 30px 15px 30px;}
.content .righttext {margin-left: 330px;}
.content ul li {list-style-type: square; list-style-position: outside; margin-left: 25px; margin-bottom: 7px;}

.content .subnav {float: left; width: 170px;}
.content .subnav ul {border-top: 1px solid #78612B; border-left: 1px solid #78612B; border-right: 1px solid #78612B; margin-bottom: 15px;}
.content .subnav ul li {list-style-type: none; display: block; margin: 0px;}
.content .subnav ul li a:link, .content .subnav ul li a:visited {text-decoration: none; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #312711; padding: 5px; display: block; background: #A89976; border-bottom: 1px solid #78612B; width: 158px;}
.content .subnav ul li a:hover {background-color: #462D1A; color: #FFF;}
.content .subnav ul li.active {background: #462D1A url(images/active-bkg.gif) no-repeat right; color: #FFF; padding: 5px; display: block; width: 158px;}
.content .contentright {margin-left: 200px;} 
.content a:link, .content a:visited {color: #4F341D;} 
.content .contentright p.highlight {border: 1px solid #78612B; background: #E2D3AF; padding: 5px; font: 14px Arial, Helvetica, sans-serif;}
.content .contentright .highlightclear {clear: both; margin-top: 15px; padding-top: 15px;}
.content .contentright .photo {border: 1px solid #78612B; background: #E2D3AF url(images/photo-bkg.jpg) repeat-x bottom; float: left; width: 240px; margin-right: 4px; margin-bottom: 4px; height: 205px;}
.content .contentright .rmphoto {border: 1px solid #78612B; background: #E2D3AF url(images/photo-bkg.jpg) repeat-x bottom; float: left; width: 178px; margin-right: 4px; margin-bottom: 4px; height: 150px; text-align: center; font-weight: bold;}
.content .contentright .rmphotolast {border: 1px solid #78612B; background: #E2D3AF url(images/photo-bkg.jpg) repeat-x bottom; float: left; width: 178px; margin-right: 0px; margin-bottom: 4px; height: 150px; text-align: center; font-weight: bold;}
.content .contentright .photoright#slim {width: 130px; height: 205px;}
.content .contentright .photoright#long {height: 325px;}
.content .contentright .photoright {border: 1px solid #78612B; background: #E2D3AF url(images/photo-bkg.jpg) repeat-x bottom; float: right; width: 240px; margin-left: 15px; margin-bottom: 4px; height: 195px;}
.content .contentright .photo img, .content .contentright .photoright img, .content .contentright .rmphoto img, .content .contentright .rmphotolast img, .content .contentright .photolast img {border-bottom: 1px solid #78612B; text-align: center;}
.content .contentright .photolast {border: 1px solid #78612B; background: #E2D3AF url(images/photo-bkg.jpg) repeat-x bottom; float: left; width: 240px; margin-right: 0px; margin-bottom: 4px; height: 205px;}
.content .contentright .photo p, .content .contentright .photoright p, .content .contentright .rmphoto p, .content .contentright .rmphotolast p, .content .contentright .photolast p {padding: 5px; font: 10px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 0px;}
.content img.floatright {float: right; margin-left: 15px; margin-bottom: 15px;}
.content .contentright form.enquiry table {background: #F2EBDB; padding: 5px; border: 1px solid #E7DABC;}
.content .contentright p.question {background: url(images/photo-bkg.jpg) repeat-x bottom; padding: 5px; border-bottom: 1px solid #E2D3AF; margin-bottom: 0px;}
.content .contentright p.answer {background: #E2D3AF; padding: 5px; margin-bottom: 15px;}

.footer {clear: both; background: #614F23 url(images/footer-bkg.jpg) no-repeat; height: 95px; color: #FFF;}
.footer p.left {float: left; width: 450px; position: relative; top: 75px; left: 10px; font: 10px Verdana, Arial, Helvetica, sans-serif;}
.footer p.right {float: right; width: 200px; text-align: right; position: relative; top: 75px; right: 10px; font: 10px Verdana, Arial, Helvetica, sans-serif;}
.footer p.right a:link, .footer p.right a:visited {color: #FFF;}
.footer p.right a:hover {text-decoration: none;}

img.right {float: right; padding-right: 180px;}