/* Stylesheet "Von Hebel Tombeur" :: v1 (07-11-2007) */
/* Coded by "WeCode.nl"  */
/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2007 "Von Hebel Tombeur" and may not be used by anyone but us. */ 

/*
	Style Index
	---------------------
	
	$1 - Site Structure Styles
		$1.1 - General Styles
		$1.2 - Main Layout Styles
		
	$2 - Content Styles
		$2.1 - General Content Styles
		$2.2 - Heading Styles
		$2.3 - Paragraph Styles
		$2.4 - Link Styles
		
	$3 - List Styles
		$3.1 - General Lists
		$3.2 - Main Navigation
		
	$4 - Image Styles
		$4.1 - General Image Styles
		
*/ 










/*** $1 - Site Structure Styles ***/

		/* 1.1 - General Styles */
		
			* {
				margin:0;
				padding:0;
			}
						
		/************************/
		
		/* 1.2 - Main Layout Styles */
	
			body {
				background:url(../images/bg_body.gif) repeat-x #808080;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:18px;
				margin:0;
			}
		   
			#container { 
				margin:0 auto;
				position:relative;
				width: 945px; 
			}
			
			#header {	
			    background: url(../images/gray.gif) right repeat-y;
			    height:465px;
			    margin:0;
			    padding:0;
			}
		   	
			#big_image { 
				height:465px;
				margin-left: 100px;
				width: 700px; 
			}
				     			
			#content {
				background: url(../images/gray3.gif) right repeat-y #fff;
				margin:0 0 0 100px;
				min-height:380px;
				padding:20px 380px 20px 30px;
				position:relative;
			}
			
			*html #content {
				height:380px;
			}
            
			#gallery { 
				left: 530px; 
				margin-left: 40px;
				position: absolute;
				top: 435px;
				width: 158px;
			}
			
			#footer {              
				background-image:url(../images/gray3.gif);
				height:30px; 
				margin: 0 0 0 100px;
				padding:0 0 0 30px;
				width: 815px;
			}        
		  
		/************************/

		/* 1.3 - Shared Styles */

			#container .left {
				float:left;
			}

			#container .right {
				float:right;
			}

			#container .nopadding {
				padding: 0 0 0 0;
			}

			#container .nomargin {
				margin: 0 0 0 0;
			}

			#container .noborder {
				border: 0;
			}

			#container .nobackground {
				background:none;
			}			

			#container .block {
				display:block;
			}

			#container .clear {
				clear:both;
				height:0;
			}

			#container .center {
				text-align:center;
			}
			
		/************************/










/*** $2 - Content Styles ***/

		/* 2.1 - General Content Styles */
		
			a:link, a:visited{
			}
			
			a:hover, a:active{
			}
			
		/************************/
	
		/* 2.2 - Heading Styles */

			h1, h2 {
			   line-height: 13px;
			   color: #000;
			   font-size: 12px;
			}		
			
		/************************/
	
		/* 2.3 - Paragraph Styles */		
			
			p {
		       margin:0 0 18px 0;
			   line-height: 13px;
			}  
			
			#footer p { 
			    color:#6C6C6C;
				text-transform:uppercase; 
			}
			
		/************************/
	
		/* 2.4 - Link Styles */		
			
			#footer a {
			    color:#6C6C6C;
			    text-decoration:none;
		    }
			
		/************************/










/*** $3 - List Styles ***/

		/* 3.1 - General Lists */
		
			ul li {
				list-style:none;
			}	
  	
       /************************/
	
		/* 3.2 - Main Navigation */

            #header ul {
                  list-style: none;
                  margin: 0px;
                  position: absolute;
                  padding: 0px;
                  top: 0px;     
                  width: 80px;
            }
          
            #header li {
                  padding-bottom:2px;
            }
            
            #header li a {
                  background-color: #565656;
                  border-right:35px solid #050505;
                  color: #fff;
                  display: block;
                  padding-left: 20px;
                  text-decoration: none;
                  width: 100%;
            }
                  
            #header li.project  a {
                  background-color: #959595;
                  border-right:35px solid #656565;
            }
                     
            #header li.current a, #header ul a:hover {
                  background-color: #969696;
                  border-right:35px solid #5a0676;
            }   
			
		/************************/










/*** $4 - Image Styles ***/

		/* 4.1 - General Image Styles */
		    
			.logo {
			    left: 820px; 
			    position: absolute; 
			    top: 10px;
			}
			
			img {
				border: none;
			}
			
			#gallery a img {
                border:1px solid #FFFFFF;
				border-bottom:0;
                display:block;
                overflow: hidden; 
                position: relative;
            }