/**
 * ######## Made By ########
 * ##    Project:    Larson Juhl
 * ##    File:       main.css 
 * ##    Date:       03-04-2009
 * ## ---------------------------------- ##
 * ## Main Stylesheet           
 * ## --------------------------------- ##
 * ########################
 * ########################
 * ##     Author:         Rik Lamme         
 * ##     In opdracht:  Larson Juhl                   
 * ##     Copyright:    SixSenses   
 * ##     Website:      www.sixsenses.nl                     
 * ################################      
 */
/* @group HTML ELEMENTS */
body {background:#58585a url('../images/bg.png') repeat-x top left;  text-align:center; font:12px arial; color:#fff; }
h1 {font-size:18px; height:40px; text-align:left; text-transform:uppercase; }
p, ul {font-size:14px; margin-bottom:20px; text-align:justify; }
a {color:#fff; text-decoration:none; }
a:hover {color:#d9d9d9; text-decoration:none; }
span.right {position:absolute; left:50px; }
li {list-style:disc; margin-left:25px; }
/* @end */ 

/* @group FRAMEWORK */
div#container {position:absolute; width:920px; left:50%; margin:20px auto auto -460px; padding-bottom:20px; }
div#container2 {position:absolute; width:890px; left:50%; margin:20px auto auto -430px; padding-bottom:20px; }
/* @end */

/* @group EXTENDED CLASSES */
div.logo {position:relative; width:100%; }
div.blok {position:relative; float:left; height:390px; padding:10px; margin:40px 0 0 0; border-bottom:2px solid white; border-top:2px solid white;}
div.blok img {margin:15px auto 15px auto; }
.a {width:250px;  border-left:2px solid white; }
.b {width:250px; border-left:1px solid white; border-right:1px solid white; }
.c {width:350px; border-right:2px solid white; }
.d {width:520px; border-left:2px solid white; border-right:1px solid white;}
.e, .f, .g {width:320px; border-right:2px solid white; }

div.blok.d {height:550px; }

div.blok.e {height:160px; }
div.blok.f {height:120px; margin:0; border-top:0; }
div.blok.g {height:60px; margin:0; border-top:0; }
/* @end */

/* @group BUTTON */
a.button {position:absolute; bottom:10px; left:10px; background:url('../images/but_middle.gif') repeat-x top left; height:15px; padding:12px 20px 12px 20px; display:block; text-decoration:none;  font-weight:bold; border:1px solid #3e3c3f; text-transform:uppercase;}
a.button:hover {background:url('../images/but_over.gif') repeat-x top left;  border:1px solid #2e2e2e; }
/* @end */

.imgBorder {background-image: url('../images/border.png') no-repeat; padding: 10px; background-color: #999; }

.a a.button {width:210px; }
.b a.button {width:210px; }
.c a.button {width:310px; }
.e a.button, .f a.button, .g a.button {width:280px; }