/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 	font-family: Verdana, Tahoma, Helvetica, Arial;
 	font-size: 10px;
}

p {
 	font-family: Verdana, Tahoma, Helvetica, Arial;
 	font-size: 10px;
 	margin-bottom: 10px;
}

ul {
	margin-bottom: 10px;
}

ul li {
	margin-left: 15px;
}

h1 {
	margin: 10px 0 0 0;
	font-size: 18px;
}

h2 {
	margin: 10px 0 0 0;
	font: bold 13px/1.5em Arial;
}

h3 {
	font: 10px/1.5em Verdana;
	margin: 10px 0 0 0;
	}

h4 {
	font: 10px/1.5em Verdana;
	margin: -10px 0 -10px 10px;
	}

#wrapper { 
 margin: 0 auto;
 width: 100%;
 min-height 100%;
 }
#header {
 color: #B5B7B4;
 height: 150px;
 left: 15%;
 background: #333333;
}
#leftcolumn { 
 color: #333333;
 background: #333333;
 width: 15%;
 float: left;
}
#content { 
 left: 15%;
 color: #333;
}
#rightcolumn { 
 color: #333333;
 background: #333333;
 width: 15%;
 float: right;
}
#footer { 
 clear: both;
 color: #B5B7B4;
 background: #333333;
 height: 50px;
}
a#sitemap {
	color:#B5B7B4;
	font-size: 11px;
	text-decoration: none;
	margin-bottom: 5px;
}
a#sitemap:hover {
	text-decoration: underline;
}

.box {position: relative; width: 900px; background: #Fff; color: #000;}

/* Positie divs */
#lb, #rb, #lo, #ro {position: absolute; width: 20px; height: 20px; background: #333333; color: #fff; overflow: hidden;}
#lb {top: 0px; left: 0px;}
#rb {top: 0px; left: 880px;}

/* Bullet divs */
#lb-bullet, #rb-bullet, #lo-bullet, #ro-bullet {position: absolute; font-size: 150px; font-family: arial; color: #fff; line-height: 40px;}
#lb-bullet {left: -8px;}
#rb-bullet {left:-25px;}