@import url("reset.css");
@import url("nickelleon.css");  


html {
	background: url("images/backgrounds/bjk_bkg.png");
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	width: 980px;
	margin: 0 auto;
	background: #1e1e1e;
}
#page-index #container { background: #000; }
header {
	background: #676767;
	border-bottom: solid 3px #000;
	height: 134px;
	padding-top: 1px;
}
#logo a {
	background: transparent url("images/logo.png") top left no-repeat;
	width: 178px;
	height: 82px;
	display: block;
	margin-top: 25px;
	margin-left: 32px;
	float: left;
}

#tagline {
	background: transparent url("images/tagline.png") top left no-repeat;
	width: 211px;
	height: 17px;
	display: block;
	float: left;
	margin-left: 190px;
	margin-top: 90px;
}

#logo a span, #tagline span { display: none; }

#loginLinks {
	float: right;
	margin-top: 2em;
	margin-right: 3em;
}
#loginLinks li {
	text-transform: uppercase;
}
#loginLinks li + li {
	padding-left: 1em; 
	margin-left: 1em;
	border-left: solid 1px #999;
}
#loginLinks li a {
	color: #b28a00;
	text-decoration: none;
	height: 10px;
	display: block;
	float: left;
	width: 75px;
	background: url("images/nav-employee-login.png") left bottom no-repeat;
	
} 
#loginLinks li + li a { background-image: url("images/nav-subcontractor-login.png"); width: 109px; }
#loginLinks a span { display: none; }
#loginLinks a:hover { background-position: left top; }

a.learnmore {
	color: #b28a00;
	text-decoration: none;
	text-shadow: 0px 0px 1px #343434;
}
#loginLinks li a:hover, a.learnmore:hover {
	color: #dcc93f;	
}
a.learnmore {
	text-transform: uppercase;
	font-size: 116.6%;
}
nav, h3, a.learnmore {
	font-family: 'Trade Gothic', 'Myriad Pro', Arial, Helvetica, sans-serif;
}

#mainNav {
	float: left;
	width: 200px; min-height: 270px;
	background: #b28a00;
	padding: 40px 10px;
	border-bottom: solid 3px #000;
	text-transform: uppercase;
}

#mainNav a { 
	color: #fdfdfd; 
	text-decoration: none; 
	display: block; 
	width: 100%; height: 13px; 
	margin: 0 0 0.75em; padding: 0; font-size: 116.6%; /* 14px */ 
}
#mainNav a + ul a { height: 11px; }
#mainNav a img { margin: 0 !important; padding: 0 !important; }

#mainNav a span { display: none; }
#nav-home > a { background: url("images/nav-home.png") left bottom no-repeat; }
#nav-about-us > a { background: url("images/nav-about-us.png") left bottom no-repeat; }
#nav-management > a { background: url("images/nav-management.png") left bottom no-repeat; }
#nav-careers > a { background: url("images/nav-careers.png") left bottom no-repeat; }
#nav-our-philosophy > a { background: url("images/nav-our-philosophy.png") left bottom no-repeat; }
#nav-services > a { background: url("images/nav-services.png") left bottom no-repeat; }
#nav-portfolio > a { background: url("images/nav-portfolio.png") left bottom no-repeat; }
#nav-multi-family > a { background: url("images/nav-multi-family.png") left bottom no-repeat; }
#nav-commercial > a { background: url("images/nav-commercial.png") left bottom no-repeat; }
#nav-affiliations > a { background: url("images/nav-affiliations.png") left bottom no-repeat; }
#nav-building-green > a { background: url("images/nav-building-green.png") left bottom no-repeat; }
#nav-contact-us > a { background: url("images/nav-contact-us.png") left bottom no-repeat; }

#mainNav > ul { margin-left: 1em; }
#mainNav li { margin: 0; padding: 0 0 0 1em; }
#mainNav li.selected > a, #mainNav a:hover { color: #000; background-position: left top; }
#mainNav li.selected, #mainNav li:hover { background: transparent url("images/mainnav-bullet.png") left 0px no-repeat; }
#mainNav li:hover li { list-style-image: none; list-style-type: none; }
#mainNav li ul { display: none; margin-top: 0; margin-bottom: 0; font-size: 91.6%; /* 11px */}
#mainNav li.selected ul { display: block !important; }

#main {
	float: right;
	width: 757px;
	padding: 0 0 0 3px;
	background: transparent url("images/backgrounds/bjk_bkg.png");
	line-height: 1.8em;
}
#page-index #main {
	padding: 0; padding-left: 221px;
	border: solid 1px #2b2b2b;
	background: #000;
}

#page-index #imageGallery { float: left; }
#page-index #imageGallery img + img { display: none; }

#main p { margin-bottom: 1.8em; }
#main ul { margin-left: 5em; margin-bottom: 2em; }
#main a { color: #cbb82e; text-decoration:  none;}
#main .wrapper {
	padding: 0px 50px 25px;
	border: solid 1px #2b2b2b;
	background: #000;
	position: relative;
	margin-top: -3px;	
}
#main img.header {
	width: 757px;
}
#main h3 {
	color: #fff; 
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 250%;
	margin: 1.7em 0 1.1em;	
	/* replace with images.. */
	text-indent: -9999px; overflow: hidden;
	height: 24px;
	background-position: top left;
	background-repeat: no-repeat;
}

#page-index #main .blurb.about h3 { background-image: url("images/h-index-about.png"); }
#page-index #main .blurb.building-green h3 { background-image: url("images/h-index-green.png"); }
#page-about-us #main h3 { background-image: url("images/h-about-us.png"); }
#page-affiliations #main h3 { background-image: url("images/h-affiliations.png"); }
#page-building-green #main h3 { background-image: url("images/h-building-green.png"); }
#page-careers #main h3 { background-image: url("images/h-careers.png"); }
#page-commercial #main h3 { background-image: url("images/h-commercial.png"); }
#page-contact-us #main h3 { background-image: url("images/h-contact-us.png"); }
#page-employee-login #main h3 { background-image: url("images/h-employee-login.png"); }
#page-management #main h3 { background-image: url("images/h-management.png"); }
#page-multi-family #main h3 { background-image: url("images/h-multi-family.png"); }
#page-our-philosophy #main h3 { background-image: url("images/h-our-philosophy.png"); }
#page-portfolio #main h3 { background-image: url("images/h-portfolio.png"); }
#page-services #main h3 { background-image: url("images/h-services.png"); }
#page-subcontractor-login #main h3 { background-image: url("images/h-subcontractor-login.png"); }

#page-index h3 {
	font-size: 150%;
	margin: 0 0 0.55em;
}
#main h4 {
	font-size: 150%;
	font-weight: normal;
}
.blurb {
	float: left;
	width: 310px;
	padding: 30px 30px 40px 7px;
}
.blurb.building-green {
	padding-left: 107px;
	width: 270px;
	background: url("images/logo-buildinggreen.png") left 35px no-repeat;
}
.blurb.building-green img.right {
	
}
#profiles .profile {
	margin-bottom: 50px;
}
#profiles .profile img {
	float: left;
	margin-right: 35px;
	background: #fff;
	padding: 4px;
}
#profiles .profile .copy {
	float: left;
	width: 420px;
}
#breadcrumbs {
	border-bottom: solid 1px #2b2b2b;
	padding: 1em 0;
	margin: 1em 0 0;
	text-transform: lowercase;
	font-family: inherit;
	font-size: 91.6%; /* 11px */
}
#breadcrumbs a {
	color: #cbb82e;
	text-decoration: none;
	margin-right: 1em;
}
#breadcrumbs a + a { margin-left: 1em; }
#breadcrumbs a.last { color: #999; }

#mainOffice h4, #mainOffice div { float: left; }
#mainOffice h4 { width: 170px; }

#page-employee-login form ol { margin-left: 0; }
#page-employee-login form ol li { margin-bottom: 1em; line-height: 250%; }
#page-employee-login form label { text-align: right; margin-right: 18px; }
#page-employee-login form input { 
	padding: 3px; 
	border: solid 1px #b9b9b9;
	border-color: #999 #b9b9b9 #b9b9b9 #999;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;  
}
#page-employee-login form input.loginButton {
	padding: 5px;
	margin-left: 172px;
	border: 0 none;
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px;
	border-radius: 0px;
	width: 111px; height: 31px;
	float: left;
	background: url("images/btn-login.png") left top no-repeat;
	text-indent: -9999px;
	font-size: 1px; color: #a27e02;
	overflow: hidden;
	display: inline;
	cursor: pointer;
}

footer {
	background: #000 url("images/backgrounds/bjk_bkg.png") left top;
	padding: 3em;
	color: #999;
	text-transform: uppercase;
	font-size: 91.6%; /* 11px */
}
footer .wrapper {
	background: url("images/text-footer.png") left center no-repeat;
	height: 24px;
}
footer .wrapper span { display: none; }