/* 
----------------------------------------
NORBUT CONSTRUCTION - MAIN WEBSITE
VERSION: 1.1
UPDATED: 01.06.09
----------------------------------------*/

/*
----------------------------------------
GLOBAL RESET
----------------------------------------*/

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 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100% }

:focus { outline: 0 }

/*
----------------------------------------------------------------------------------------------
BODY STYLES
----------------------------------------------------------------------------------------------*/

body { background: #324161; font-family: Arial, Helvetica, sans-serif; font-size: 100% }


/*
----------------------------------------------------------------------------------------------
GLOBAL LINK STYLES
----------------------------------------------------------------------------------------------*/

a         { text-decoration: none }
a:link    { color: #266e9b }
a:visited { color: #5a269b }
a:hover   { color: #232850 }

a.pic:link, a.pic:visited { background: #f7f7f5; float: left; font-size: 12px; padding: 2px 10px 5px 10px; width: 200px }

	#right-sidebar a.pic:link, #right-sidebar a.pic:visited 
		{ background: #f7f7f5; float: left; font-size: 12px; padding: 2px 10px 5px 10px; width: 280px }
	
	#full-wrap a.pic 
		{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-style: italic }

		#full-wrap a.pic:link, #full-wrap a.pic:visited 
			{ background: #f7f7f5; float: left; padding: 5px 10px 2px 10px; width: 280px }

a.box-link       					 { display: block; float: left; font-size: 12px; margin-bottom: 20px; padding: 5px 10px; width: 160px }
a.box-link:link, a.box-link:visited  { background: #a9a8a3; padding: 5px 10px; color: #fff }
a.box-link:hover                     { background: #94928a }



/*
----------------------------------------------------------------------------------------------
GLOBAL TYPOGRAPHY STYLES
----------------------------------------------------------------------------------------------*/

h1, h2, h3, h4 { color: #232850; line-height: normal; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal }

h2  { border-bottom: 1px dotted #71818e; font-size: 24px; margin-bottom: 20px; padding: 0 0 5px 0px }
h3  { font-size: 20px; padding-bottom: 10px }
h4  { font-size: 16px; padding: 10px 0 }

#content-wrap p, #tc_middle p, .project-desc p, .employee p, #pricing p, #values p, #content-wrap-contact p
	{ font-size: 0.75em; line-height: 1.6; color: #413a32; padding-bottom: 10px }

#quickstats p     
	{ color: #002850; font-size: 0.75em; line-height: 1.6; padding-bottom: 5px }
	
.dashes { color: #929898 }

span.small { color: #232850; font-size: 11px; font-style: italic }

.empName        
	{ font-size: 14px; font-weight: bold }

ul.default 
	{ float: left; font-size: 14px; list-style: none; padding-left: 10px; width: 210px }

	ul.default li { padding: 5px 0px }
	
	ul.external 
	{ float: left; font-size: 14px; list-style: none; padding-top: 10px; width: 210px }

	ul.external li { padding: 5px 0px }
	
#tc_left ul.imageNav { padding-bottom: 24px }
	
	#tc_left ul.imageNav span
		{ color: #232850; float: left; font-size: 0.75em; font-style: italic; font-weight: bold; padding-right: 10px }

	#tc_left li { float: left; font-size: 0.75em; list-style: none; margin-left: 3px }

	#tc_left li.on {  }
	
ul.pubs { list-style: none }

	ul.pubs li { float: left; padding: 10px; width: 180px }
	
		ul.pubs li a { border: 3px solid #fff; float: left; width: 180px }


/*
----------------------------------------------------------------------------------------------
GENERAL STYLES
----------------------------------------------------------------------------------------------*/

.imgLeft   { margin: 0px 20px 10px 0px }
.imgRight  { margin: 0px 0px 0px 20px }
.imgFull   { margin: 0px 0px 10px 0px }

.imgBorder img, #right-sidebar img  { border: 3px solid #f7f7f5 }


/*
----------------------------------------------------------------------------------------------
LAYOUT CONTAINERS
----------------------------------------------------------------------------------------------*/

#header_container  { background: url('/images/header_bg.gif') repeat-x #232850; height: 222px; width: 100% }

#header            { margin: 0px auto; height: 222px; width: 960px }

#nav			   { float: left; height: 44px; width: 960px }

#right-sidebar     { float: left; width: 300px }
#ex-links     { border-left: 1px dotted #71818e; float: left; padding: 0px 0px 20px 20px; width: 279px }


/*
----------------------------------------------------------------------------------------------
CONTENT CONTAINERS
----------------------------------------------------------------------------------------------*/

#full-wrap     { float: left; width: 940px }
#content-wrap  { float: left; width: 700px }
#content-wrap-contact  { float: left; width: 740px }
#pub-wrap      { float: left; margin-right: 20px; width: 620px }
#letter-wrap   { float: left; margin-right: 20px; width: 380px }
#map-wrap      { float: left; width: 480px }
#pricing	   { float: left; margin-right: 40px; width: 450px }
#values	       { float: left; width: 450px }

.employee  
	{ background: url('/images/project_category_bg3.jpg') repeat-x top; float: left; margin: 10px 0; padding: 20px; width: 660px }

	.employee img { margin-right: 20px }
	
.referral_box      { float: left; margin: 0px 20px 20px 0px; width: 220px }
.referral_box_end  { float: left; margin: 0px 0px 20px 0px; width: 220px }
	
	.referral_box img, .referral_box_end img { float: left }
	
.projectCat     { float: left; margin: 0 20px 20px 0; padding: 0; width: 300px }
.projectCat-end { float: left; margin: 0 0 20px 0; padding: 0; width: 300px }

	.projectCat img, .projectCat-end img { border: 3px solid #f7f7f5 }

#quickstats { float: left; padding-bottom: 20px; width: 199px }

#project-subnav { float: left; width: 199px }

#tc_left   { float: left; margin-right: 10px; padding-top: 10px; width: 310px }
#tc_middle { float: left; padding: 0px 30px 0px 20px; width: 350px }
#tc_right  { border-left: 1px dotted #71818e; float: left; padding-left: 20px; width: 199px }

#contactus { float: left; padding: 0px 20px; width: 220px }


/*
----------------------------------------------------------------------------------------------
NAVIGATION
----------------------------------------------------------------------------------------------*/

#navlist               
	{ float: left; list-style: none; height: 44px; padding-top: 10px; width: 960px }
		
	#navlist li            
		{ background: url('/images/nav/nav_off.gif') no-repeat top right; display: inline; float: left; height: 44px; list-style: none; padding: 0px 12px }
		
		#navlist li.nav-end { background: none }
			
		#navlist li a          
			{ float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; text-transform: uppercase }
			
			#navlist li a:link, #navlist li a:visited        
				{ color: #fff; padding: 15px 5px 4px 5px }
			
			#navlist li a:hover        
				{ background: url('/images/nav/nav_on.gif') repeat-x top; color: #fff; padding: 20px 5px 4px 5px }
				
			#navlist li a#active 
				{ color: #e5f28f }


/*
----------------------------------------------------------------------------------------------
TABLE STYLES
----------------------------------------------------------------------------------------------*/

table { border-collapse: collapse }

#price-table    { margin: 10px 0 20px 0 }
#price-table td { border: 1px solid #232850; font-size: 12px; padding: 10px; width: 50% }
tr.odd td       { background: #e0ded8 }
tr.even td      { background: #cccac4 }

td.first { font-weight: bold }

th { background-color: rgb(180,174,160) }




#logo { float: left; height: 158px; width: 960px }



#header h1 { text-indent: -9999px }



ul#navigation {
	width: 960px;
	height: 40px;
	position: absolute;
	top: 172px;
	padding: 0;
	margin: 0;
	list-style: none !important;}

ul#navigation li {
	float: left;
	height: 44px;
	position: relative;
	font-size: 0px;
	line-height: 0px;
}

ul#navigation li a {
	width: 100%;
	height: 100%;
	position: absolute;
	text-indent: -5000px;
	color: #FFF;
}

ul#navigation li.home {
	width: 78px;
}

ul#navigation li.home a {
	background: url('/images/nav/home.gif') no-repeat;
}
ul#navigation li.home a:hover {
	background: url('/images/nav/home_on.gif') no-repeat;
}

ul#navigation li.about-us {
	width: 101px;
}

ul#navigation li.about-us a {
	background: url('/images/nav/about-us.gif') no-repeat;
}
ul#navigation li.about-us a:hover {
	background: url('/images/nav/about-us_on.gif') no-repeat;
}

ul#navigation li.projects {
	width: 98px;
}

ul#navigation li.projects a {
	background: url('/images/nav/projects.gif') no-repeat;
}
ul#navigation li.projects a:hover {
	background: url('/images/nav/projects_on.gif') no-repeat;
}

ul#navigation li.design-build-process {
	width: 194px;
}

ul#navigation li.design-build-process a {
	background: url('/images/nav/design-build-process.gif') no-repeat;
}
ul#navigation li.design-build-process a:hover {
	background: url('/images/nav/design-build-process_on.gif') no-repeat;
}

ul#navigation li.values {
	width: 81px;
}

ul#navigation li.values a {
	background: url('/images/nav/values.gif') no-repeat;
}
ul#navigation li.values a:hover {
	background: url('/images/nav/values_on.gif') no-repeat;
}

ul#navigation li.pricing {
	width: 91px;
}

ul#navigation li.pricing a {
	background: url('/images/nav/pricing.gif') no-repeat;
}
ul#navigation li.pricing a:hover {
	background: url('/images/nav/pricing_on.gif') no-repeat;
}

ul#navigation li.awards-publications {
	width: 202px;
}

ul#navigation li.awards-publications a {
	background: url('/images/nav/awards-publications.gif') no-repeat;
}
ul#navigation li.awards-publications a:hover {
	background: url('/images/nav/awards-publications_on.gif') no-repeat;
}

ul#navigation li.contact-us {
	width: 125px;
}

ul#navigation li.contact-us a {
	background: url('/images/nav/contact-us.gif') no-repeat;
}
ul#navigation li.contact-us a:hover {
	background: url('/images/nav/contact-us_on.gif') no-repeat;
}



/* =============== MAIN CONTENT =============== */
#content_container
{
	width: 100%;
	height: 384px;
	background-color: #fff;
	background-image: url('/images/content_bg.jpg');
	background-repeat: repeat-x;
}

#content_container_interior
{
	width: 100%;
	background-color: #e0ded8;
	background-image: url('/images/content_interior_bg.jpg');
	background-repeat: repeat-x;
}

#content_container_shadow
{
	width: 100%;
	height: 30px;
	background-color: #FFF;
	background-image: url('/images/content_bg.jpg');
	background-repeat: repeat-x;
	background-position: left bottom;
}

#main_content
{
	width: 970px;
	height: 370px;
	margin: 0px auto;
}

#main_content_interior
{
	width: 940px;
	margin: 0px auto;
}

#text_content
{
	float: left;
	width: 425px;
	height: 384px;
	background: url('/img/content_text_bg.jpg') no-repeat transparent;
}

#content_left
{
	font-family: Georgia;
	font-size: 14px;
	line-height: 24px;
	color: #63593B;
	width: 385px;
}

#content_right
{
	float: left;
	width: 525px;
	height: 384px;
	background-color: #transparent;
}

#content_right div { padding: 23px 0px 0px 43px; }

/* =============== SUB CONTENT =============== */

#sub_content_container
{
	width: 100%;
	height: 182px;
	background-color: #7A7258;
	background-image: url('/images/sub_content_bg.jpg');
	background-repeat: repeat-x;
}

#sub_content
{
	margin: 0px auto 0px auto;
	width: 970px;
	height: 182px;
}

#sub_content_1
{
	float: left;
	width: 280px;
	height: 142px;
	padding: 20px;
	color:#63593B;
}

#sub_content_1:hover
{
	cursor: pointer;
	background-image: url('/images/sub_content_bg_over.jpg');
	background-position: 0px -1px;
	background-repeat: repeat-x;
	color: #fff;
}


#sub_content_2
{
	float: left;
	width: 284px;
	height: 142px;
	padding: 20px;
	color:#63593B;
	
	border: 0px solid #7a7258;
	border-width: 0px 1px;
}

#sub_content_2:hover
{
	cursor: pointer;
	background-image: url('/images/sub_content_bg_over.jpg');
	background-position: 0px -1px;
	background-repeat: repeat-x;
	color : #fff ;
}

#sub_content_3
{
	float: left;
	width: 280px;
	height: 142px;
	padding: 20px;
	color:#63593B;
}

#sub_content_3:hover
{
	cursor: pointer;
	background-image: url('/images/sub_content_bg_over.jpg');
	background-position: 0px -1px;
	background-repeat: repeat-x;
	color : #fff ;
}

#footer
{
	font-family: Georgia;
	font-size: 12px;
	border: 0px solid #000;
	margin: 0px auto;
	padding: 0px auto;
	height: 62px;
	text-align: center;
	color: #FFF;
	background-image: url('/images/footer_bg2.jpg');
	background-repeat: repeat-x;
}



#left-sidebar { float: left; margin: 20px 20px 0px 0px; width: 220px }

#left-sidebar-contact { float: left; margin: 20px 20px 0px 0px; width: 160px }

ul#subnav
	{ float: left; margin: 0; padding: 0; list-style: none; font-size: 12px; width: 220px }

	ul#subnav li
		{ background: url('/images/subnav_bg.gif') no-repeat; display: block; list-style: none; height: 25px; padding: 2px 0px 1px 0px; margin: 0; width: 220px }
		
		ul#subnav li a
			{ margin: 0; display: block; height: 20px; padding: 5px 0px 0px 10px; text-decoration: none; width: 210px }
			
			ul#subnav li a:link, ul#subnav li a:visited
				{  }
				
			ul#subnav li a:hover
				{ background: url('/images/subnav_bg_over.gif') no-repeat; color: #fff }
				
ul#project-nav
	{ float: left; list-style: none; font-size: 0.75em; width: 199px }

	ul#project-nav li
		{ background: url('/images/subnav_bg.gif') no-repeat; display: block; list-style: none; height: 25px; padding: 2px 0px 1px 0px; margin: 0; width: 199px }
		
		ul#project-nav li a
			{ margin: 0; display: block; height: 20px; padding: 5px 0px 0px 10px; text-decoration: none; width: 189px }
			
			ul#project-nav li a:link, ul#subnav li a:visited
				{  }
				
			ul#project-nav li a:hover
				{ background: url('/images/subnav_bg_over.gif') no-repeat; color: #fff }
				
				
ul#subnav-contact
	{ float: left; list-style: none; font-size: 12px; width: 160px }

	ul#subnav-contact li
		{ background: url('/images/subnav_bg.gif') no-repeat; display: block; list-style: none; height: 25px; padding: 2px 0px 1px 0px; width: 160px }
		
		ul#subnav-contact li a
			{ display: block; height: 20px; padding: 5px 0px 0px 10px; text-decoration: none; width: 150px }
			
			ul#subnav-contact li a:link, ul#subnav-contact li a:visited
				{  }
				
			ul#subnav-contact li a:hover
				{ background: url('/images/subnav_bg_over.gif') no-repeat; color: #fff }
		

#subnavigation a { text-decoration:none; color:#000; padding:3px 75px 3px 10px; }
#subnavigation a:hover { color:#fff; }


#subnavigation li:hover {
	background-image: url('/images/subnav_bg_over.jpg');
	color : #fff ;
	cursor:pointer;
}

.imageNav { color:#002850; margin:10px auto; }
.imageNav a { padding : 3px 7px ; background-color:#a9a8a3; text-decoration:none; color:#fff;}
.imageNav a:hover { color:#fff; padding : 3px 7px ; background-color:#94928a; }

#featuredProject {
	position:absolute;
	left:0%;
	top:0%;
	background-image:url('/images/featuredProject.gif');
	background-repeat:no-repeat;
	background-color:transparent;
	width:137px;
	height:137px;
}

.project 
	{ background: url('/images/project_category_bg.jpg') repeat-x; float: left; height: 180px; margin: 0 0 20px 0; padding: 0; width: 940px }

.project:hover 
	{ background:url('/images/project_category_bg3.jpg') repeat-x; cursor: pointer }
	
	.project-pic
		{ background: url('/images/project_category_bg2.jpg') repeat-x; float: left; padding: 20px; width: 206px }
		
		.project-pic img { border: 3px solid #fff }	
		
	.project-desc
		{ float: left; padding: 20px; width: 570px }

#projecter a {
	font-size : 14px ;
	font-weight : bold ;
	color : #232850 ;
}

/*.project_name { margin : 0px 0px 10px 0px ; padding : 5px 0px ; background-color:#324161; color:#fff; width:300px; }*/
.project_name { 
	margin : 0px 0px 10px 0px ;
	padding : 5px 0px ;
	color:#324161;
	width:300px;
	
	font-family : Georgia, Times, serif ;
	font-style : oblique ;
	font-weight : normal ;
}

.projectBorder {
	float:left;
	width:300px;
	height:225px;
	text-align:center;
	border:5px solid #e0ded8;
}

.projectBorder:hover {
	border:5px solid #fff;
}


.contact_form div {
	float:left;
	margin:0 0 10px 0;
	padding:0px;
	border:0px solid #000;
}

.contact_form { font-size : 12px ; }

.contact_form input {
	margin:0px;
	padding:0px;
	height:18px;
}

.pageheader {
	font-size : 18px ;
	font-family : Arial, sans-serif ;
	font-weight : bold ;
	color : #232850 ;
}

.pageheader a {
	font-size : 18px ;
	font-family : Arial, sans-serif ;
	font-weight : bold ;
	color : #232850 ;
	text-decoration : none ;
}

.pageheader a:hover { color:#929898; }




.norbutreportlink {
	font-size : 18px ;
	font-family : Arial, sans-serif ;
	font-weight : bold ;
	color : #232850 ;
}

.norbutreportlink a {
	font-size : 18px ;
	font-family : Arial, sans-serif ;
	font-weight : bold ;
	color : #232850 ;
	text-decoration : none ;
}

.norbutreportlink a:hover { color:#929898; }


.norbutreportqa {
	margin-bottom : 20px ;
}

.norbutreportquestion {
	font-family: Georgia;
	font-size: 14px;
	line-height: 24px;
	color: #232850;
}

.norbutreportanswer {
	font-family: Arial, sans-serif ;
	font-size: 12px;
	line-height: 18px;
	color: #63593B ;
}

.norbutnews_description a { 
	background-color : #a9a8a3;
	padding:5px 10px;
	text-decoration:none;
	color:#fff;
	line-height : 26px; 
	font-size:12px;
}

.norbutnews_description a:hover { background-color:#94928a ; }

.norbutnews_title {
	font-size : 18px ;
	font-family : Arial, sans-serif ;
	font-weight : normal ;
	color : #232850 ;
	text-decoration : none ;
}

.norbutnews_title a { color:#232850; text-decoration:none; }
.norbutnews_title a:hover { color:#929898; text-decoration:none; }

/*
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
*/

ul#referral_letter {
	list-style-type : none ;
	padding : 0px ;
	margin : 0px ;
	border : 0 ;
	width : 212px ;
	height : 35px ;
	background-image : url('/images/referral_letter.jpg') ;
}

ul#referral_letter li {
	padding : 0px ;
	margin : 0px ;
	display : block ;
	float : left ;
	text-indent : -9999px ;
}

ul#referral_letter li a {
	border : 0 ;
	display : block ;
	height : 35px ;
	background : url('/images/referral_letter.jpg') no-repeat ;
}

ul#referral_letter li a:hover {
	border : 0 ;
	display : block ;
	background-image : url('/images/referral_letter_over.jpg') ;
}

li#referral_letter_link a {
	width : 212px ;
}

#referral_sublinks { font-size:12px; line-height : 26px ; }
#referral_sublinks a { background-color:#a9a8a3; padding:5px 10px; text-decoration:none; color:#fff;}
#referral_sublinks a:hover { background-color:#94928a; padding:5px 10px; text-decoration:none; color:#fff;}

#referral_container {
	float : left ;
	width : 700px ;
	margin : 20px 0px 0px 0px ;
	padding : 0px ;
	font-size : 12px ;
	line-height : 18px ;
	color : #413a32 ;
	
}

#referral_container a { 
	/*background-color : #a9a8a3;*/
	padding:5px 10px;
	text-decoration:none;
	color:#222;
	line-height : 26px; 
	font-size:12px;
}

#referral_container a:hover {
	/*background-color:#94928a ;
	text-decoration : underline ;*/
	color : #777 ;
}

#resources {
	font-family : Georgia, Times, serif ;
	font-size : 16px ;
	
	padding : 10px ;
}

#resources a { color : #94928a; ; }
#resources a:hover { color : #333 ; }

.highlight {
	color : #324161 ;
}

#story_description 
	{ float: left; width: 700px; margin: 0px; padding: 20px 0px 0px 0px }



#norbutreport_referral a {
	background-color : #a9a8a3;
	padding:5px 10px;
	text-decoration:none;
	color:#fff;
	line-height : 26px; 
	font-size:12px;
}

#norbutreport_referral a:hover { background-color:#94928a ; }