/*
STYLE SHEET FOR WWW.E-LABA.BE
Created by Yannick Lepère
www.e-laba.be

Table of Contents 
1. site defaults
2. site structure
3. links and navigation
4. fonts
5. images

Notes

*/

/* --------- 1. defaults  --------- */

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

body {

      background-image:url(images/bckgr.gif);
	  background-repeat:repeat-x;
       
     }
		
/*  --------- 2. structure  --------- */

#wrapper {
		width:820px;
		}

#navcontainer {
		margin:0  auto;
		padding:0;
	
			}
	
#banner {
		background-image:url(images/banner1.gif);
		height:229px;

		}
		
#body  {
		background-image:url(images/body_bckgr.gif);
		background-repeat:repeat-y;
		}
		
#body_footer {
		background-image:url(images/body_footer.gif);
		background-repeat:no-repeat;
		height:18px;
		}
		
#body_home  {
		background-image:url(images/banner2.gif);
		height:270px;
		}

#body_home_white  {
		background-image:url(images/body_white_big.gif);
		height:252px;
		}

#body_home_white_bckgr  {
		background-image:url(images/Body_bckgr_white.gif);
		background-repeat:repeat-y;
		}

#body_footer_white {
		background-image:url(images/body_footer_white.gif);
		background-repeat:no-repeat;
		height:18px;
		}

#content_banner {
		background-image:url(images/banner_home.gif);
		background-position:center;
		background-repeat:no-repeat;
		}

#content_contact_txt {
		float: right;
		width:270px;
		padding-right:30px;
		padding-top: 10px;
		font-size: 100%;
		font-family: verdana;
		}

#content_contact_pic {
		float: left;
		width:300px;
		padding-left:50px;

		}
#conent_contact_form {
		float: left;
		width:450px;
		padding-left:30px;
		padding-right:30px;
		padding-top: 10px;
		font-size: 100%;
		font-family: verdana;
		}



#footer {
		}

	/* float-clearing rules */
.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}		
		
/* ---------- 3. links and navigation ---------- */


a {

		}
		
ul#nav { 
		padding:0; 
		list-style:none; 
		width:820px; 
		height:102px;
		}
		
ul#nav li 
		{ 
		float:left; 
		} 
		
ul#nav li a.home { 
		float:left; 
		display:block; 
		width:235px;
		height:102px; 
		background:url(images/nav01.gif) no-repeat 0 0; 
		text-indent: -9999px; 
		} 
		
ul#nav li a.home:hover {
		float:left; 
		background:url(images/nav01.gif) no-repeat 0 -102px; 
		}
		
ul#nav li a.webdesign { 
		float:left; 
		display:block;
		height:102px; 
		width:113px; 
		background:url(images/nav02.gif) no-repeat 0 0; 
		text-indent: -9999px; 
		} 
		
ul#nav li a.webdesign:hover {
		float:left; 
		background:url(images/nav02.gif) no-repeat 0 -102px; 
		}
		
ul#nav li a.e-marketing { 
		float:left; 
		display:block;
		height:102px; 
		width:120px; 
		background:url(images/nav03.gif) no-repeat 0 0; 
		text-indent: -9999px; 
		} 
		
ul#nav li a.e-marketing:hover {
		float:left; 
		background:url(images/nav03.gif) no-repeat 0 -102px; 
		}

ul#nav li a.huisstijl { 
		float:left; 
		display:block;
		height:102px; 
		width:120px; 
		background:url(images/nav04.gif) no-repeat 0 0; 
		text-indent: -9999px; 
		} 
		
ul#nav li a.huisstijl:hover {
		float:left; 
		background:url(images/nav04.gif) no-repeat 0 -102px; 
		}

ul#nav li a.drukwerk { 
		float:left; 
		display:block;
		height:102px; 
		width:109px; 
		background:url(images/nav_05.gif) no-repeat 0 0; 
		text-indent: -9999px; 
		} 
		
ul#nav li a.drukwerk:hover {
		float:left; 
		background:url(images/nav_05.gif) no-repeat 0 -102px; 
		}

ul#nav li a.contact { 
		float:left; 
		display:block;
		height:102px; 
		width:123px; 
		background:url(images/nav_06.gif) no-repeat 0 0; 
		text-indent: -9999px; 
		} 
		
ul#nav li a.contact:hover {
		float:left; 
		background:url(images/nav_06.gif) no-repeat 0 -102px; 
		}

#navigation {
		}

#navigation a {
		}

#navigation ul {
		}

#navigation li {
		}

a img {
		border: 0;
		
		}
		
/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-family: verdana;
		}

h1, h2, h3, h4, p, ul {
		font-family: verdana;
		}

h1 {
		font-size: 20px;
		font-weight:bold;
		font-family: verdana;
		color:#2662A3;
		
		}

h2 {
		font-size: 20px;
		font-weight: normal;
		font-family: verdana;
		color:#2662A3;
		}

h3 {
		font-size: 20px;
		font-weight: normal;
		font-family: verdana;
		color:#000000;
		}
		
h4 {
		}

p {
		font-size: 12px;
		font-weight: normal;
		font-family: verdana;
		color: #666666;
		}

.p_bold {
		font-size: 12px;
		font-weight: bold;
		font-family: verdana;
		color: #666666;
		}
		
.p_small  {
		font-size: 10px;
		font-weight: normal;
		font-family: verdana;
		color: #666666;
		}

ul {
		}

/* ---------- 5. images ---------- */

a img {
		border: 0;
		}