/* 
Site: haal.se
Version: 1.0
Author: Mattias Haal
*/



/* ---------- general */

* {
margin: 0;
padding: 0;
}

html, body {
background-color: #fff;
text-align: left;
color: #000;
line-height: 155%;
font-size: 13px;
font-family: lucida grande, helvetica, tahoma, arial, sans-serif;
height: 100%;
}

p {
color: #000;
line-height: 155%;
font-size: 13px;
font-family: lucida grande, helvetica, tahoma, arial, sans-serif;
margin: 0 0 40px 0;
}

h2 {
color: #000;
line-height: 155%;
font-size: 16px;
font-family: lucida grande, helvetica, tahoma, arial, sans-serif;
margin: 0 0 10px 0;
}

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

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

img	{
border: none;
}

#wrapper {
width: 800px;
min-height: 100%;
position: relative;
margin: 0 auto -72px auto; 
}



/* ---------- header */

.logo {
width: 395px;
height: 125px;
float: left;
margin: 40px 0 0 0;
}

.social {
width: 280px;
height: 85px;
float: right;
margin: 40px 0 0 0;
padding: 30px 0 0 0;
text-align: right;
}



/* ---------- border */

#border {
width: 800px;
height: 5px;
float: left;
margin: 40px 0 0 0;
background: url("images/border_color.png") no-repeat top #fff;
}



/* ---------- feature */

.feature {
width: 800px;
height: 425px;
float: left;
margin: 0 0 55px 0;
}



/* ---------- content */

#one {
width: 240px;
height: auto;
float: left;
display: inline;
margin: 0;
padding: 0 40px 0 0;
}

#two {
width: 240px;
height: auto;
float: left;
display: inline;
margin: 0;
padding: 0;
}

#three {
width: 240px;
height: auto;
float: right;
display: inline;
margin: 0;
padding: 0;
}

#contenttext {
width: 520px;
height: auto;
float: left;
display: inline;
margin: 0;
padding: 0;
}

#contentimage {
width: 240px;
height: auto;
float: right;
display: inline;
margin: 0;
padding: 0;
}



/* ---------- footer */

#footer {
height: 72px;
width: 100%;
position: relative;
background: url("images/bg_footer.png") repeat-x scroll top #e5e5e5;
margin: 20px 0 0 0;
}

#footer .content {
width: 800px;
height: 52px;
text-align: center;
margin: 0 auto; 
padding: 20px 0 0 0;
}

#footer a {
text-transform: uppercase;
padding: 0 10px 0 10px;
color: #000;
}

#footer a:hover {
text-transform: uppercase;
text-decoration: none;
padding: 0 10px 0 10px;
color: #339900;
}

#footer p {
margin: 5px 0 0 0;
color: #666666;
font-size: 10px;
}

.clearfooter {
height: 72px;
clear: both;
}