/*
Theme Name: NicheLabs Custom Theme 
Theme URI: http://nichelabs.com/
Description: Search engine optimized theme. Theme designed by <a href="http://nichelabs.com" target="_blank">NicheLabs LLC</a>.
Version: 1.1
Author: NicheLabs LLC
Author URI: http://nichlabs.com
Tags: 2 columns, 3 columns, white, widgets, fixed width, wooden mannequin, solbergs, blue, gravatars, business, fixed width, one column, two columns, three columns, clean, lorem ipsum, search engine optimized,
*/

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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* Body */
* {margin:0; padding:0;}
body {background:#3E3E40; color:#4d4d4d; font:12px Arial,Verdana,Tahoma,sans-serif;text-align:justify;}
#wrap {background-color:#fff; margin:0 auto; width:965px;}

/* Links */
a {background-color:inherit; color:#749bca; font-weight:bold; text-decoration:none;}
a:hover {background-color:inherit; color:#286ea0; font-weight:bold; text-decoration:underline;}
a img {border:0;}

ul {list-style-type: disc; padding: 0 20px;}

/* Header */
#header {width: 965px; height: 134px;background: #000 url(img/header_bg.jpg) top center no-repeat}
#logo {width:286px;height:92px;float:left;}
#contact-info{width:257px;height:92px;float:right}
#nav-wrapper { clear:both;height: 42px; position: relative; background: url(img/nav_bg.jpg) bottom left repeat-x; z-index: 100;}
#top-nav { width: 830px; height: 42px; margin: 0 auto; }
#menu  {
	list-style: none;
	padding: 0;
	margin: 0;
}
	
#menu li {
	float: left;
	position: relative;
	text-align: center;
}
#menu li a:link,
#menu li a:visited,
#menu li a:hover {
	color: #050608 ;
	font-size: 1px;
	display: block;
	padding-bottom: 42px;
}
#menu li.page-item-2 a {
	width: 90px;
	background: url(img/home_bttn.jpg) top center no-repeat;
}
#menu li.page-item-2 a:hover {
	width: 90px;
	background: url(img/home_sel_bttn.jpg) top center no-repeat;
}
#menu li.page-item-6 a {
	display: block;
	width: 97px;
	background: url(img/about_bttn.jpg) top center no-repeat;
}
#menu li.page-item-6 a:hover {
	width: 97px;
	background: url(img/about_sel_bttn.jpg) top center no-repeat;
}
#menu li.page-item-7 a {
	width: 112px;
	background: url(img/services_bttn.jpg) top center no-repeat;
}
#menu li.page-item-7 a:hover {
	width: 112px;
	background: url(img/services_sel_bttn.jpg) top center no-repeat;
}
#menu li.page-item-8 a {
	width: 112px;
	background: url(img/process_bttn.jpg) top center no-repeat;
}
#menu li.page-item-8 a:hover {
	width: 112px;
	background: url(img/process_sel_bttn.jpg) top center no-repeat;
}
#menu li.page-item-9 a {
	width: 105px;
	background: url(img/clients_bttn.jpg) top center no-repeat;
}
#menu li.page-item-9 a:hover {
	width: 105px;
	background: url(img/clients_sel_bttn.jpg) top center no-repeat;
}
#menu li.page-item-10 a {
	width: 86px;
	background: url(img/news_bttn.jpg) top center no-repeat;
}
#menu li.page-item-10 a:hover {
	width: 86px;
	background: url(img/news_sel_bttn.jpg) top center no-repeat;
}
#menu li.page-item-11 a {
	width: 108px;
	background: url(img/careers_bttn.jpg) top center no-repeat;
}
#menu li.page-item-11 a:hover {
	width: 108px;
	background: url(img/careers_sel_bttn.jpg) top center no-repeat;
}
#menu li.page-item-12 a {
	width: 120px;
	background: url(img/contact_bttn.jpg) top center no-repeat;
}
#menu li.page-item-12 a:hover {
	width: 120px;
	background: url(img/contact_sel_bttn.jpg) top center no-repeat;
}
#menu li a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #0301bf;  text-decoration: none; font-weight: bold; }
#menu li a:hover { color: #ba1300; }
	
#menu li ul {
	list-style-image: url(img/li_plus.jpg);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	width: 100%;
	padding: 0 10px 10px 20px;
	margin-left: -10px;
	z-index: 90;
	background: #48698b;
	text-align: center;
}
#menu li li ul {
	background: none;
	position: relative;
	top: 0px;
	left: 0;
	padding: 0;
}
	
#menu li li {
	float: none;
	width: 100%;
	margin: 0 auto;
	padding: 0 !important;
	background: none;
	text-align: left;
}
#menu li li ul li {
	padding: 0;
	margin: 0;
}
#menu li li a {
	display: block;
	width: 100%;
	background: none !important;
	padding: 5px 0 !important;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff !important;
	text-decoration: none;
	font-size: 11px !important;
}
#menu li li li a {
	color: #fff;
	font-weight: normal;
}
#menu li li a:hover {
	color: #75c9e0 !important;
	background: none !important;
}
	
#menu li:hover ul, #menu li.sfhover ul {
	display: block;
}


/* Sidebars */
#leftside {clear:left; float:left; line-height:1.5em; margin:0 0 5px; padding:0; width:175px;}
#extras {float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:250px;}
#career-extras {float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:350px; text-align: center;}
#career-extras table#contact-info-table {text-align: left;padding-bottom:20px; padding-left: 80px;}
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:12px; margin:0 0 18px;}
#leftside li, #extras li {line-height:1.2em; list-style:none; margin:0;}
#leftside ul ul, #extras ul ul {margin:6px 0 0 10px;}
#leftside ul ul li, #extras ul ul li {margin:0 0 4px;}
#leftside ul ul li a, #extras ul ul li a {font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist {font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 20px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:bold;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; color:#547092; font-size:14px; font-weight:bold; text-align:left; margin:0 0 6px;}
#leftside label, #extras label {display:none;}

/* Main menu */
ul.page {list-style:none; margin:0 !important; padding: 0 !important;width:173px;}
ul.page ul {margin: 0; padding: 0;}
ul.page li {display:inline; line-height:1.4em; width:173px;text-align: center;}
ul.page li a {height: 40px; padding-top: 17px;background: url(img/left_nav_bg.png) top left no-repeat; color:#fff; float:left; font-weight:bold; text-decoration:none; width:157px;padding-right: 15px;}
ul.page li a:hover, ul.page li.current_page_item a {background: url(img/left_nav_active.png) top left no-repeat; color:#fff;}
/*
ul.page ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
ul.page ul a {padding:3px 1px 3px 5px; width:115px;}
ul.page ul ul {width:113px;}
ul.page ul ul a {width:100px;}
*/

/* Content */
#content-wrapper {padding: 25px 75px 0 75px; min-height: 375px; height: auto !important; height: 375px;background: #fff url(img/content_wrapper_bg.jpg) top center no-repeat;}
#content {line-height:1.6em; margin:0 155px 5px; padding:0;}
#contentfull {line-height:1.6em; margin:0 10px; padding:0 0 10px 0;}
#contentright {line-height:1.6em; width:610px; float: right;}
#contentleft {line-height:1.6em; width:550px; float: left;}
#contentcareer {line-height:1.6em; width:456px; float: left;}
#contentwide {line-height:1.6em; margin:0 0 5px 250px; padding:0 0 10px 0;}
#contentwide {line-height:1.6em; margin:0 0 5px 250px; padding:0 0 10px 0;}
#content h2,#contentwide h2 {font-size:1.6em; margin:0;}
#content h3,#contentwide h3 {font-size:1.4em; margin:0 0 8px;}
#content img,#contentwide img {border:1px solid #d0d0d0; float:left; margin:3px 10px 3px 0;}
#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}
#content li,#contentwide li {padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}

/* Bottom Menu */
#bot-nav-wrapper { height: 32px; background: url(img/bot_nav_bg.jpg) top left repeat-x;  }
#bottom-nav { width: 860px; height: 32px; margin: 0 auto; font-size: 9px; text-align: center;}
#bottom-nav ul { list-style: none; padding: 0;}
#bottom-nav li { float: left; margin: 0; padding: 8px 27px; }
#bottom-nav li#sitemap {background: none}
#bottom-nav li:hover { }
#bottom-nav li a { }
#bottom-nav li a { float: left; display: block; text-transform: uppercase; text-decoration: none; }
#bottom-nav li.current_page_item,
#bottom-nav li a#sitemap,
#bottom-nav li a:hover {color: #fff; }
/* Footer */
#footer {border-top:1px solid #cfcfcf; border-left: 1px solid #6e7f94; border-bottom: 1px solid #6e7f94; border-right: 1px solid #6e7f94; background: #547092; font-size:0.9em; clear:both; color:#94cbd6; font-weight:normal; line-height:1.7em; margin:0 auto; padding:0; text-align:center; width:965px; height: 58px;}
#footer p {margin:0; padding:0;}
#footer a {color:#777; font-weight:normal; text-decoration:none;}
#footer a:hover {color:#555; text-decoration:underline;}
#footer strong a {font-weight:bold;}
#footer span.credits {font-size:1.1em;}
#copyright { width: 345px; float: left; text-align: center; padding-top: 20px; }
#design { width: 345px; float: right; text-align: left; text-align: center; padding-top: 20px; }
#design a:link, #design a:visited { color: #94cbd6;}
#design a:hover { color: #fff;}
#newsletter {width: 265px; height: 48px;padding-top: 10px;margin: 0 auto; background: #6588a4;}

/* Subpage menu 
#subpages {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; float:right; font-weight:bold; line-height:1.3em; margin:-5px 0 8px 15px; padding:0 0 10px 10px; width:190px;}
#subpages h2 {font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; margin:0 0 12px;}
#subpages ul.submenu {line-height:1.4em; list-style:none; margin:0;}
#subpages ul.submenu li {display:inline; line-height:1.4em; width:180px; padding:0;}
#subpages ul.submenu li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:180px;}
#subpages ul.submenu li ul {margin:0 0 5px 10px; width:170px;}
#subpages ul.submenu li ul li a {width:170px;}
#subpages ul.submenu li ul ul {margin:0 0 5px 10px; width:160px;}
#subpages ul.submenu li ul ul li a {width:160px;}
#subpages ul.submenu li ul ul ul {margin:0 0 5px 10px; width:150px;}
#subpages ul.submenu li ul ul ul li a {width:150px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {background-color:#eaeaea; border-left:0px solid #286ea0; color:#555;}
#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#555;}
*/

/* Tags */
/*p,ul,ol {margin:0 0 18px;} */
blockquote {border-left:0px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:0px solid #cccccc;}

/* Forms */
#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment {border:1px solid #cccccc; font-family: Arial,Verdana,Tahoma,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}

.wpcf7-form {font-size: 10px; text-align: left;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* WP image align classes */
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;}
.alignleft {float:left;}

/* Various classes */
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0;}
.postinfo {border-left:0px solid #cccccc; color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:1px 0 30px; padding:8px 5px 8px 8px;}
.comment {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.navigation {display:block; margin:10px 0 20px 0; padding:0; text-align:center;}
.navigation p {margin:0; padding:0;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:20px;}
.clr {clear: both;}


/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.post-wrapper {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:965px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:24px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under post-wrapper */
}

.post-wrapper .post-container,
.post-wrapper .t,
.post-wrapper .b,
.post-wrapper .b div {
 background:transparent url(img/post_bg.png) no-repeat top right;
 _background-image:url(img/post_bg.gif);
}

.post-wrapper .post-container {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 24px 0px 0px;
 min-height: 300px;
 height: auto !important;
 height: 300px;
}

.post-wrapper .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:24px; /* top slice width */
 margin-left:-24px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.post-wrapper .b {
 /* bottom */
 position:relative;
 width:100%;
}

.post-wrapper .b,
.post-wrapper .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.post-wrapper .b {
 background-position:bottom right;
}

.post-wrapper .b div {
 position:relative;
 width:24px; /* bottom corner width */
 margin-left:-24px;
 background-position:bottom left;
}

.post-wrapper .hd,
.post-wrapper .bd,
.post-wrapper .ft {
 position:relative;
}

.post-wrapper .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.post-wrapper h1,
.post-wrapper h2,
.post-wrapper img.h2 {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding: 19px 0px 10px 0px;
 color: #749bca;
 font-size: 16px;
}
.post-wrapper h3 {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding: 0px;
 color: #749bca;
 font-size: 14px;
}
.post-wrapper p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.post-wrapper h1 {
 padding-bottom:0px;
}

#home-menu {
	width: 224px;
	margin: 0 auto;
	padding-top: 10px;
}
#home-menu img {
	padding-top: 10px;
}
#home-menu p {
	margin: 0;
}

.image-widget {
	padding-bottom: 20px;
}
#home-bottom {
	clear:both;
	padding: 20px 0 10px 0;
	width: 805px;
	text-align: center;
}
/* Slideshow */
#slideshow { width:224px; height: 184px; margin: 0 auto; position: relative; background: url(img/slideshow_bg.png) top left no-repeat;}
#slideshow #menu-wrapper, #slideshow #pictures-wrapper, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('imgspinner.gif'); display: block; top: 92px; left: 112px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5; }
#slideshow #pictures-wrapper { width: 217px; height: 175px; left: 3px; top: 5px; overflow: hidden; }
#slideshow #pictures-wrapper  ul { padding:0; }
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 217px; }
#slideshow #pictures li img { display: block; bottom: 0; }

/******* lightbox css *********/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer img {
	padding: 0;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url('data:image/gif;base64,AAAA'); /* Trick IE into showing hover */ display: block }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../images/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('../images/nextlabel.gif') no-repeat right 15%; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/******* end lightbox css *********/