/*WebStartups.nl
Style.css
Copyright 2009 GFDD Group
www.gfddgroup.com*/


html{
background:#000;
}
body{
background:#000;
color:white;
font-size:12px;
margin:0;
padding:0;
}
body,textarea,input,select{
font-family:"Segoe UI",Calibri,Lucida Sans,sans-serif;
}
#container{
width:1003px;
/*margin:0 auto;*/
}
a{
color:#66584d;
}
a img{
border:0;
}

/*generic*/
form,ul,li{
margin:0;
padding:0;
}
ul,li{
margin:0;
padding:0;
list-style-type:none;
}
ul{
margin:15px 0;
}
ul li{
margin:4px;
padding:0 0 0 15px;
background:url(/images/bullet_orange.gif) no-repeat 0 0;
}



#left{
width:299px;
float:left;
}
#container-in{
width:1003px;
margin:0 auto;
}
#right{
width:684px;
float:right;
padding:20px 10px 20px 10px;
}
#content{
padding-left:72px;
}

h1#sitelogo{
background:url(../images/logo.png) no-repeat 0 0;
width:251px;
height:41px;
margin:20px 0 30px 10px;
text-indent:-9999px;
}
h1#slogan{
background:url(../images/home_h1.png) no-repeat 0 0;
width:390px;
height:32px;
margin:55px 0 0 0;
text-indent:-9999px;
}
#slogantext{
margin:55px 0 15px 0;
font-size:14px;
width:400px;
}
#slogantext p{
margin:0.5em 0;
}

ul.numbers{
margin:0 0 0 0;
list-style-type:none;
padding:0;
clear:both;
}
ul.numbers li{
float:left;
background:transparent;
color:#66584d;
width:250px;
padding:0;
margin:0;
font-size:18px;
text-decoration:none;
text-transform:lowercase;
letter-spacing:-1px;
}

ul.numbers li.step a{
color:#66584d;
padding:10px 15px 10px 46px;
display:block;
background:url(../images/1.png) no-repeat 0 10px;
}
ul.numbers li a:hover{
color:white;
}
ul.numbers li.current a{
color:yellow;
text-decoration:none;
}
ul.numbers li.step2 a{
background-image:url(../images/2.png);
}
ul.numbers li.step3 a{
background-image:url(../images/3.png);
}
ul.numbers li.step4 a{
background-image:url(../images/4.png);
}
ul.steps{
list-style-type:none;
margin:0;
padding:0;
clear:both;
}
ul.steps li.step {
clear:both;
padding:0 0 6px;
margin:0;
background:transparent;
width:200px;
display:none;
}
ul,ul.steps ul{
list-style-type:none;
padding:4px 0 4px 15px;
margin:0;
}
ul li,ul.steps li li{
background:url(../images/bullet.gif) no-repeat 5px 5px;
padding:0 0 2px 15px;
margin:0;
float:none;
}
ul.steps li.step1,ul.steps li.step3{

}
ul.steps li.step2,ul.steps li.step4{
margin-left:250px;
}


#contactbox{
background:#13100e;
-moz-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
padding:10px;
width:538px;
margin:17px 0 0 0;
border:1px solid #4f3800;
}
h3{
color:white;
font-size:16px;
margin:0 0 4px 0;
padding:0;
}
#contactform{
color:#66584d;
}
#contactform input,#contactform textarea{
vertical-align:middle;
margin-bottom:5px;
border:0;
background-color:#332c26;
color:white;
}
#contactbox h3{
margin-bottom:-8px;
}
#contactform textarea{
vertical-align:top;
width:360px;
margin-bottom:5px;
}
#contactform .submit{
width:110px;
height:72px;
float:right;
margin:-75px 0 0 0;
background:black;
color:#ffff00;
font-weight:bold;
cursor:pointer;
text-decoration:underline;
border:1px solid #332c26;
-moz-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
}
#contactform .submit:hover{
color:white;
border-color:#ffff00;
}
#contactform .ok{
color:white;
font-size:16px;
}
label.error{
color:yellow;
display:block;
text-align:left;
padding:0 0 5px 50px;
background:#13100e;
}

#gfdd{
color:#66584d;
margin:20px 0 0 0;
}
#gfdd strong{
color:white;
}
#gfdd img{
float:left;
margin:0px 16px 0 0;
}

#offices{

}
#offices ul{
list-style-type:none;
padding:10px 0 20px 0;
margin:0;
}
#offices ul li{
background:transparent;
padding:0;
margin:0;
float:left;
width:200px;
color:#372f29;
}
#offices ul li h5{
margin:0;
padding:0 0 4px 0;
font-weight:bold;
font-size:11px;
color:#d5d1ce;
}
#offices ul li p{
margin:0;
}

/*FIX FOR CSS FLOATS*/
.clearfix:after,li:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix,li {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix,li {display:block;}
/* End hide from IE Mac */