/*
Theme Name: BBI Engineering
Theme URI: http://daydreamproject.com
Description: Theme and templates for BBI Engineering
Version: 1
Author: Cassandra Marshall
Author URI: http://daydreamproject.com
Tags: custom header, fixed width, one column, widgets, three page templates, custom image viewer


*/

body {
	font-size: 14px; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #eeeeee;
	color: #333;
	text-align: center;
	margin: 0 auto;
	}

/* begin structure */
body {
	padding: 0;
	width: 900px;
	text-align: center;
	}

#page {	
	margin: 10px;
	padding: 0;
	width: 902px;
	}

#header {
	padding: 0;
	height: 95px;
background-color: #eeeeee;
	}

#headerimg {
	margin: 0;
	}

#headerHR hr{
margin-top: 19px;
width: 729px;
height: 3px;
background-color: #dbdbdb;
color: #dbdbdb;
border: none;
float:left;
}

#headerHR hr hr {
display: none;
}
	
#spacer {
	margin: 10px 0 10px 0;
}

#content {
background-color: #ffffff;	
}


.post {
	margin: 20px 20px 20px 20px;
	text-align: justify;
	padding: 0;
	}

.clear {
	clear: both;
}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 900px;
	clear: both;
	}

#footer p {
	margin: 0;
line-height: 18px;
letter-spacing: 1px;	
	}
	
.footer{
padding: 15px;
font-size: 10px;
width: 900px;
}
.footer a{
font-size: 10px;
color: #333333;
}

.footer a:hover{
  color: #882222;
}

.footer ul{
display: inline;
list-style: none;
}

.footer ul li {
float: left;
margin-right: 15px;
}

#imageBarMain{
height: 165px;
margin: 0;
background-color: #dbdbdb;
text-align: center;
padding-top: 2px;
padding-bottom: 15px; 
}

#imageBarMain ul li{
}

#imageBarMain .image a:link,
#imageBarMain .image a:visited{
color: #a3a3a3;
border: none;
text-decoration: none;

}

div.imageBarMain {
}

.imageBarMain ul li {
list-style-type:none;
text-align: center;
}

.imageBarMain li {
list-style-type:none;
float: left;
padding-right: 10px;

}

a.image, a:visited.image{
color: #a3a3a3;
border: none;
text-decoration: none;
background-color: #dbdbdb;
}


.entry table {
margin-left: -3px;
}

.postColumn{
float: left;
width: 425px;
border-left: 1px solid #dbdbdb;


}

.shadeColumn{
border-left: 1px solid #dbdbdb;
padding-left: 20px;
padding-right: 15px;
line-height: 16px;
margin-bottom: 15px;
}


/* end structure */


/* typography & colors */
body {
	font-size: 14px; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #eeeeee;
	color: #333;
	text-align: center;
	}

#page {
	text-align: left;
	}

#header {

display: block;
	}

#headerimg {
	

   
	}

#content {
	font-size: 12px;
	}

.post p{
line-height: 16px;
margin-bottom: 15px;
margin-left: 2px;
}

#footer {
	background: #ffffff;
	}

.footer a {
font-weight: normal;
background: #ffffff;
}

h1 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
   font-size: 14px;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

h2 {
margin-top: -25px;
margin-left: 0;
font-size: 14px;
}

h3 {
   font-size: 13px;
}

h4{
text-decoration: underline;
font-size: 12px;
}

h5{
background-color: #eeeeee;
font-size: 11px;

}

h6{
background-color: #333333;

}

address{
 font-size: 10px;

}

pre {
font-weight: bold;

}


#headerimg .description {
	font-size: 1.2em;
	text-align: left;
	}


a, h2 a:hover, h3 a:hover {
	color: #882222;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px dotted #882222;
	}

a:hover {
	color: #882222;
	text-decoration: none;
	background: #eeeeee;
	}

.page_item li, .page_item a{
border-bottom: none;

}
	
div.entry p{
 margin-bottom: 15px;

}

div.entry ul{
 list-style: circle;



}
div.entry li{
line-height: 18px;


}

table{
border: 1px solid #999999;
margin-bottom: 15px;

}

div.breadcrumb {
margin-left: 20px;
font-size: 11px;
padding-bottom: 15px;
}

div.breadcrumb-trail{
text-transform: lowercase;
}

/* end typography & colors */

/* begin images */

.noImgOutline{
  	text-decoration: none;
	border: none;
border-bottom: none;

}

a.noImgOutline, li.noImgOutline{
  	text-decoration: none;
	border: none;
	background: none;
border-bottom: none;

}

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.outsideLink, a.outsideLink{

}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	text-decoration: none;
border: 2px solid #a3a3a3;
font-size: 9px;
	}

.alignleft {
	float: left;
	text-decoration: none;
border: 2px solid #a3a3a3;
font-size: 9px;
	}
	
.alignnone{
text-decoration: none;
border: 2px solid #a3a3a3;
font-size: 9px;

}

img.wp-image{

}
/* end images */




/* header menu */
#landingcontainer{
top: 16px;
position: absolute;
width: 810px;
text-align: left;
margin-left: 170px;
}

#landingMenu div, #landingMenu ul{
margin: 0px;
padding: 0px;
display: inline;
list-style-type: none;
list-style-image: none;
}


#landingMenu ul li{
float: left;
color: #000000;
font-weight: bold;
font-size: 14px;
width: 145px;
margin-right: 10px;
}

#landingMenu ul li a{
 color: #000000;
}

#landingMenu ul ul {
display: block;
}

#landingMenu ul ul li {
display: block;
font-weight: normal;
font-size: 12px;
}

#landingMenu ul ul li a{
 color: #333333;
}

#landingMenu li a{
	text-decoration: none;
	color: #999999;
	background: #eeeeee;
}

#landingMenu a:hover{
	color: #882222;
	background: #eeeeee;
}

#landingMenu .current_page_item{

border-left: 2px solid #ffffff;
}


/*end header menu*/

/* begin expand menu */
.menu1{
      background-color:#ffffff;
      padding-left:20px;
      padding-top:6px;
      padding-bottom: 2px;
      display:block;
      height: 20px;
border: none;
}

.submenu, .submenu a{
background-color:#ffffff;
height: 19px;
padding-top: 2px;
padding-left: 20px;
padding-bottom: 4px;
line-height: 18px;
border: none;
font-weight: bold;
}

.menu1 a, p{
margin: -2px;

}

.submenu a {
margin: -2px;
border: none;

}

.submenu img {
border: none;

}

.hide{
      display: none;
}

.show{
      display: block;
}
/* end expand menu */

/* begin image etc */

#related{
background-color: #ffffff;
font-size: 10px;
float: left; 
z-index: 100;
border: none;
margin-left: -35px;
margin-right: -30px;
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
  opacity:0.8;
}

#relatedImage{
margin-left: -2px;

}
/* end image etc */

/* begin rounded corners */

.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}

.rtop,.artop{display: none}


/* end rounded corners */


/* Slider */
.sliderContainer{
            width: 902px;
            height: 175px;
            background-color: #dbdbdb;
            padding-top: 10px;
}
.sliderGallery{
            text-align: center;  
            overflow: hidden;
            position: relative;
            margin: 0 auto;  
            height: 170px;
            width: 870px;       
}
	
        .sliderGallery UL {
			
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
            padding: 0;
            margin: 0;
        }
        
        .sliderGallery UL LI {
            display: inline;
padding-right: 2px;
        }
        
        .slider {
            width: 860px;
            height: 19px;
            margin-top: 140px;
            margin-left: 3px;
            padding: 1px;
            position: relative;
           
background:url(http://bbinet.com/home/wp-content/themes/BBI/images/scroll.gif) bottom no-repeat;      
  }
.slider .image a:link,
.slider .image a:visited { 
	float:left; 
	width:100%; 
	padding-left:6px; 
	overflow:hidden; 
	color:#a3a3a3; 
	font-size:11px; 
	text-align:center; 
	background-color: #dbdbdb;
	background-position:50% 100%; 
	background-repeat:no-repeat; 
	}
.sliderImagePadding{
       padding-right: 4px;
}
.slider .image a:hover { 
	text-decoration:none; 
	color:#fff; 
	}
        
        .handle {
            position: absolute;
            cursor: move;
            height: 20px;
            width: 173px;
            top: 2px;
	background:url(http://bbinet.com/home/wp-content/themes/BBI/images/scrollHandle.gif) no-repeat; 	            
            z-index: 100;
        }
        
        .slider span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 5px;
        }
        
        .slider .slider-btn1 {
            left: 60px;
        }
        
        .slider .slider-btn2 {
            left: 270px;
        }
        
        .slider .slider-btn3 {
            left: 480px;
        }

        .slider .slider-btn4 {
            left: 730px;
        }

        .slider .slider-btn5 {
            left: 800px;
        }
    
/* end slider */