@charset "utf-8";
/* North Bay Construction - Sreen Styles /
/ created 3/11/07        				 /
/*--------------------------------------*/
@import url("thickbox.css");
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

body {
	background-image: url(../images/main-bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #111111;
	font-family: "Trebuchet MS";
	font-size: 62.5%;
	margin-top: 20px;
}

/* Headings
------------------------------------------------------------------*/
h1 {
	font-size: 2.6em;
}
#content h1 {
	border-bottom:.1em solid #ccc;
	margin-bottom:.5em;
}
h2 {
	font-size:2em;
}
h3 {
	font-size:1.8em;
	margin-top:.8em;
}
h4 {
	color: #333333;
	font-size:1.6em;
}
h5 {
	font-size:1.4em;
	margin-bottom:.5em;
}
acronym {
	border-bottom:none;
}
address {
	font-size:1.2em;
	line-height:1.3;
	margin-top:-.7em;
	padding-left:1em;
}
#mod1 h4 {
	color:#fff;
}
#content p.first {margin-top: 0px;}
#content p.first-last {margin-top:0; margin-bottom:0;}

ul.hug {margin-top:0;}
.clr {clear:left;}
.top {
	text-align: right;
}
/*========= Links ==========================*/
#content a:link, a:visited, a:active {
	color: #0066CC;
	text-decoration: none;
}
#content a:hover {
	background-color: #FFFFCC;
	text-decoration: underline;
}
/* Layout
------------------------------------------------------------------*/
#wrapper {
	width: 80em;
	margin: 0 auto;
}
#content_wrap {
	background-image: url(../images/sidebar.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #FFFFFF;
	overflow: hidden;
	width: 79.7em;
	border:solid #666666;
	border-width:0 .1em 0 .1em;
}
body#home #content_wrap,
body#projects #content_wrap {
	background-image: none;
}
/* Masthead
-----------------------------------------------------------------*/
#topbar {
	color: #999999;
	display: block;
	font-size: 1.1em;
	height: 7em;
	position: relative;
}
#topLinks {
	display: block;
	float: left;
	margin: 1em 0 0 44em;
	position: absolute;
	text-align: right;
	width: 28.5em;
}
#topLinks a {
	color: #999999;
	text-decoration: none;
}
#topLinks a:hover {
	color: #fff;
}
.searchbox {
	border: .1em solid #333;
	width: 9em;
}
.btn-search {
	top: 5px;
	position: relative;
}
/* -- Branding---------------------*/
#branding {
	float:left;
}
#branding h1 {
	background:transparent url(../images/logo2.gif) 0 5px no-repeat; 
	float:left;
	height:2em;
	text-decoration:none;
	padding-left: 1.9em;
	width: 28.5em;
}
#branding a {
	color: #fff;
	text-decoration:none;
}
#branding p {
	clear:left;
	color:#666666;
	font-weight:bold;
	font-size:1.3em;
	margin:2.3em 0 0 3.9em;
	position:absolute;
	top:0;
}
/* Global Nav
------------------------------------------------------------------*/
#nav_wrap {
	background: url(../images/nav-bg.jpg) top left no-repeat;
	clear: both;
	display: block;
	height: 6.1em;
}
#nav {
	background: url(none);
	color: #FFFFFF;
	margin-left:1.5em;
	position: relative;
}
#nav li {
	display: block;
	float: left;
	list-style: none;
}
#nav li.divider {
	color: #999999;
	padding-top: .5em;
}

#nav a {
	color: #fff;
	text-decoration: none;
	display: block;
	height: 1.9em;
	padding: 5px 1.2em 0 1.2em;
	font-size: 1.4em;
	font-weight: bold;
}
#nav li.on a,
#nav li.over a {
	background:transparent url(../images/nav-active.jpg) repeat-x;
}
#nav a:hover,
#nav li.off:hover a {
	background:transparent url(../images/nav-hover.jpg) repeat-x;
}
#nav li.on ul a,
#nav li.over ul a,
#nav li.off:hover ul a {
	background-image:url(none);
	font-weight:normal;
}
/* --- Subnav --- */
body#home #nav li.on ul {
display:block;
}
#nav li.off ul, #nav li.on ul {
	left: 0px;
	top: 3em;
	position: absolute;
	width: 80em;
	display: none;
}
#nav li.off ul {
	background:transparent url(../images/nav-bg.jpg) 0 -30px no-repeat;
	margin-left:-15px;
}
#nav li.on ul {
	display:block;
}
#nav ul a {
	color: #CCCCCC;
	font-size: 1.2em;
	text-align:center;
}
#nav ul a:hover {
	background-image: url(none);
	color: #FFFFFF;
	text-decoration: underline;
}
/* == Hover states -- */
#nav li.off:hover ul, #nav li.over ul {
	/* display other subnavs when parent is hovered */
	display:block;
	z-index:1000;
}
/*-----highlight active sublinks--*/
/*About Us*/
body#about.community #sub11 a,
body#about.history #sub12 a,
body#about.family #sub13 a,
body#about.outlook #sub14 a,
body#about.philosophy #sub15 a,
/*Services*/
body.gps #sub21 a,
body.street #sub22 a,
body.surface #sub23 a,
body.support #sub24 a,
body.underground #sub25 a,
/*Departments*/
body.dispatch #sub31 a,
body.equipment #sub32 a,
body.estimating #sub33 a,
body.field #sub34 a,
body.financing #sub35 a,
body.project #sub36 a,
body.safety #sub37 a {
	color: #FFFF99;
	text-decoration: underline;
	cursor: default;
}
/* Banner
--------------------------------------------------*/
#banner {
	background-image: url(../images/header_main.jpg);
	background-repeat: no-repeat;
	border-bottom: 2px solid #eee;
	border-right: 1px solid;
	border-left: 1px solid;
	border-color: #252525;
	margin: 0;
	background-color: #000000;
	height: 200px;
	overflow: hidden;
}
/* Main Content
--------------------------------------------------*/
#content {
	padding: 1em .8em 0 1em;
	width: 50.7em;
	float: left;
	background-color: #FFFFFF;
	margin-bottom: 2em;
}
#content p {
	font-size:1.2em;
	margin:.8em 0;
}
#content ul {
	margin-left:3em;
	font-size:1.2em;
}
.TabbedPanels ul li {
	font-size:1em!important;
}
#content ul li {
	list-style-image:url(../images/bullet_arrow.jpg);
}
ul.TabbedPanelsTabGroup {
	margin-left:0!important;
}
#content li.TabbedPanelsTab {
	list-style-image:none;
}
.thumb-left, .thumb-right {
	border: .2em solid #ccc;
}
.thumb-left {
	float:left;
	margin:0 .7em .2em 0;
}
.thumb-right {
	float:right;
	margin:.3em 0 .3em .7em;
}
/*---frontpage-----*/
div.photo {
	background:#eee;
	border: .1em solid #999999;
	margin-bottom:2em;
	padding:1em 0;
	text-align:center;
}
div.photo img {
	border:.1em solid #999;
}
div.photo p {
	margin-top:.5em;
	padding:0 1em;
	text-align:left;
}
/* ----------Sidebar-------------*/
#sidebar {
	background: transparent;
	float: left;
	margin-bottom: 2em;
	padding: 1em .8em 0 .5em;
	width: 25.6em;
}
div.pullquote {
	background:#eee;
	border-bottom:.5em solid #999999;
	border-top:.5em solid #999999;
	padding:1.8em;
}
div.pullquote blockquote {
	background: transparent url(../images/quote-closing.gif) bottom right no-repeat;
	color:#333333;
	font-size:1.1em;
	margin-bottom:1.5em;
}
div.pullquote blockquote p {
	margin-bottom:.5em;
	text-align:justify;
}
div.pullquote blockquote p.first {
}
div.pullquote blockquote p.first:first-letter {
	background:transparent url(../images/quote-opening.gif) top left no-repeat;
	padding-left:1.8em;
	padding-top:.5em;
}
div.pullquote div.owner {
	clear:both;
	*height:5em;
}
div.pullquote div.owner img {
	border:.2em solid #999999;
	float:left;
}
div.pullquote cite {
	color:#666666;
	display:block;
	float:left;
	font-style:normal;
	font-weight:bold;
	line-height:1;
	padding-right:1em;
	padding-top:1em;
	width:12.5em;
}
/* Footer
------------------------------------------------------------------*/
#footer {
	color: #333333;
	background-color: #FFFFFF;
	width: 79.8em;
	margin-top: 3em;
	clear: both;
	border-top: .1em solid #999999;
}
#footer ul {
	background:#eee;
	border-bottom: .1em solid #999;
	color: #999999;
	margin-bottom: 2em;
	padding:0 10%;
	width: 80%;
}
#footer ul li {
	display:inline;
	margin-left:1em;
}
#footer ul a {
	color: #666666;
	font-size: 1em;
	font-weight:bold;
	text-decoration: none;
}
#footer ul a:hover {
	color:#000;
}
#footer p {
	line-height:1;
	padding: 0 0 0 10px;
	margin:.5em 0;
}

/* === Module 1 === */
#mod1 {
	background:transparent url(../images/mod1-bg-blk.jpg) top center no-repeat;
	color: #FFFFFF;
	display: block;
	font-size:1.2em;
	height: 13.6em;
	padding: .5em .5em 0 1.5em;
	margin-bottom: 1em;
}
#mod1 h4 {
	margin-bottom:.5em;
}
.normal {
	font-style:normal;
}
#weather {
	text-align: center;
	z-index: 500;
}
/* Credits
------------------------------------------------------------------*/
#webdesign {
	color: #666666;
	margin-top:1.5em;
	text-align:right
}
#webdesign a {
	color: #0099FF;
	text-decoration: none;
}
#webdesign a:hover {
	text-decoration: underline;
}
/* Spry: Sliding Panels
------------------------------------------------------------------*/
#image-slider {
	border: solid .1em #999999;
	border-left: solid .1em #ccc;
	border-right: solid .1em #999;
	border-top: solid .1em #999;
	border-bottom: solid .1em #ccc;
	background-color: #fff;
	float: left;
	margin-bottom:1em;
	width: 25.6em;
}
#image-slider h4 {
	color: #3399FF;
	margin-left: .5em;
}
#image-slider .SlidingPanels {
	width: 25.6emx;
	height: 12em;
	float: left;
}
#image-slider .SlidingPanelsContentGroup {
	width: 8000em;
	float: left;
}
#image-slider .SlidingPanelsContent {
	float: left;
	width: 126px;
	height: 120px;
}
#image-slider img {
	border: .2em solid #ccc;
	height: 7.2em;
	margin: .4em 2em;
	width: 7.2em;
}
#image-slider .SlidingPanelsContent .content {
	float: left;
	margin: .4em auto;
	text-align: center;
}
#image-slider #item1 .content,
#image-slider #item2 .content,
#image-slider #item3 .content,
#image-slider #item4 .content,
#image-slider #item5 .content,
#image-slider #item6 .content,
#image-slider #item7 .content,
#image-slider #item8 .content,
#image-slider #item9 .content {
	border-right: dashed .1em #999999;
}
#image-slider .content {
	font-size:1em;
	height: 8em;
	padding: 0 .4em;
}

#image-slider p {
	line-height:1;
	margin: 0;
}
#image-slider .prev {
	clear: both;
	padding: .4em;
	text-align: left;
}

#image-slider .next {
	clear: both;
	padding: .4em;
	text-align: right;
}
.SlidingPanelsAnimating * {
	overflow: visible !important;
}

#image-slider .navLinks {
	border-top:  solid .1em #ccc;
	clear: both;
	padding: .4em 0;
	text-align: center;
}
/*--- Photo Gallery Slider Styles--*/
#image-slider.galleries .SlidingPanels,
#image-slider.galleries .SlidingPanelsContent {
	height: 13em;
}
body#services.street #image-slider.galleries .SlidingPanels,
body#services.street #image-slider.galleries .SlidingPanelsContent,
body#services.surface #image-slider.galleries .SlidingPanels,
body#services.surface #image-slider.galleries .SlidingPanels {
	height:13em;
}
#image-slider.galleries .next,
#image-slider.galleries .prev {
	padding-top: 2em;
}
/* Careers
----------------------------------*/
div#application {
	background-color:#FFFFCC;
	border: .1em dotted #ccc;
	margin-top:1em;
	padding:1em;
}
#application a {
	background:transparent url(../images/icon-document.gif) left 50% no-repeat;
	font-size:1.2em;
	padding-left:1.5em;
}
#application a:hover {
	text-decoration:underline;
}
#application p {
	color:#666666;
	margin:0;
	font-size:.9em;
}
#application p a {
	background:none;
	font-size:1em;
	padding-left:0;
}