/*
Theme Name: Dblack Modified Theme
Description: html5 theme.
Version: 1.0
Author: Lisa Fehr
Author URI: http://www.dblack.com/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
*{margin:0;padding:0;}
body{background:#fff;}
div{
	font-family:Verdana,Helvetica,Arial;
	font-size:12px;
	line-height:25px;
	color:#333333;
}
a{color:#e9831d;text-decoration:none;}
p{margin-bottom:12px;}
h1{font-family:Verdana,Helvetica,Arial;font-size:21px;color:#e9831d;margin-bottom:23px;}
h2{font-family:Verdana,Helvetica,Arial;font-size:14px;color:#000;margin-bottom:8px;}
h3{font-family:Verdana,Helvetica,Arial;font-size:12px;color:#000;margin-top:10px;}
h3.first{margin-top:0px;}
h4{font-family:Verdana,Helvetica,Arial;font-size:10px;color:#000;margin-top:8px;}
img{border:none;}
hr{border:none;border-top:1px solid #333;margin:25px 0 20px 0;}
td{vertical-align:text-top;}

/**** header ****/
#header{
	position:relative;
	width:941px;
	margin:auto auto;
	height:180px;
	/* Christmas banner background:url('images/greetings.gif') top right no-repeat;*/
}
#flash,#container,#container2{
	margin:auto auto;
	width:945px;
}
#logo{
	margin-top:27px;
}
#mobile{
	position:absolute;
	top:27px;
	right:0;
}

#nav{
	list-style:none;
	position:absolute;
	top:138px;
	left:335px;
	font-size:11px;

}
#nav a{color:#000;}
#nav a:hover,#nav .active{color:#e9831d;}
#nav li{float:left;border-right:1px solid #000;padding:2px 6px 2px 6px;}
#nav .last{border-right:none !important;}

/**** content ****/

.section{
	width:878px;
	margin:auto auto;
	padding:22px 33px;
	background:#f2f2f2;
	position:relative;

}
.section .active{color:#000;}
.section li,#content li,.aside li{margin-left:15px;}
.section ul,#content ul,.aside ul{margin-bottom:15px;}
.plain{
	background:#fff;
	width:941px;
	padding:0;
}
.plain_border{
	padding-top:10px;
	border-top:1px solid #666;
}
#picture{
	margin:15px 20px 15px 45px;
	float:left;
}
.aside{
	width:310px;
	float:left;
	margin-right:30px;
	/*background:#666;*/
	color:#fff;
}
.aside .testimonial{
	color:#fff;

	background:#666;
	width:250px;
	text-align:right;
	font-size:18px;
	font-style:italic;
	line-height:33px;
	padding:30px 30px 15px 30px;
	margin-bottom:15px;
}
.aside .testimonial small{
	font-style:normal;
	font-size:12px;
}
.aside .testimonial.style1{
	background:#ffd576;
	color:#333;
	text-align:left;
}
.aside .glossary{
	background:#e6efbc;
	font-style:italic;
	color:#333;
	width:250px;
	padding:10px 30px 10px 30px;
	margin-bottom:15px;
	font-size:13px;
	line-height:23px;
}
.aside .glossary.style1{
	background:#fffcd6;
}
.aside .glossary small{font-size:11px;}
.aside .glossary h1,.aside .testimonial h1{font-style:normal;font-size:19px;color:#e9831d;margin-bottom:3px !important;}
#content{
	/*display:inline-block;
	width:635px;
	vertical-align:text-top;
	margin:15px 0;*/
	width:600px;
	display:inline-block;
	float:left;
	border-top:1px solid #666;
	vertical-align:text-top;
	padding-top:10px;
	position:relative;
}
#content ul{margin-bottom:11px;}
#content ul li{margin-left:15px;}
/**** footer ***/
#memberships2{
	list-style:none;
	width:871px;
	margin:10px auto !important;
}
#memberships2 li{
	float:left;
	margin-right:55px !important;
}
#memberships2 li.first{
	margin-left:5px !important;
}
#memberships2 li.last{
	margin-right:0px !important;
}
#footer{
	margin:auto auto;
	width:941px;
	font-size:12px;
	color:#626262;
	text-align:center;
	margin-bottom:25px;
	margin-top:15px;
}
#footer span a{color:#626262;}
.footer a{color:#333;}
.footer h3 a{color:#e9831d;}
.footer a.active{color:#be1e2d;}

/**** classes ****/
.org{font-size:14px;}
.box{
	width:248px;
	float:left;
	/*height:245px;
	overflow:hidden;*/
	margin-right:10px;
	margin-bottom:15px;
	padding:22px 30px;
	background:#f2f2f2;
	letter-spacing:0px;
}
.box h1{font-size:21px;color:#e9831d;margin-bottom:8px;}

.box.last{
	margin-right:0 !important;
}
.dropshadow {
	-moz-box-shadow: 3px 3px 3px #d3d2d2;
	-webkit-box-shadow: 3px 3px 3px #d3d2d2;
	box-shadow: 3px 3px 3px #d3d2d2;
}
.hidden {display:none;}

.column{width:190px;float:left;}
.column.last{float:right;width:117px;}
.column.pad{margin-top:25px;}
.number{font-size:34px;color:#e76e34;font-weight:bold;}
.clear{clear:both;}
.clear_left{clear:left;}
.clear_right{clear:right;}
.alignleft{float:left;margin-right:10px;}
.alignright{float:right;margin-left:10px;}
.sb-counter-current{color:#e9831d !important;}
.update{color:#b2b2b2;}
.navigation{text-align:center;width:100%;}
/*a.update:after{content: "*";}*/
/**** news ****/

.news{background:#f2f2f2;width:309px;padding-top:15px;}

/**** glossary, and some testimonials and news ****/
#glossary #article,#testimonials #article{margin-bottom:20px;}
#glossary #content .column,#testimonials #testimonial_list .column{
	float:left;
	width:279px;
	padding:0 30px 0 0;
}
#glossary #children{padding-left:20px;}
#glossary .aside a{
	text-decoration:underline;
	display:block;
	height:10px;
}
#glossary div,,#testimonials div{font-size:11px;line-height:16px !important;}
#glossary #content .column.last,#testimonials #testimonial_list .column.last{
	padding:0;
}
#glossary .aside{background:#fff;text-align:left;color:#333;width:300px;}
#glossary .aside #article,#news .aside .article{padding:0 20px;}
#glossary .intro{
	width:269px;
	background:#e6e6e6;
	padding:20px;
	margin-bottom:30px;
	font-size:14px;
	line-height:25px !important;
}
#glossary .intro h1{font-size:24px;}
#glossary h2{font-size:18px;color:#e9831d;line-height:22px !important;}

/**** testimonials ****/
#testimonials #testimonial_list .column.first{padding-left:20px;}

/**** about our office ****/
#about-our-office .aside{background:#f2f2f2;margin-bottom:20px;padding-top:20px;}
#about-our-office #article{width:255px;margin:auto auto;padding-left:5px;font-size:12px;line-height:16px !important;}
#about-our-office #article img{width:260px;padding:0;}

/**** recent projects ****/
.ngg-gallery-thumbnail-box{float:right !important;}
.ngg-gallery-thumbnail span{text-align:left;}
.projects{background:#f2f2f2;padding:20px;margin-bottom:15px;}

#recent #content h2{margin-bottom:-5px !important;}

/**** portfolio *****/
#clickhere{color:#fff;background:#e7811d;display:block;text-align:center}
.thumbnail{
	/*width:188px;
	height:150px;
	border:1px solid #333;*/
	min-height:150px;
	/*display:table-cell;
	vertical-align:middle;*/
	text-align:center;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	position:relative;
	line-height:0px;
	width:190px;
	
}
#portfolio--websites .thumbnail{
	height:190px;
	line-height:15px;
}
.thumbnail img{margin:auto auto;width:156px;margin-top:15px;border:1px solid #808080;padding:16px;}
#popup a{text-decoration:underline;color:black;}
#popup h2 a{text-decoration:none !important;}
#popup h2{font-weight:normal !important;}
#popup{margin:20px;}

/**** case studies ****/
#casedisplay{font-size:11px !important;}
#casedisplay strong{padding-top:15px;}
#casedisplay h3{font-size:10px;}

#case_studies .thumbnail img{width:180px;border:1px solid #333;padding:5px;margin-bottom:0;}
#case_studies .thumbnail{width:188px;}

/**** contact us ****/
/* sketchup  */
#title {
  text-align: center;
  font: bold 14px arial;
  margin-bottom: 0px;
}

#date {
  margin-top: 3px;
  font: normal 10px arial;
}

#sketchUpObj2 {
#sketchUpObj {
  width: 0px;
  float: right;
  margin: 0 10px 0 0;
}

#sketchUpObj2 {
  width: 0px;
  float: right;
  margin: 200px 10px 0 0;
}

#sheet {
  position: absolute;
  width: 300px;
  height: 300px;
  z-index: 3;
  background-color: #FF00FF;
  cursor: w-resize;
  border: solid 0px #676767;
}

#sheet2 {
  position: absolute;
  width: 168px;
  height: 168px;
  z-index: 3;
  background-color: #FF00FF;
  cursor: w-resize;
  border: solid 0px #676767;
}

.sketchUpImage {
  position: absolute;
  width: 300px;
  height: 300px;
  z-index: 2;
  border: solid 1px #676767;
}

.sketchUpImage2 {
  position: relative;
  z-index: 2;
  border: solid 1px #676767;
}