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

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

body {
	font-family: Arial, Tahoma, sans-serif;
	color: #8e8e8e;
}
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
a { text-decoration: none; }
p { font-size: 14px; }


#topbar, #masthead, #main, #footer { width: 100%; text-align: center; }

.wrapper {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

.logo { float: left; margin-top: 1px; margin-left: 10px; }
.logo a { outline: none; border: none; }

#topbar {
	height: 70px;
	background: #000 url("../images/bg-topbar.png") repeat-x;
}
#links a:link, a:visited, a:hover { color: #fff; }
#links a:hover { border-bottom: 2px solid #45aafa; }
#links a:active { border: none; background: #45aafa; color: #000; }

#topbar #links { float: right; }
#topbar #links p { float: left; line-height: 70px; margin-right: 10px; display: inline; }
.phonenumber { color: #fff; }

#christmas { position: absolute; margin-left: 345px; margin-top: 6px; }

#masthead { background: #fff url("../images/bg-masthead.png") repeat-x; height: 250px; }

#masthead .wrapper { height: 250px; position: relative; }

#welcome {
	position: absolute;
	top: 50px;
	left: 10px;
	height: 150px;
	width: 515px;
	text-indent: -9999px;
	background: transparent url("../images/welcome.png") no-repeat 0 0;
}

#house {
	position: absolute;
	width: 380px;
	height: 200px;
	top: 40px;
	right: 0;
	background: transparent url("../images/house_bg.png") no-repeat 0 0;
}
#house a { outline: none; }

#main { 
	background: #000 url("../images/bg-main.png") repeat-x; 
	border-top: 1px solid #000;
	padding-bottom: 30px; /* Height of footer */
}

#main h2.projects-header {
	color: #0099ff;
	width: 950px;
	height: 40px;
	line-height: 45px;
	padding-top: 20px;
	border-bottom: 1px solid #323232;
	padding-left: 10px;
	font-size: 18px;
}

#projectdrawer {
	width: 960px;
	position: relative;
}

#projectscroll {
	height: 280px;
	position: relative; /* fix for IE to respect overflow */
	overflow: auto;
	clear: left;
}

.project {
	height: 240px;
	width: 920px;
	padding: 20px;
}

.project img {
	float: left;
	margin: 0 40px 0 0px;
	padding-bottom: 20px;
	width: 440px;
	height: 220px;
	overflow: hidden;
	border: 0;
	display: inline;
}

.project h3 {
	float: left;
	margin-top: 12px;
	width: 400px;
	color: #b6b6b6;
	display: inline;
}

.project p {
	float: left;
	margin: 10px 0 20px 0;
	line-height: 20px;
	width: 400px;
	display: inline;
}


.scrollButtons {
  position: absolute;
  top: 117px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -40px;
}

.scrollButtons.right {
  right: -40px;
}


#contact {
	width: 300px;
	margin-left: 20px;
	float: left;
	display: inline;
}

#about {
	width: 460px;
	float: left;
	margin-left: 0;
	display: inline;
}

#services, #clients {
	float: left;
	width: 210px;
	margin-left: 40px;
	display: inline;
}

#about h2, #services h2, #clients h2 {
	color: #0099cc;
	font-size: 18px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom: 1px solid #323232;
	display: block;
}

#about p, #services ul, #clients ul {
	margin: 15px 10px 0 10px;
}

#about { height: 220px; }
#about p { line-height: 20px; }

#services li, #clients li {
	margin-top: 5px;
	font-size: 14px;
}



br.clear { height: 20px; width: 1%; content: "."; clear: both; }

#footer {
	position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;
	background: #fff;
}

#footer a:link, #footer a:visited {
	color: #000;
	border-bottom: 1px solid #45aafa;
}
#footer a:hover, #footer a:active {
	color: #000;
}
#footer, #footer p { font-size: 12px; }


#adress { clear: both; float: left; width: 100%; height: 30px;  }
#adress span { float: left; line-height: 30px; color: #000; margin-right: 10px; display: inline; }


/* CLEAR FIX*/
.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 */