html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px;font-weight:normal;}
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/***
####
##     Font & text
####
***/

body{
font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
font-size:100%;
font-weight:normal;
text-decoration:none;
line-height:1.5;
}

p{
text-align:justify;
}

h1{
font-size:20pt;
}

h2{
font-size:16pt;
}

h3{
font-size:14pt;
}

a{
text-decoration:none;
}

#main_navigation{
font-size:24px;
text-align:left;
}

#form_contact{
font-size:80%;
}

#form_contact input, #form_contact textarea{
font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
}

#s{
font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
}

#form_contact textarea{
font-size:100%;
}

#form_contact label{
text-align: right;
}

#my_contact{
font-size:90%;
text-align: left;
}

#footer{
text-align:center;
font-size:80%;
}

.explanation{
font-size:90%;
}

.req{
font-size:6pt;
vertical-align:top;
}

/***
####
##     Color & background
####
***/

body{
background:#161D32;
color:#8D95AA;
}

h1, h2, h3{
color:#44537F;
}

a{
color:#f7e98c;
}

a:hover{
color:#FFFFFF;
}

#top_right{
background:url(/img/header.jpg) no-repeat right top;
}

#form_contact input, #form_contact textarea{
background:transparent;
color: #f7e98c;
}

#s{
background:transparent;
color: #f7e98c;
}

#searchbutton{
background:url(/img/search.gif);
}

#form_contact input:focus, #form_contact textarea:focus{
background:#0e1835;
}

#s:focus{
background:#0e1835;
}

#form_contact_message{
color: #f7e98c;
}

#my_contact{
background:#1f2946;
}

#my_contact dd{
color: #f7e98c;
}

.home{
background: url(/img/home.gif) no-repeat left top;
}

.blog{
background: url(/img/blog.gif) no-repeat left top;
}

.dev{
background: url(/img/dev.gif) no-repeat left top;
}

.explanation{
background:#1f2946;
}

.req{
color:#f00;
}

/***
####
##     Box
####
***/

li{
margin:0;
padding:0;
}

acronym{
border-bottom:1px dotted #6c7388;
}

blockquote{
border-left: 1px solid #f7e98c;
margin: 0 20px 20px 20px;
padding-left: 20px;
display: block;
}

#page{
margin: 10px auto;
}

#top{
height:150px;
}

#top_left{
height:150px;
margin: 40px 0 0 0;
}

#top_right{
height:150px;
}

#top_left ul{
margin: 0 0 0 10px;
}

#top_left ul li{
margin:0 0 10px 0;
}

#s{
width:190px;
margin: 0 0 10px 0;
padding: 2px;
border: 1px solid #6c7388;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#searchbutton{
border:none;
height:35px;
width:44px;
cursor:pointer;
vertical-align:bottom;
}

#main_navigation{
margin: 0 0 40px 0;
}

#main_navigation ul{
margin:0;
padding:0;
}

#main_navigation li{
margin:0;
padding:10px;
}

#form_contact{
width:600px;
padding:20px 0;
}

#form_contact input, #form_contact textarea{
margin: 0 10px 10px 0;
padding: 2px;
border: 1px solid #6c7388;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#form_contact input[type=text]{
width: 260px;
}

#form_contact textarea{
width:300px;
}

#form_contact label{
width: 150px;
margin: -5px 0 5px 0;
padding-right: 20px;
}

#my_contact{
margin: 0 50px 20px 50px;
padding: 5px;
border: 1px solid #6c7388;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#my_contact dd{
margin: 0 0 0 30px;
}

#footer{
margin:10px 10px;
padding:10px 0;
border-top:1px solid #6C7388;
}

.home, .blog, .dev{
padding:0 0 0 60px;
}

.explanation{
width:100px;
margin-left:480px;
_margin-left:0px; /*IE Hack :( */
padding:2px;
border: 1px solid #6c7388;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.no-bottom-margin{
margin-bottom:0px;
}

/***
####
##     Position
####
***/

#main_navigation{
display:block;
}

#main_navigation a{
display:block;
}

#form_contact input, #form_contact textarea{
float:left;
}

#form_contact label{
display: block;
float: left;
}

.special{
display:none;
}

.explanation{
position:absolute;
display:none;
float:left;
}

/***
####
##     Misc
####
***/

#page{
overflow:hidden;
}

#form_contact input, #form_contact textarea{
overflow:auto;
}

#form_contact br{
clear:left;
}

/***
####
##     Rest
####
***/

#main_navigation ul{
list-style:none;
list-style-position:inside;
}

#top_left ul{
list-style:none;
list-style-position:inside;
}