/* FATA EL MOUSTACHE WEBSITE */
/* DESIGN BY IVO DANIELS, HTML + CSS BY COEN WARMER (www.mono9.nl) */

/* SELECTA, PLEASE RESET & REWIND, COME DOWN! */
h1, h2, h3, h4, h5, h6, p, div, ul, li, img {
margin: 0;
padding: 0;
border: 0;
}

body{
font-family: Arial, helvetica, sans-serif;
padding-top: 20px; 
background: url("images/background-large.jpg") no-repeat;
}

/* STRUCTURE */
#page{
width: 1200px;	
background: url("images/background.jpg") no-repeat -10px -27px;
height: 766px;
}

.column_1, .column_2, .column_3, .column_4{
width: 222px;
height: 720px;
float: left;
}

.column_2, .column_3, .column_4{
margin-right: 47px;
padding-top: 5px;
}

.column_1{
width: 245px;
}

.column_3{
padding-top: 26px;	
}

#contact{
position: absolute;
top: 484px;
}

.logo_container{
width: 230px;
overflow: hidden;
}

/* TYPOGRAPHY */
h2{
font-size: 22px;
font-weight: bold;
color: #00ffff;
padding-top: 8px;
padding-bottom:17px;
}

p {
font-size: 11px;
color: #ffffff;
margin-bottom: 17px;
line-height: 17px;
}

a{ 
color: #00c5e2;
}


/* SOME STYLES N STUFF */
.small{
font-size: 10px;
}

.instruments{
color: #00c5e2;
font-weight: bold;
font-size: 10px;
}

.center{
text-align: center;
font-weight: bold;
margin-bottom: 4px;
}

.logo{
width: 65px;
float: left;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-align: center;	
margin-right: 10px;
}