/*  
Theme Name: WordPress Trevald
Theme URI: http://wordpress.org/
Description: Trevald Theme
Version: 1.0
Author: Benjamin Holfve
Author URI: http://binarybonsai.com/

*/


body {
	font-size: 11px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Sans-Serif;
	background: #000;
	color: #777;
	margin: 0;
}

form, fieldset, div, h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ul, li {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
}

:-moz-any-link:focus {
  outline: none;
}

a { color: #cc6600; text-decoration: none; }
a:hover { color: #006600; }

#wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #fff url('../images/bg_wrapper.gif') 574px 0 repeat-y;	
}

#wrapper.startpage {
	background-image: none;
}

#header {
	background-color: #111;
	height: 70px;
}

#content_wrapper {
	display: table;
	padding: 0 20px 20px 20px;
	background: url('../images/bg_content_wrapper.gif') 0 100% repeat-x;		
}

#content {
	float: left;
	padding: 0 0 0 20px;
	width: 510px;
/*	margin-right: -1px;
	border-right: 1px solid #e5e5e5;*/
}

#right {
	float: right;
	padding: 0 30px 0 30px;
	margin-bottom: -24px;
	position: relative;
	width: 344px;
	height: 325px;
	border-left: 1px solid #e5e5e5;
}

#footer {
	clear: all;
	padding: 15px 0 0 0;
	background-color: #000;
	height: 200px;
}

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

#footer .about {
	float: left;
	width: 790px;
}

#footer .about h2 {
	margin: 0 0 3px 0;
	background: url('../images/head_about.gif') 0 0 no-repeat;
	width: 55px;
	height: 11px;
	text-indent: -9999px;
}

#footer .about p {
	width: 700px;
	margin-left: 13px;
	font-size: 11px;
	line-height: 17px;
}

#footer .contact {
	float: left;
	width: 170px;
}

#footer .contact h2 {
	margin: 0 0 3px 0;
	background: url('../images/head_contact.gif') 0 0 no-repeat;
	width: 72px;
	height: 11px;
	text-indent: -9999px;
}

#footer a {
	color: #777;
}

#footer .contact a {
	margin-left: 13px;
}

#footer a:hover {
	color: #cc6600;
}

#slideshow, 
#top_image {
	padding: 20px 0;
	width: 960px;
	height: 370px;
	background-color: #fff;
}


h1 {
	position: absolute;
	top: 30px;
	left:-3px;
	width: 256px;
	height: 11px;
}

h1 a {
	display: block;
	text-indent:-999px;
	background: url('../images/logo.gif') 0 0 no-repeat;
	width: 256px;
	height: 11px;
}

h2 {
	font-size: 12px;
	color: #006600;
}

#content p {
	margin: 0 0 17px 0;
	font-size: 11px;
	line-height: 17px;
	text-align: justify;
}

.article {
	background-color: #fff;
	width: 195px;
	padding-left: 165px;
	position: relative;
	height: 175px;
}

.article.even {
	position: absolute;
	top: -1px;
	left: 25px;
}

.article.odd {
	position: absolute;
	top: 174px;
	left: 25px;
	height: 150px;
}

.article .thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	float: left;
	margin: 1px 15px 0 0 ;
}

.article h3 {
	margin: 1px 0 0 0;
	font-size: 12px;
	line-height: 17px;
	color: #006600;
	font-weight: normal;
}

.article p {
	font-size: 11px;
	line-height: 17px;
	margin: 0 0 5px 0;
}

.article a {
	display: inline-block;
	color: #cc6600;
	text-decoration: none;
	background: url('../images/bg_a.gif') 0 5px no-repeat;
	padding-left: 9px;
}

.article a:hover { 
	color: #006600;
	background-position: 0 -45px; 
}

#cases {
	height: 190px;
	width: 960px;
}

#cases_content {}

#cases ul {
	list-style: none;
	width: 2000px;
}

#cases ul li {
	display: block;
	float: left;
	margin: 0 30px 0 0;
}

#cases ul li a img {
	width: 150px;
	height: 150px;
}

#cases .content {
	width: 2000px;
}

#cases .content .article {
	float: left;
	margin-right: 25px;
}

#content h2 {
	display: none;
}

.imgContainer {
	position: relative;
	display: block;
	text-align: center !important;
	border: #bbbbbb 1px solid;;
	background-color: #f8f8f8;
	padding: 20px 0;
}

.imgContainer img,
.imgContainer object,
.imgContainer embed {
	margin: 0 auto;
}

.imgContainer .zoom {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	text-indent: -9999px;
	width: 48px;
	height: 48px;	
	background: url('../images/btn_zoom.png') 0 0 no-repeat;
}

.imgContainer:hover .zoom {
	background-position: 0 -48px;
}



/* WP-STYLES */

#page {
	background-color: #111;
}

.description {
	display: none;
}