/*----------- General -----------*/

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;
line-height:22px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

body {
background-image:url(images/background.jpg);
background-repeat:repeat-x;
font-family: "Helvetica Neueu", Helvetica, Arial, Tahoma, Verdana, sans-serif; 
font-size: 14px; 
color: #fff;
}

a {
color:#fff;
text-decoration:none;
}

a:hover {
color:#fff;
text-decoration:underline;
}

/*----------- Content -----------*/

#contentwrapper {
margin:0 auto;
width:960px; 	
display:block;
padding-bottom:200px;
}

#content_left {
background-image:url(images/dvd.png);
background-repeat:no-repeat;
margin-top:45px;	
width:350px;
position:relative;
float:left;
display:block;
}

#content_right{
background-image:url(images/golf.png);
background-repeat:no-repeat;
width:606px;
float:left;
display:block;
margin-top:0px;
}

img#dvd {
padding-top:30px;
float:left;
display:block;
}

form#button {
margin:330px 0 0 150px;
}

/*
img#button {
margin:330px 0 0 150px;
}
*/

#soundplayer {
float:left;
margin:8px 0 0 13px;
}

#kopje4 {
color:#ecebe2;
font-size:16px;
padding:5px 0 0 13px;
}

a#sounds {
float:left;
margin:10px 0 0 30px;
}

#balklinks {
background-image:url(images/balklinks.png);
background-repeat:no-repeat;
width:270px;
height:66px;
float:left;
margin:15px 0 0 30px;
}

img#logo {
padding:90px 0 0 10px;
float:left;
display:block;
}

ul#portfolio {
width:572px;
height:110px;
float:left;
display:block;
padding:20px 0 0 20px;
}

h1#quotelarge {
font-family: "Helvetica Neueu", Helvetica, Verdana, sans-serif;
font-size:45px;
color:#439948;
}

h2#quotesmall {
font-family: "Helvetica Neueu", Helvetica, Verdana, sans-serif;
font-size:26px;
color:#ecebe2;
text-align:right;
padding:20px 25px 5px 0;
}

.text_bg {
background-image:url(images/text_bg.png);
background-repeat:no-repeat;
width:572px;
height:214px;
float:left;
display:block;
margin:25px 0 0 0px;
}

div#tracksblock {
background-image:url(images/tracksbg.png);
background-repeat:no-repeat;
width:572px;
float:left;
display:block;
margin:25px 0 0 0px;
}

div.trackstrook {
width:160px;
float:left;
display:block;
padding:10px 10px 10px 20px;
}

#player {
margin:20px 0 0 0px;
float:left;
}

#kopje3 {
margin:20px 0 0 20px;
}

.text {
width:530px;
margin:15px 0 0 20px;
}

#balken {
width:572px;
float:left;
padding-top:20px;
}

#balken2{
width:400px;
float:left;
padding-top:20px;
}

#balk1 {
background-image:url(images/balk1.png);
background-repeat:no-repeat;
width:221px;
height:40px;
float:left;
padding-bottom:20px;
}

#balk2 {
background-image:url(images/balk2.png);
background-repeat:no-repeat;
width:337px;
height:40px;
float:right;
padding-bottom:20px;
}

#balk3 {
background-image:url(images/balk3.png);
background-repeat:no-repeat;
width:165px;
height:40px;
float:right;
padding-bottom:20px;
}

h3#kopje1 {
font-size:18px;
color:#ecebe2;
padding:8px 0 0 20px;
}

h3#kopje2 {
font-size:18px;
color:#58cb60;
padding:8px 0 0 0px;
text-align:center;
}

h3#kopje2 a{
color:#58cb60;
text-decoration:none;
}

h3#kopje2 a:hover{
color:#ffffff;
text-decoration:none;
}

div#sponsorbalk {
background-image:url(images/sponsors.png);
background-repeat:no-repeat;
width:573px;
height:45px;
float:left;
}

img#firstsponsor {
margin: 4px 0 0 17px;
}

img.sponsors {
margin: 4px 0 0 10px;
}

a#tracklink {
color:#58cb60;
font-weight:bold;
}

/*----------- Footer -----------*/

#footer {
background-image:url(images/footer.png);
background-repeat:repeat-x;
bottom:0;
clear:both;
height:150px;
margin-top:-150px;
position:relative;
width:100%;
z-index:1;
}

#footerwrapper {
margin:0 auto;
width:960px;
}

#cuelogo {
padding:20px 60px 0px 30px;
float:left;
}

#warplogo {
padding:25px 40px 0px 0px;
float:right;
}

#footertext {
width:400px;
padding:20px 0 0 0px;
float:left;
}

div#video {
float:left;
}


/* -- [ Fixes ] -----------------------------------------------*/

html, body, #wrapper {
height: 100%;
}

body > #wrapper {
height: auto; 
min-height: 100%;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
	
.clearfix {
display: inline-block;
} /* Hides from IE-mac \*/

* html .clearfix { 
height: 1%;
}

.clearfix {
display: block;
} /* End hide from IE-mac */


/* GOLEM / high armor, hp. low speed. medium dam */

wooden golum
height: 3-4m


/* GRINDER / high armor, hp. low speed. medium dam*/