body, html{
margin:0;
height:100%;
font-family:Arial, Helvetica, sans-serif;
}

.top{
width:100%;
background-color:#333333;
height:36px;
}

.middle{
width:100%;
background-image:url(/eb3-images/eb_bg.jpg);
padding-bottom:30px;
padding-top:65px;
}

.wrap, .wrap-top{
width:950px;
margin-left:auto;
margin-right:auto;
}

/* IE 6 fix */
*html .wrap-top{
margin-bottom:-74px;
}

.bottom{
width:100%;
background-color:#4d4d4d;
height:100%
}

.news-column, .recent-column, .blog-column{
width:275px;
height:100%;
float:left;
color:#f0efe4
}

/*IE 6 fix*/
*html .news-column{
height:800px;
}

*html .recent-column{
height:800px;
}

*html .blog-column{
height:800px;
}

.news-column{
background-color:#101010;
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-style:italic;
}

.news-column p{
width:215px;
display:block;
border-bottom:1px dotted #fff;
padding-bottom:20px;
padding-top:20px;
padding-left:10px;
position:relative;
left:15px;
}

.recent-column{
background-color:#323232;
}

.portfolio-recent{
color:#f0efe4;
font-size:12px;
width:215px;
position:relative;
left:25px;
text-align:center;
margin-right:25px;
padding-bottom:20px;
padding-top:20px;
border-bottom:1px dotted #fff;
}

.portfolio-recent p{
margin-top:7px;
}

.portfolio-recent span{
color:#f0efe4;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-style:italic;
font-size:11px
}

.portfolio-recent img{
border:0;
}

.portfolio-recent a{
display:block;
border:0;
padding:5px;
background-color:#fffffb;
}

.portfolio-recent a:hover{
background-color:#e40037;
}

#pic-recent{
	width:205px;
	height:75px;
	overflow:hidden
}


.blog-column{
background-color:#424242;
}

.blog-column p{
display:block;

font-size:11px;
}

.blog-column span{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
font-style:italic;
}

.blog-column a{
display:block;
padding-top:5px;
text-align:right;
color:#f0efe4;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic
}

.home-blog{
font-size:11px;
border-bottom:1px dotted #fff;
padding-top:20px;
padding-bottom:20px;
width:215px;
padding-left:10px;
position:relative;
left:15px;

}

.contact-column{
width:120px;
height:100%;
float:left;
color:#000;
font-size:11px;
}

.contact-column a{
color:#000;
text-decoration:none;
}

.contact-column p{
padding-left:23px;
padding-top:20px;
}

.contact-inner{
width:275px;
}

/*IE 6 fix */
*html .contact-inner{
margin-right:-180px;
}

.title{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#e40037;
padding-left:23px;
padding-top:23px;
font-style:normal;
font-weight:100;
}

.eb-logo{
position:relative;
top:13px;
}

.navigation{
list-style-type:none;
float:right;
font-size:12px;
}

/** IE7 fix **/
*:first-child+html .navigation{
position:relative;
bottom:74px;
}

/** IE6 fix **/
*html .navigation{
position:relative;
bottom:74px;
margin-bottom:-174px;
}

.navigation li{
float:left;
position:relative;
height:36px;
}

.navigation a{
display:block;
padding-left:10px;
padding-right:10px;
padding-top:13px;
height:23px;
color:#f0efe4;
position:relative;
text-decoration:none;
}

/** IE6 fix **/
*html .navigation a{
width:93px;
}

.navigation a:hover{
background-color:#e40037;
}

.portfolio-nav{
color:#333333;
font-size:14px;
text-transform:uppercase;
line-height:20px;
position:relative;
left:15px;
margin-left:215px;
top:7px;
}


/** portfolio menu styles **/
ul.tabNav { float: left; list-style: none; width: 600px; position:relative; left:15px; bottom:10px;  }

/* IE 7 fix */
*:first-child+html ul.tabNav{ width:570px;}

/* IE 6 fix */
*html ul.tabNav{ width:550px}

ul.tabNav li { float: left; margin: 0 1px 0 0; padding: 6px 0 0; }
ul.tabNav li.current { }
ul.tabNav a { color: #333; display: block; padding: 2px 7px 3px 7px; text-decoration: none; }
ul.tabNav a:hover { background-color:#CCCCCC;}
ul.tabNav li.current a { background: #f7f7f1; padding: 2px 7px 3px 7px;}


		

.section-title{
float:left;
font-size:38px;
color:#ccccc9;
text-transform:uppercase;
background-color:#f7f7f1;
padding:5px 10px 5px 10px
}

.portfolio{
color:#333333;
font-size:12px;
float:left;
width:166px;
margin-right:45px;
margin-bottom:15px;
padding-top:15px;
}

.portfolio p{
margin-top:7px;
}

.portfolio li{
float:left;
margin-right:15px;
margin-bottom:10px;
position:relative;
right:10px;
}

.portfolio span{
color:#4d4d4d;
font-size:10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:bold;
}

.portfolio img{
border:0;
}

.portfolio a{
display:block;
border:0;
padding:5px;
background-color:#fffffb;
}

.portfolio a:hover{
background-color:#e40037;
}

#pic{
	width:156px;
	height:75px;
	overflow:hidden
}

.portfolio-id{
color:#333333;
float:left;
width:166px;
margin-right:45px;
margin-bottom:15px;
padding-top:15px;
}

#pic-id{
	width:156px;
	height:75px;
	overflow:hidden
}

.port-id{
background-color:#FFFFFF;
width:800px;
padding:5px;
}


.clear{
clear:both;
}

#jFlowSlide{ background-color:#f7f7f1}
#myController { padding:2px 0;  width:640px; height:20px; padding-top:10px; padding-left:5px; background:#f7f7f1; font-size:13px; float:right; position:relative; top:15px; left:25px; z-index:5000; margin-top:-35px }

/*Safari Only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
   #myController{
	width:655px;
	}
  }
  
*:first-child+html #myController{ z-index:10000;}

#myController span.jFlowSelected { background:#333333;margin-right:0px; color:#f7f7f1 }

.slide-wrapper { }
.slide-thumbnail { width:300px; float:left; }
.slide-thumbnail img {max-width:300px; }
.slide-details { margin-left:10px; color:#333333; font-size:15px; line-height:22px}
.slide-details p{
position:relative;
left:20px;
padding-top:10px;
}
.slide-details a{
color:#e40037;
}

.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:10px; }
.slide-hl{
float:left;
font-size:38px;
color:#ccccc9;
text-transform:uppercase;
background-color:#fffffb;
padding:10px 0px 10px 15px;
position:relative;
bottom:3px;
}

/*IE6 fix*/
*html .slide-hl{
bottom:0px;
}

/*Safari Only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
   .slide-hl{
bottom:0px;
}
  }

/*IE7 fix */
*:first-child+html .slide-hl{
bottom:0px;
}

.jFlowControl, .jFlowPrev, .jFlowNext { color:#333333; cursor:pointer; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #ccccc9; }
.jflow-content-slider{
width:933px;
padding:5px;
border:1px solid #bfb9ac;
background-color:#fdfcfa;
}

/** portfolio slider styles **/
.pane li{
	}
	
	
	div.pane{
		overflow:hidden;
		clear:left;
		margin: 10px 0 0 10px;
		position:relative;
		right:10px;
		width:960px;
		height:500px;
	}
	
	div.pane h1{
	color:#000;
	position:relative;
	left:20px;
	margin:20px 0;
	font-family: Verdana, sans-serif;
	}
	
		
ul.elements{
	list-style:none;
	padding:0;
	margin:0;
}

/*IE6 fix*/
*html ul.elements li{
overflow-y:hidden;
height:500px;
}

	ul.elements li{
		width:853px;
		height:500px;
		position:relative;
		padding:0;
		margin:0;
	}
		ul.elements li a{
			font-size:12px;

		}
		ul.elements li p{
		}
		

	
		
/** portfolio popup styles **/
.popup{
position:relative;
}

.popup-details{
position:absolute;
bottom:10px;
width:600px;
}

.popup_title{
margin-top:5px;
padding:5px;
padding-left:8px;
color:#e40037;
text-transform:uppercase;
font-size:18px;
}

.popup_client{
margin-top:2px;
padding:5px;
padding-left:8px;
font-size:12px;
color:#333333;
background-color:#ededdf;
}

.popup_client span{
font-size:11px;
font-weight:bold
}

.popup_detail{
padding-top:5px;
font-size:12px;
font-weight:bold;
color:#333333;
text-align:center;
}

.popup_detail font{
font-size:11px;
font-weight:bold
}
		
		
/** services styles **/

.service-wrap{
width:933px;
padding:5px;
border:1px solid #bfb9ac;
background-color:#fdfcfa;
font-size:13px;
margin-top:20px;
}

.service-wrap ul{
list-style-type:none;
float:left;
color:#333333;
position:relative;
left:40px;
padding-right:40px;
padding-top:10px;
}

.service-wrap ul li{
margin-bottom:7px;
}

.service-detail-wrap{
background-color:#f7f7f1;
}

/** case study styles **/
.cs-sucra{
position:relative;
bottom:20px;
}		

.cs-kinder{
position:relative;
bottom:40px;
}		

.cs-sawstop{
position:relative;
bottom:55px;
}

/*IE7 fixes*/
*:first-child+html .cs-sucra, *:first-child+html .cs-kinder, *:first-child+html .cs-sawstop{
bottom:0px;
} 

/*IE6 fixes*/
*html .cs-sucra, *html .cs-kinder, *html .cs-sawstop{
bottom:0px;
}   	

.cs-wrap{
width:933px;
padding:5px;
border:1px solid #bfb9ac;
background-color:#fdfcfa;
font-size:13px;
margin-top:20px;
color:#333333;
}

.cs-wrap ul{
list-style-type:none;
}

.cs-info-btn a{
display:block;
text-decoration:none;
background-color:#c1bdae;
float:right;
color:#f7f7f1;
padding:5px;
font-size:12px;
position:relative;
left:90px;
margin-bottom:-50px;
}

.cs-info-btn a:hover{
background-color:#f7f7f1;
color:#c1bdae;
}

.port-info-btn a{
display:block;
text-decoration:none;
background-color:#c1bdae;
float:right;
color:#f7f7f1;
padding:5px;
font-size:12px;
position:relative;
top:18px;
left:90px;
margin-bottom:-50px;
}



.port-info-btn a:hover{
background-color:#f7f7f1;
color:#c1bdae;
}

*:first-child+html .cs-info-btn a{
top:20px;
}

.cs-title{
font-size:22px;
color:#e40037;
}

.cs-left{
width:440px;
float:left;
position:relative;
}

.cs-left a{
color:#e40037;
}

.cs-left p{
padding-top:10px;
padding-left:10px;
font-size:12px;
line-height:18px;
}

.cs-right{
float:right;
position:relative;
}

.cs-nav{
position:relative;
top:5px;
right:20px;
text-align:center;
margin-top:50px;
margin-bottom:15px;
}

.cs-nav a{
color:#e40037;
text-decoration:none;
margin-left:20px;
margin-right:20px;
font-size:15px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-style:italic;
}

.cs-nav a:hover{
text-decoration:underline;
}

.cs-detail{
background-color:#f7f7f1;
}

.cs-detail ul{
list-style-type:circle;
}

.cs-detail li{
margin-bottom:10px;
}

#sub1a, #sub2a, #sub3a{
padding:30px;
padding-right:10px;
padding-top:40px;
padding-left:20px;
height:250px;
}

#sub1a span, #sub2a span, #sub3a span{
margin-bottom:7px;
}

#sub1a{
background-image:url(/eb3-images/bg_solution.gif);
background-position:top;
background-repeat:no-repeat;
}
	
#sub2a{
background-image:url(/eb3-images/bg_materials.gif);
background-position:top;
background-repeat:no-repeat;
}

#sub3a{
background-image:url(/eb3-images/bg_results.gif);
background-position:top;
background-repeat:no-repeat;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
height: 250px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width:100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}


.contentdiv img{
vertical-align:middle;
}

/** contact styles **/

.contact-wrap{
width:813px;
padding:5px;
border:1px solid #bfb9ac;
background-color:#fdfcfa;
font-size:13px;
margin-top:20px;
color:#333333;
}

/** blog styles **/
.blog-wrap{
width:400px;
height:180px;
padding:5px;
overflow:hidden;
float:left;
margin-right:13px;
margin-top:20px;
border:1px solid #bfb9ac;
background-color:#fdfcfa;
font-size:13px;
color:#333333;
}

.blogtitle{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
font-weight:bold;
font-style:italic;
}

.blogtitle a{
color:#333333;
text-decoration:none;
}

.blogcopy{
background-color:#f1f1e8;
width:100%;
height:100%;
}


/** services styles **/
.service-left{
float:left;
background-color:#eaeadb;
color:#333333;
height:100%;
width:270px;
}

.service-left span{
text-transform:uppercase;
font-size:14px;
margin-bottom:5px;
}

.service-left p{
padding:15px;
line-height:18px;
font-size:12px;
}

.service-right{
float:right;
width:535px;
}

.service-right img{
position:relative;
bottom:20px;
}

.service-title{
color:#e40037; 
list-style-type:none; 
position:relative; 
right:25px;
}

.service-list{
float:left;
margin-right:50px;
margin-bottom:30px;
width:220px;
position:relative;
left:35px;
top:15px;
}

.service-list li{
margin-bottom:5px;
}


.client-list{
list-style-type:none;
float:left;
position:relative;
left:15px;
top:15px;
padding-right:27px;
margin-right:27px;
border-right:1px dotted #666;
}

.client-list li{
margin-bottom:10px;
}