html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}:focus{outline:0}body{line-height:1;color:#000;background:#FFF}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:400}html,body{height:100%;width:100%;}blockquote:before,blockquote:after,q:before,q:after{content:""}.group:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.group{display:inline-block}html[xmlns] .group{display:block}* html .group{height:1%} strong {font-weight: bold;} em {font-style: italic;} sup{font-size:10px;position:relative;top:-4px;left:0;}

/*##################################

Colors:

	Orange			:		#ef8b08
	Dark Blue		:		#1c4057
	Light Blue		:		#2d688e
	
###################################*/


body {background: #2d688e url(../i/sub_bg.png) 0 0 repeat-x; font-family: "Lucida Grande","Lucida Sans Unicode", sans-serif; font-size: 62.5%;}
body#home {background: #2d688e url(../i/bg.png) 0 0 repeat-x;}


.section {width:940px; margin: 0 auto;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.note { background: #fffecc; border: 1px solid #ffe362; cursor: pointer; margin: 0 0 10px 0; padding: 10px 0; text-indent: 30px; position: relative;}
	.note .hide {position: absolute; top:3px; left:3px;}
	
.hide {display: block; height: 16px; width: 16px; background: url(../i/close.gif) no-repeat 0 0; text-indent: -9999px;}

#header {height: 200px; position: relative;}
#header h1 {width: 353px; height: 77px; background: url(../i/sprite.png) no-repeat -1446px 0; position: absolute; top:30px; left:-4px;} 
	#header h1 a {display: block; width: 100%; height: 100%; text-indent: -9999px;}
#header #view_pre_bid_jobs {display: block; width: 271px; height: 68px; background:url(../i/sprite.png) -306px -230px no-repeat; text-indent: -9999px; position: absolute; top:35px; right:0;}
	#header #view_pre_bid_jobs:hover {background-position: -306px -298px;}
#header ul {position: absolute; width: 940px; height: 61px; background: url(../i/sprite.png) no-repeat -1849px 0; bottom:0; left:0; overflow: visible;}
		#header #view_pre_bid_jobs:active {top:36px; right:0;}
	#header ul li {display:inline; }
	#header ul li a:link, #header ul li a:visited {color: #fff; text-transform: uppercase; text-decoration: none;  display:block; float:left; height: 60px; padding: 0 20px; line-height:63px; font-size: 13px; text-shadow: 0 0 5px rgba(0,0,0,.8);}
	

	
#job .nav_job,
#project .nav_job,
#log .nav_log,
#sup .nav_sup,
#tut .nav_tut,
#con .nav_con,
#header ul li a:hover {background: #1c4057 url(../i/active.gif) repeat-x 0 0;}
#header ul li a:active {position: relative; top:1px; left:0;}
#job .nav_job,
#log .nav_log,
#sup .nav_sup,
#tut .nav_tut,
#con .nav_con {cursor: default;}

/* Moving Some Nav Items to the Right */

#header ul #nav_log, #nav_sup {position: absolute;}
#header ul #nav_log {top:0; left:740px;}
	#header ul #nav_log:hover {background: #1c4057 url(../i/active.gif) repeat-x 0 0;}
	#header ul #nav_log:active {position: absolute; top:1px; left:740px;}
#header ul #nav_sup {top:0; left:820px;}
	#header ul #nav_sup:hover {background: #1c4057 url(../i/active.gif) repeat-x 0 0;}
	#header ul #nav_sup:active {position: absolute; top:1px; left:820px;}

/* ### */



#promo {height:107px; background: #f1f1f1 url(../i/sprite.png) -1667px -230px no-repeat; position: relative; border-top: 1px solid #fff;}
#promo h2 { position: absolute; top: 40px; left: 5%; color: #fff; font-size:20px; font-weight: bold; text-align: left; }

#home #promo {border-top: 1px solid #fff; height:238px; background: #f1f1f1 url(../i/sprite.png) -697px -230px no-repeat; position: relative;}
	#home #promo #blurb {width: 421px; height: 97px; background: url(../i/sprite.png) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: 40px; left: 60px;}
		#home #promo h3 {font-size: 13px; color: #2d688e; width: 420px; position: absolute; top:150px; left: 65px; line-height: 1.7em; }
	#home #promo img {position: absolute; top: 10px; right: 60px;}

#content {background: #f1f1f1 url(../i/content_shadow.png) center top no-repeat; padding: 35px 0 25px 0; position: relative;}
	#job #content {padding-top:15px;}


#main {width: 500px; float:left; margin: 0 0 0 30px;}
#full {width: 900px; margin: 0 auto;}
	#full p, #main p, #secondary p, label, #main ul li {font-size: 12px; color: #333; line-height: 1.5em;}
	#full h2, #main h2, #secondary h2,#home #main h3 {font-size: 20px; color: #1c4057; font-weight: bold; margin: 0 0 25px 0;}
	#home #main h2 {background: url(../i/sprite.png) no-repeat -471px 0; width: 386px; height: 22px; text-indent: -9999px;}
	#main p a:link,
	#main p a:visited,
	#secondary p a:link,
	#secondary p a:visited,
	#main ul li a:link,
	#main ul li a:visited,
	#project td a:link,
	#project td a:visited {color: #234961; text-decoration: none; border-bottom: 1px dotted #234961;}
	#main p a:hover,
	#secondary p a:hover,
	#main ul li a:hover,
	#project td a:hover {background: #234961; color: #fff; border-bottom: 1px solid #000; text-shadow: 0 1px 0 #000;}
	#main p a:active,
	#secondary p a:active,
	#main ul li a:active,
	#project td a:active {position: relative; top:1px; left:0;}
	
#main ul li {margin: 0 0 10px 0;}
#main p + ul {padding-top: 15px;}
#faq {margin: 0 0 100px 0;}
#sup h3 {font-size:14px; font-weight: bold; padding: 70px 0 3px 0; color: #234961; line-height: 1.5em; }


#tooltip_toggle {display:none; height:32px; line-height:32px; text-decoration: none; color: #234961; font-size:11px; font-weight: bold; width:320px; background: url(../i/sprite.png) no-repeat -358px -518px; margin: 0 0 8px 0; padding-left:100px;}
	#tooltip_toggle.toggled {background-position: -358px -582px;}
	
#condensed_toggle {display:none; height:32px; line-height:32px; text-decoration: none; color: #234961; font-size:11px; font-weight: bold; width:200px; background: url(../i/sprite.png) no-repeat -358px -518px; margin: 0 0 8px 0; position: absolute; right:40px; top:15px; padding-left:100px;}
	#condensed_toggle.toggled {background-position: -358px -582px;}
		

#jobs_table {width:100%;}
#jobs_table th {border: 1px solid #cdcdcd; border-left:none; padding: 10px 5px 10px 20px; font-size: 14px; color: #234961;}
	#jobs_table #bid_date_col {width:12%; border-left: 1px solid #cdcdcd;}
	#jobs_table #job_name_col {width:58%;}
	#jobs_table #city_col {width:15%;}
	#jobs_table #city_col {width:15%;}
#jobs_table td {color: #234961; font-size: 14px; padding: 15px 5px 15px 12px; border-bottom: 1px solid #cdcdcd; vertical-align: middle;}
	#jobs_table td.bid_date_cell {font-size: 12px;}
	#jobs_table td a {color:#234961;}
#jobs_table th {background: #e7e7e7 url(../i/sprite.png) no-repeat -920px -507px; cursor: pointer;}
	#jobs_table th.headerSortDown {background-position: -920px -585px;}
	#jobs_table th.headerSortUp {background-position: -920px -547px;}
#jobs_table tr.over {background: #f9910b url(../i/table_hover.png) repeat-x 0 0;}
/* Condensed Display */
#job .condensed_display td {color: #234961; font-size: 12px; padding: 4px 5px 4px 12px; border-bottom: 1px solid #cdcdcd; vertical-align: middle;}

#print_bid {position: absolute; display: block; height:28px; padding-left:40px; background: url(../i/sprite.png) no-repeat -627px -230px; color: #fff; font-size:14px; top:34px; right:60px; line-height: 28px; text-decoration: none;}
	#print_bid:hover {background-position: -627px -258px;}

#tooltip { position: absolute; z-index: 10000; border: 1px solid #cdcdcd; border-bottom: 1px solid #666; border-right: 1px solid #666; background-color: #eee; background: rgba(255,255,255,.9); padding: 10px; max-width: 300px; -moz-box-shadow: 0 0 5px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);}
#tooltip:before {content: "Project Scope"; font-size: 13px; color: #333; font-weight:bold; padding: 0 0 5px 0; display: block;}
#tooltip h3, #tooltip div {margin: 0; font-size: 12px; color: #333; line-height: 1.5em; }

.contact_table {display:block; width:100%; padding: 0 10px;}
	.contact_table th {border-bottom:1px solid #ccc; font-size:13px; font-weight: bold; color: #234961; padding: 7px;}
	.contact_table td {width:21%; font-size:12px; color: #444; padding:7px;border-bottom:1px solid #ccc;}
	.contact_table td.phone {width:10%;}

/* Project Page CSS Rules */
#project h3, #project caption {font-size: 14px; color: #234961; margin: 0 0 10px 0; font-weight: bold;}
#project h2 + h3 {margin: -20px 0 0 0; color: #777; font-weight: normal;}
.project_info {margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px dotted #ccc;}
	.project_info p {padding: 0 0 5px 0;}
.sub_info em {float:left; width:140px; text-align: right; color: #777; font-style: normal; font-size: 11px;}
.sub_info strong {float:right; text-align: left; width:350px;}

#button_actions_parent {width:94%;}

#confirmation {width:100%; height:40px; border: 1px solid #86c98f; text-align:center; background: #c6ffca url(../i/check.gif) no-repeat 3% 50%; margin: 0 0 10px 0; display:none;}
	#confirmation * {line-height:40px; font-size:14px; color: #406545;}

#button_actions_ul label {display: block; cursor: pointer;}

#button_actions_ul .button_action:link, #button_actions_ul .button_action:visited {display:block; background: #234961 url(../i/nav_bar.png) center top; color: #fff; height:40px; line-height:40px; text-align:center; text-decoration: none; border: 1px solid #8792a6; font-size:14px; margin: 0 0 5px 0;}
	#button_actions_ul .button_action:hover {background: url(../i/bg.png) 0 -201px repeat-x;}

#order_plans_button {position: relative;}
	.close {display:block; position: absolute; top:0; right:0; height:16px; width:16px; background: url(../i/close.gif) no-repeat 0 0; text-indent: -9999px; cursor:pointer;}

#order_plans_options {display:none; position: relative; padding: 0 0 15px 0;}
#order_plans_on_cd {float:left; display: block; height:40px; width:124px; background: url(../i/sprite.png) no-repeat 0 -518px; border: 1px solid #bbb; text-indent: -9999px;}
#order_plans_paper {float:right; display: block; height:40px; width:124px; background: url(../i/sprite.png) no-repeat -125px -518px; border: 1px solid #bbb; text-indent: -9999px;}

	#bid_options_div p {padding:5px 0;}
	#bid_options_div h3 {text-align: center; width:100%; font-size: 18px; padding: 5px 0; font-weight: bold;}
	#bid_options_div fieldset {padding-top:10px;}


#secondary {width:300px; float:right; position: relative; top:0; right:40px;}
#benefits li {background: url(../i/sprite.png) no-repeat; height: 32px; padding-left: 45px; font-size: 13px; color: #2d688e; text-transform: uppercase; line-height: 32px; margin: 0 0 32px 0; }
	#benefits #b_1 {background-position: -2792px 0;}
	#benefits #b_2 {background-position: -2792px -32px;}
	#benefits #b_3 {background-position: -2792px -64px;}
	#benefits #b_4 {background-position: -2792px -96px;}
	
.play_video {display: block; width: 256px; height: 146px; background:url(../i/sprite.png) no-repeat 0 -230px; position: relative; margin: 0 30px 50px 0; text-decoration: none; overflow: visible;}
	.play_video img {position: absolute; top:10px; left:10px;}
	#sup .play_video h3 {text-align: center; color: #234961; font-weight: bold; font-size: 13px; width:100%; position: absolute; top:155px; left:0; line-height: 1.3em; padding:0;}
	
#contact_form label {display: block; cursor: pointer;}
#contact_form fieldset {position: relative;}
.text {display: block; border: 1px solid #234961; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size:16px; padding:8px; margin: 0 0 19px 0; width: 60%; background: #fff;}
	.text.error {border-color: #990010; border-width: 2px;}
	label.error {position: absolute; left: 200px; top:0; font-weight: bold; font-size:11px;}
	#project label.error {position:static; font-weight: bold; font-size:11px; padding:0;margin:0;position:relative;top:-40px;right:0}
textarea.text {width:95%; height:120px;}
.text:focus {background: #f7ffda; border: 2px solid #234961;}
.submit {float:right; cursor: pointer;}
.submit:focus {outline:2px dotted #ccc;}
.submit:active {position: relative; top:1px; left:0;}

#sent {display:none; background: #d2ffd3; border: 1px solid #6bab6d; margin: 0 0 10px 0;}
	#sent h5 {padding:10px; color: #375737; font-size:16px}
#error {display:none; background: #ffd5dd; border: 1px solid #c54345; margin: 0 0 10px 0;}
	#error h5 {padding:10px; color: #490007; font-size:16px}

#log_in_form {padding-top:25px;}
#log_in_form .text {width:94%;}

#install_components {height:60px; width:258px; display:block; text-indent: -9999px; background:url(../i/sprite.png) no-repeat -989px 0; margin: 25px auto 50px;}
	#install_components:hover {background-position: -989px -60px;}
	#install_components:focus,#install_components:active {background-position: -989px -120px;}
#login_submit {display:block; width:99px; height:41px; text-indent: -9999px; background:url(../i/sprite.png) no-repeat -1297px 0;}
	#login_submit:hover,#login_submit:focus {background-position: -1297px -42px;}
	#login_submit:active {background-position: -1297px -83px;}

#ads {background: #fff; height: 90px; border-top: 1px solid #ddd; padding-top: 35px;}
#ads ins {position: relative; top:-9px; left:52px;}


#footer {height: 100px; background: url(../i/footer.png) repeat-x center top; position: relative;}
#footer ul {position: absolute; top: 25px; left: 10px; width:400px;}
	#footer ul li {display: inline; }
	#footer ul li a:link, #footer ul li a:visited {color: #fff; text-decoration: none; padding: 5px 9px; font-size: 12px; text-shadow: 0 1px 0 rgba(0,0,0,.9); line-height:1.8em;}
	#footer ul li a:hover {background: #1c4057;}
	#footer ul li a:active {position: relative; top: 1px; left:0;}









/* ## Lightbox Stuff ############## */
div.light_rounded .pp_top .pp_left { background:url(../i/lightbox/light_rounded/sprite.png) -88px -53px no-repeat; }
div.light_rounded .pp_top .pp_right { background:url(../i/lightbox/light_rounded/sprite.png) -110px -53px no-repeat; }
div.light_rounded .pp_content { background-color:#fff; }
div.light_rounded .pp_next:hover { background:url(../i/lightbox/light_rounded/btnNext.png) center right no-repeat; cursor:pointer; }
div.light_rounded .pp_previous:hover { background:url(../i/lightbox/light_rounded/btnPrevious.png) center left no-repeat; cursor:pointer; }
div.light_rounded .pp_expand { background:url(../i/lightbox/light_rounded/sprite.png) -31px -26px no-repeat; cursor:pointer; }
div.light_rounded .pp_expand:hover { background:url(../i/lightbox/light_rounded/sprite.png) -31px -47px no-repeat; cursor:pointer; }
div.light_rounded .pp_contract { background:url(../i/lightbox/light_rounded/sprite.png) 0 -26px no-repeat; cursor:pointer; }
div.light_rounded .pp_contract:hover { background:url(../i/lightbox/light_rounded/sprite.png) 0 -47px no-repeat; cursor:pointer; }
div.light_rounded .pp_close { width:75px; height:22px; background:url(../i/lightbox/light_rounded/sprite.png) -1px -1px no-repeat; cursor:pointer; }
div.light_rounded .pp_arrow_previous { background:url(../i/lightbox/light_rounded/sprite.png) 0 -71px no-repeat; }
div.light_rounded .pp_arrow_next { background:url(../i/lightbox/light_rounded/sprite.png) -22px -71px no-repeat; }
div.light_rounded .pp_bottom .pp_left { background:url(../i/lightbox/light_rounded/sprite.png) -88px -80px no-repeat; }
div.light_rounded .pp_bottom .pp_right { background:url(../i/lightbox/light_rounded/sprite.png) -110px -80px no-repeat; }
div.light_rounded .pp_loadericon { background:url(../i/lightbox/light_rounded/loader.gif) center center no-repeat; }
div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay { background:#000; display:none; left:0; position:absolute; top:0; width:100%; z-index:9500; }
div.pp_pic_holder { display:none; position:absolute; width:100px; z-index:10000; }
.pp_content { height:40px; }
.pp_content .ppt { left:auto; margin-bottom:5px; position:relative; top:auto; }
.pp_fade { display:none; }
.pp_content_container { position:relative; text-align:left; width:100%; }
.pp_content_container .pp_left { padding-left:20px; }
.pp_content_container .pp_right { padding-right:20px; }
.pp_content_container .pp_details { margin:10px 0 2px; }
.pp_description { display:none; margin:0 0 5px; }
.pp_nav { clear:left; float:left; margin:3px 0 0; }
.pp_nav p { float:left; margin:2px 4px; }
.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next { display:block; float:left; height:15px; margin-top:3px; overflow:hidden; text-indent:-10000px; width:14px; }
.pp_hovercontainer { position:absolute; top:0; width:100%; z-index:2000; }
a.pp_next { background:url(../i/lightbox/light_rounded/btnNext.png) 10000px 10000px no-repeat; display:block; float:right; height:100%; text-indent:-10000px; width:49%; }
a.pp_previous { background:url(../i/lightbox/light_rounded/btnNext.png) 10000px 10000px no-repeat; display:block; float:left; height:100%; text-indent:-10000px; width:49%; }
a.pp_expand,a.pp_contract { cursor:pointer; display:none; height:20px; position:absolute; right:30px; text-indent:-10000px; top:10px; width:20px; z-index:20000; }
a.pp_close { display:block; float:right; text-indent:-10000px; }
.pp_loadericon { display:block; height:24px; left:50%; position:absolute; top:50%; width:24px; margin:-12px 0 0 -12px; }
#pp_full_res { line-height:1!important; }
#pp_full_res .pp_inline { text-align:left; }
#pp_full_res .pp_inline p { margin:0 0 15px; }
div.ppt { color:#fff; display:none; font-size:14px; text-transform: uppercase; left:0; position:absolute; top:0; z-index:9999; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:block; }
* html .clearfix { height:1%; }
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content { background:#fff; }
div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline { color:#000; }
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled { background-position:0 -87px; cursor:default; }
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled { background-position:-22px -87px; cursor:default; }
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle { background:url(../i/lightbox/dark_rounded/contentPattern.png) top left repeat; }
div.dark_rounded .pp_content_container .pp_left,div.dark_square .pp_content_container .pp_left { background:url(../i/lightbox/dark_rounded/contentPattern.png) top left repeat-y; }
div.dark_rounded .pp_content_container .pp_right,div.dark_square .pp_content_container .pp_right { background:url(../i/lightbox/dark_rounded/contentPattern.png) top right repeat-y; }
div.dark_rounded .currenttextholder,div.dark_square .currenttextholder { color:#c4c4c4; }
div.dark_rounded .pp_description,div.dark_rounded #pp_full_res .pp_inline,div.dark_square .pp_description,div.dark_square #pp_full_res .pp_inline { color:#fff; }
div.dark_rounded .pp_loadericon,div.dark_square .pp_loadericon { background:url(../i/lightbox/dark_rounded/loader.gif) center center no-repeat; }
.pp_top,.pp_bottom { height:20px; position:relative; }
* html .pp_top,* html .pp_bottom { padding:0 20px; }
.pp_top .pp_left,.pp_bottom .pp_left { height:20px; left:0; position:absolute; width:20px; }
.pp_top .pp_middle,.pp_bottom .pp_middle { height:20px; left:20px; position:absolute; right:20px; }
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle { left:0; position:static; }
.pp_top .pp_right,.pp_bottom .pp_right { height:20px; left:auto; position:absolute; right:0; top:0; width:20px; }