/* 
	author:   karl geluykens
	(c):      free to use and modify
*/

*{ margin: 0; padding: 0; }* 

body { font: .74em Verdana, Arial, Tahoma, sans-serif; line-height: 1.6em;background: #666 url(style/bg.jpg) repeat-x; color: #444; }

a {	color: #990000;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
p { margin: 0 0 15px 0; }

#container { background-color: #E8E8E8; width: 800px; margin: 0 auto; }

#language { color: #E8E8E8; }
#language a { color: #E8E8E8; background: inherit; text-decoration: none; }
#language a:hover { color: #3B3B3B; background: inherit; }

#menu { float: right; padding: 30px 0 0 0; margin: 20px 0 18px 0; background: #666; }
#menu li { font-size: 1.1em; display: inline; }
#menu li a { padding: 30px 15px 0px 0; margin: 0 0 0 30px; color: #E8E8E8; background: #666 url(style/tab.gif) no-repeat right bottom;  }
#menu li a:hover { background: #666 url(style/tabhover.gif) no-repeat right bottom; color: #FEFFB8; }

#header { clear: both; background: #666 url(style/header.jpg) no-repeat; height: 255px; text-align: right; }

#menu2 a { color: #fff; background: #8BE1FA; padding: 4px 20px 6px;}
#menu2 a:hover { color: #fff; background: #8BE1FA url(style/menu2_hover.gif) no-repeat; }

#picture { clear: left; float: left; width: 300px; margin: 10px; }

#content { background color: #FEFFB8; margin: 50px 15px 15px 0; border-bottom: 2px solid #3B3B3B; border-left: 2px solid #3B3B3B; padding: 0 15px 0 35px; float: right; width: 400px; text-align: justify; }

#contact { background-color: #FEFFB8; margin: 300px 15px 15px 0; border-bottom: 2px solid #3B3B3B; border-left: 2px solid #3B3B3B; padding: 0 15px 0 35px; float: right; width: 250px; text-align: justify; }

#footer { clear: both; height: 20px; color: #FEFFB8; text-align: right; background-color: #666; }

#atwork { clear: both; margin-top: 10px; min-height: 412px; }

#atwork2 { background-color: #FEFFB8; position:absolute; margin: 50px; border-bottom: 2px solid #3B3B3B; border-left: 2px solid #3B3B3B; padding: 0 15px 0 35px; float: left; text-align: justify; }

#projects { background-color: #FEFFB8; margin: 30px 15px 15px 0; border-bottom: 2px solid #3B3B3B; border-left: 2px solid #3B3B3B; padding: 0 15px 0 35px; float: right; width: 200px; text-align: justify; }

#projects li { margin: 30px 0 20px 50px; font-size:18px; font-weight:bold}

#pictureplayer { float: left; background-color: #000; border: 0; padding: 0; width: 500px; margin: 10px; }

/*
    Simplest photograph gallery
	author:   stu nicholls (www.cssplay.co.uk)
*/
#gallery {width:800px;}
#gallery ul {list-style:none; padding:0; margin:0; width:190px; position:relative; float:right;}
#gallery ul li {display:inline; width:92px; height:62px; float:left; margin:0 0 2px 2px;}
#gallery ul li a {display:block; width:90px; height:60px; text-decoration:none; border:1px solid #3B3B3B;}
#gallery ul li a img {display:block; width:90px; height:60px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#3B3B3B; background-color: #505050;}
#gallery ul li a:hover img {position:absolute; right:190px; top:0; width:auto; height:auto; border:1px solid #3B3B3B;}