@charset "utf-8";

/* 
	Site: Heller's Interiors
	Author: Andre Zavala of Heritage Internet Technologies 
	Contact: azavala@hwsinet.com 
*/

/* reset */
	* {
		vertical-align: baseline;
		font-weight: inherit;
		font-family: inherit;
		font-style: inherit;
		font-size: 100%;
		border: 0 none;
		outline: 0;
		padding: 0;
		margin: 0;
	}

/* defaults/globals/generics */
	body { 
		/* background: #50493f url(../../images/site/content-bg.jpg) repeat-y top center; */ 
		background: #50493f; 
	}
	img { border: 0; }
	a:focus { outline: 0; }
	
/* positioning/wrappers/containers */
	#header-wrapper { 
		width: 100%; height: 261px; 
		background: url(../../images/site/header-bg.jpg) repeat-x; 
		text-align: center;
	}
	#header-container {
		width: 883px; height: 261px;
		margin: auto;
	}
	#main-menu-container { 
		width: 883px; height: 36px; 
		background: url(../../images/site/header-menubg.jpg) no-repeat;
		clear: both;
	}
	#content-wrapper { width: 100%; text-align: center; }
	#content-container {
		width: 850px; height: auto; margin: auto;
		padding: 0 33px 0 0; display: table;
		background: url(../../images/site/content-bg.jpg) repeat-y top center;
	}
	#content-container div#sidebar {
		width: 218px;
		float: left; height: auto; padding: 151px 0 0 0;
		background: url(../../images/site/sidebar-bg.jpg) no-repeat;
	}
	#content-container div#content {
		width: 632px;
		float: right; height: auto;
	}
	#content-container div#footer-spacer { width: 100%; height: 40px; clear: left; }
	#footer-wrapper { 
		width: 100%; text-align: center; 
		background: #665d51 url(../../images/site/footer-bg.jpg) repeat-x;
		display: table;
	}
	#footer-container { width: 883px; margin: auto; }
	#footer-container div.clear { width: 883px; height: 25px; clear: both; }
	#footer-container div#site-credits { float: right; width: 440px; }
	#footer-container div#footer-links { float: left; width: 440px; }	
	
/* header styling */
	#header-container h1#company-name { 
		width: 883px; height: 40px;
		background: url(../../images/site/header-title.jpg) no-repeat;
		text-indent: -9999px;
	}
	#header-container div#projects {
		width: 665px; height: 153px; float: right;
		background: url(../../images/site/header-projects.jpg) no-repeat;
		/* text-indent: -9999px; */ text-align: left;
		padding: 32px 0 0 0;
	}
	#projects-menu {
		width: 100%; height: 100px;
		position: relative;
	}
	#projects-menu li { /* float: right; */ list-style: none; }
	#projects-menu li a {
		position: absolute; top: 0;
		display: block; height: 100px;
		/* background: url(../../images/site/header-menusprites.jpg) no-repeat; */
		text-indent: -9999px; overflow: hidden;
		}
	/* site main menu - up */
	li#projects-menu_government a { left: 72px; width: 100px; /* background-position: 0 502px; */ }
	li#projects-menu_health-care a { left: 180px; width: 130px; /* background-position: -565px 0; */ }
	li#projects-menu_municipalities a { left: 327px; width: 130px; /* background-position: -644px 0; */ }
	li#projects-menu_tenant-finish a { left: 468px; width: 100px; /* background-position: -751px 0; */ }
	/*
	#projects a { 
		font: small-caps 0.8em/120% Arial, Helvetica, serif; 
		text-align: left;
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
	}
	#projects a#government {
		filter: alpha(opacity=0);
		border: 1px solid #000;
		margin: 0 0 0 72px;
		padding: 0 22px 75px 0;	
	}
	#projects a#health-care {
		filter: alpha(opacity=0);
		border: 1px solid #000;
		margin: 0 0 0 8px;
		padding: 0 55px 95px 2px;
	}
	#projects a#municipalities {
		filter: alpha(opacity=0);
		border: 1px solid #000;
		margin: 0 0 0 10px;
		padding: 0 0 95px 48px;
	}
	#projects a#retail {
		filter: alpha(opacity=0);
		border: 1px solid #000;
		margin: 0 0 0 6px;
		padding: 0 0 75px 60px;
	}
	*/
	#header-container div#hellers-logo {
		width: 218px; height: 185px; float: left;
		background: url(../../images/site/header-logo.jpg) no-repeat;
		text-indent: -9999px;
	}
	
/* main menu */
	#main-menu { 
		width: 100%; height: 36px; position: relative; 
		background: url(../../images/site/header-menubg.jpg) no-repeat;
		clear: both;
	}
	#main-menu li { float: right; list-style: none; }
	#main-menu li a {
		position: absolute; top: 0;
		display: block; height: 36px;
		background: url(../../images/site/header-menusprites.jpg) no-repeat;
		text-indent: -9999px; overflow: hidden;
	}
/* site main menu - up */
	li#main-menu_home a { left: 502px; width: 63px; background-position: 0 502px; }
	li#main-menu_projects a { left: 565px; width: 79px; background-position: -565px 0; }
	li#main-menu_capabilities a { left: 644px; width: 107px; background-position: -644px 0; }
	li#main-menu_contact a { left: 751px; width: 99px; background-position: -751px 0; }
/* site main menu - hover */
	li#main-menu_home a:hover { background-position: -502px -36px; }
	li#main-menu_projects a:hover { background-position: -565px -36px; }
	li#main-menu_capabilities a:hover { background-position: -644px -36px; }
	li#main-menu_contact a:hover { background-position: -751px -36px; }
/* site main menu - current */
	#body_home li#main-menu_home a { background-position: -502px -72px; }
	#body_projects li#main-menu_projects a { background-position: -565px -72px; }
	#body_capabilities li#main-menu_capabilities a { background-position: -644px -72px; }
	#body_contact li#main-menu_contact a { background-position: -751px -72px; }
	
/* sidebar styling */
	#sidebar h2 { width: 218px; height: 20px; text-indent: -9999px; }
	h2#contact-us { background: url(../../images/site/sidebar-h2contact.jpg) no-repeat 32px 0; }
	h2#our-projects { background: url(../../images/site/sidebar-h2projects.jpg) no-repeat 32px 0; }
	#sidebar ul { width: 165px; padding: 0 53px 0 0; margin: 8px 0; }
	#sidebar ul li { 
		font: 0.8em/140% Arial, Helvetica, serif; 
		text-align: right; color: #fff;
		display: block; list-style: none;
	}
	#sidebar ul li a { color: #fff; text-decoration: none; }
	#sidebar ul li a:hover { color: #fff; text-decoration: underline; }
	#sidebar ul li a:focus { outline: 0; } 
	#sidebar h4#awi-certified { 
		width: 218px; height: 80px; text-indent: -9999px;
		margin: 16px 0;
		background: url(../../images/site/sidebar-awi_icon.jpg) no-repeat 53px 0; 
	}

/* content styling */
	#content div.spacer { width: 632px; height: 12px; clear: both; }
	#content h3.section-title { 
		width: 632px; margin: 10px 0;
		font: small-caps 1.2em/140% Georgia, sans-serif; color: #e5ff6d;
		text-align: left;
	}
	#content p.section-text {
		width: 632px; margin: 5px 0;
		font: 0.9em/130% Arial, Helvetica, serif; color: #d2d2d2;
		text-align: left;
	}
	#content p.section-text strong { font: bold 0.95em/130% Arial, Helvetica, serif; color: #fff; }
	#content p.section-text img { float: right; margin: 0 0 5px 8px; }
	#content p.section-text a { color: #fff777; text-decoration: none; }
	#content p.section-text a:hover { color: #fff777; text-decoration: underline; }
	#content p.section-text a:focus { outline: 0; }
	#content ul.section-list { width: 612px; margin: 5px 0; padding: 0 0 0 20px; list-style: circle inside; }
	#content ul.section-list li {
		font: 0.9em/140% Tahoma, serif; 
		text-align: left; color: #fff;
		/* display: block; */
	}

/* projects page (gallery) */
	#content div.projects-container { width: 632px; }
	
	#thumbnails { /* float: left; width: 90px; */ width: 100%; text-align: left; margin: 10px 0 0 0; }
	#thumbnails ul { width: 100%; list-style: none; margin: auto; }
	#thumbnails ul li {
		font: bold 0.8em/140% Tahoma, serif; 
		text-align: left; color: #fff;
		display: inline;
		margin: 5px;
	}
	#thumbnails ul li img { margin: 5px; }
	#fullsize { /* float: right; width: 512px; */ width: 100%; text-align: center; /* padding: 0 0 0 30px; */ }
	#fullsize img { border: 2px solid #000; }
	
/* styling for contact form */
	#content div.notification_ok {
		border: 1px #567397 solid; width: 90%; padding: 8px;
		height: auto;
		background: #f5f9fd;
		font: bold 0.8em/150% Tahoma; color: #000; text-align: center;
	}
	#content div.notification_error {
		border: 1px solid #A25965; width: 90%; padding: 4px;
		height: auto;
		background: #F8F0F1;
		font: bold 0.8em/150% Tahoma; color: #000; text-align: left;
	}
	#content div#fields { 
		font: 0.9em/200% Tahoma; color: #fff; text-align: left;
		width: 100%;
	}
	#fields input.text { 
		width: 240px; min-height: 20px;
		padding: 3px; margin: 0 0 16px 5px;
		display: block;
		background: #DEE4E6;
		font: bold 0.8/140% Arial, Helvetica, serif;
	}
	#fields textarea.message {
		padding: 3px;
		background: #DEE4E6; overflow: auto;
		font: 0.8/140% Arial, Helvetica, serif;
	}
	#fields input.button {
		border: 1px solid #ccc; padding: 5px; 
		background: #fff; width: auto;
		font: bold 0.9em/200% Arial, Helvetica, serif;
	}

/* footer styling */
	div#footer-links ul, div#site-credits ul { width: 100%; }
	div#site-credits ul li {
		font: 0.7em/130% Arial, Helvetica, serif;
		color: #ccc; text-align: right;
		list-style: none; display: block;
	}
	div#footer-links ul li { 
		font: 0.7em/130% Arial, Helvetica, serif;
		color: #ccc; text-align: left;
		list-style: none; display: block;
	}
	div#site-credits ul li a, div#footer-links ul li a { color: #fff; text-decoration: none; }
	div#site-credits ul li a:hover, div#footer-links ul li a:hover { color: #fff; text-decoration: underline; }
	div#site-credits ul li a:focus, div#footer-links ul li a:focus { outline: 0; }