body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#070400;
	background:#BCB195 url(../images/wood_bg.jpg);
}
a:active, a:focus {outline:0 !important;}
input, textarea, select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
h2 {
	font-size:26px;
	padding-bottom:10px;
}
hr {
	color:#070400;
	background-color:#070400;
	height: 1px;
	border:0pt none;
	clear:both;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
/*------------------------------------------------------------*
**  Main elements
**------------------------------------------------------------*/

#container {
	width:960px;
	margin:0 auto;
	text-align:left;
}

#container a {
	color:#e2dccb;
	text-decoration:none;
	background:#0089c7;
	font-size:11px;
}
#container a:hover { 
	text-decoration:none;
	color:#070400;
	background:none;
}

/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/

#header {
	height:150px;
	background:url(../images/header.png) no-repeat top left;
	margin-bottom:14px;
}
#header a.logo {
	float:left;
	margin-top:55px;
	margin-left:65px;
	line-height:65px;
	width:210px;
	background:none;
	text-indent:-10000px;
}
#header .navigation {
	float:left;
	margin-top:90px;
	padding-left:50px;
}
#header .navigation a {
	font-size:12px;
}
#main_menu {
	height:57px;
	background:url(../images/menu.png) no-repeat top left;
	margin-bottom:18px;
}
#main_menu ul {
	float:right;
	padding-right:72px;
}
#main_menu ul li {
	float:left;
	margin-left:5px;
}
#main_menu ul li a {
	display:block;
	line-height:51px;
	width:120px;
	background:none;
	text-indent:-10000px;
}

/*------------------------------------------------------------*
**  Projects
**------------------------------------------------------------*/

#projects {
	padding-bottom:10px;
}
#projects .project_holder {
	padding-right:30px;
	height:330px;
	overflow:hidden;
	float:left;
}
#projects .project_holder.left_element {
	padding-left:35px;
}
#projects .project_holder .project {
	background:url(../images/project.png) no-repeat top left;
	width:430px;
	height:280px;
	overflow:hidden;
}
#projects .project_holder .project a {
	margin-top:38px;
	background:none;
	display:block;
}

/*------------------------------------------------------------*
**  What?
**------------------------------------------------------------*/

#what {
	background:url(../images/what.png) no-repeat top left;
	height:470px;
}
#what .main_text {
	padding:90px 0 0 35px;
	width:600px;
	height:300px;
	overflow:hidden;
}
#what .testimonial {
	padding:8px 0 0 75px;
}

#what .main_text a, #what .testimonial a {
	font-size:12px;
}

/*------------------------------------------------------------*
**  Videos
**------------------------------------------------------------*/

#videos {
	background:url(../images/videos.png) no-repeat top left;
	padding-top:76px;
	padding-bottom:21px;
}

/*------------------------------------------------------------*
**  Works
**------------------------------------------------------------*/

#works {
	background:url(../images/works.png) no-repeat top left;
	padding-top:76px;
	padding-bottom:21px;
}
#works ul li {
	padding-right:30px;
	height:205px;
	overflow:hidden;
	float:left;
}
#works ul li.left_element {
	padding-left:35px;
}
#works ul li span.work {
	background:url(../images/work.png) no-repeat top left;
	width:200px;
	height:165px;
	overflow:hidden;
	display:block;
}
#works ul li span.work a {
	margin-top:38px;
	background:none;
	display:block;
}

/*------------------------------------------------------------*
**  Who?
**------------------------------------------------------------*/

#who {
	background:url(../images/who.png) no-repeat top left;
	height:478px;
}
#who .who_content {
	padding:90px 0 0 35px;
}
#who .who_content .mac_fix {
	height:56px;
	overflow:hidden;
}
#who .who_content .mac_fix h2 {
	line-height:29px;
}
#who .who_content p.note {
	font-style:italic;
}
#who .who_content form {
	height:260px;
	width:600px;
}
#who .who_content form fieldset {
	padding-top:22px;
}
#who .who_content form fieldset .inputs {
	height:184px;
}
#who .who_content form input {
	margin-bottom:8px;
	padding:6px 10px;
	width:228px;
	margin-right:19px;
	background:none;
	border:none;
}
#who .who_content form textarea {
	padding:10px;
	height:80px;
	width:500px;
	background:none;
	border:none;
	overflow:hidden;
}
#who .who_content form input.send_form {
	width:180px;
	height:30px;
	padding:0;
	background:url(../images/send_button.png) no-repeat top left;
	cursor:pointer;
	margin-left:170px;
}
#who .who_content form input.send_form:hover{
	background-position:bottom left;
	cursor:pointer;
}
#who .who_content form input.error, #who .who_content form textarea.error {
	color:#FFB90F;
}

/*------------------------------------------------------------*
**  Email banner
**------------------------------------------------------------*/

#email_and_top {
	background:url(../images/email_and_top.png) no-repeat top left;
	height:71px;
}
#email_and_top .top_link {
	float:right;
	width:50px;
	height:18px;
	margin-right:70px;
	margin-top:17px;
	background:none;
}

/*------------------------------------------------------------*
**  Single project
**------------------------------------------------------------*/

#single_project {
	background:url(../images/single_project.png) no-repeat top left;
	padding-top:75px;
}
#single_project .single_big_holder {
	padding-left:35px;
	padding-bottom:10px;
}
#single_project .single_big_holder .single_big_project {
	background:url(../images/single_big_project.png) no-repeat top left;
	height:450px;
	overflow:hidden;
}
#single_project .single_big_holder .single_big_project a {
	margin-top:39px;
	background:none;
	display:block;
}
#single_project ul li {
	padding-right:25px;
	height:202px;
	overflow:hidden;
	float:left;
}
#single_project ul li.left_element {
	padding-left:35px;
}
#single_project ul li span.single_small_project {
	background:url(../images/single_small_project.png) no-repeat top left;
	width:280px;
	height:165px;
	overflow:hidden;
	display:block;
}
#single_project ul li span.single_small_project a {
	margin-top:38px;
	background:none;
	display:block;
}
#info {
	background:url(../images/info.png) no-repeat top left;
	height:477px;
}

#info .info_text {
	padding:40px 25px 0 35px;
	height:220px;
	overflow:hidden;
}

#info .characteristics {
	color:#79746b;
	padding-left:80px;
	padding-top:84px;
	line-height:130%;
}

#info .characteristics li {
	float:left;
	width:400px;
}

#videos {padding-bottom:20px;}
#videos .video {float: left; padding-left:35px;}


.clear {clear: both;}

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

#footer {
	height:100px;
	background:url(../images/footer.png) no-repeat top left;
}
#footer p {
	padding:50px 0 0 35px;
}
#footer p a {
	font-size:12px;
}

.flash {padding:.8em;margin-bottom:1em;border:1px solid #3d3d3d;text-align:center;z-index:1000;position:fixed;width:100%;}
.success {background: #1492cc; color: #fff;}
.error {background: #d7f0f7; color: #000;}