/* Mass Reset
-----------------------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dd, dt, table, td, th, tr, form, div, span, img {
	margin: 0;
	padding: 0;
}

/* Defaults...etc
-----------------------------------------------------------*/
* {list-style: none;margin: 0px;padding: 0px;}
html{height: 100%;width:100%;}
body {
	font: 12px/150% arial, verdana, sans-serif;
	letter-spacing: 0.02em;
	color:#666;
	margin:0;
	padding:0;
	text-align:left;
	background: url(../images/bg-main.jpg) repeat-x;
}

h1 {color:#BF311B;font-size: 18px;line-height:150%;}  
h2,h3,h4 {color:#BF311B;font-size:16px;line-height:150%;}  
form {}
fieldset {width: auto;border: none;padding: 12px;margin: 0px;}
legend {padding: 0.5em;margin: 0px;}
label {font-weight:bold;}
input, select {font-size:13px;}
textarea {font-size:13px;}
iframe {font-size:13px;}
th, td {}
p, blockquote{margin-bottom:8px;}
ul, ol, dl{margin-top: 0px;}
hr {display:none;}
img {border:0;}
a {text-decoration: underline;color:#BF311B;}
div {}
span {}

/* Wraps
-----------------------------------------------------------*/
#body-wrap {width:960px;height:auto;padding:0;margin:0 auto;} 

.element-wrap {margin:20px 0 0 0;}
.mini-icon-nav {float:right;margin:61px 30px 0 0;height:9px;}
.left-box {float:left;width:440px;height:auto;}
.right-box {float:right;width:480px;height:auto;background: url(../images/bg-right-box.gif) top left no-repeat;}	
.right-box-content {margin:40px 40px 0 40px;padding-bottom:40px;}
.right-box-content p {font-size: 12px;line-height:150%}
.right-box-content table {width:100%;}
.right-box-content td {padding-bottom:10px;}
.right-box-content a {}
.right-box-content h2,.right-box-content h3,.right-box-content h4 {margin-top:15px;}
.right-box-content ul {margin-top:0;margin-bottom:12px;}
.right-box-content li {padding:5px 0 0 12px;background: url(../images/red-square.gif) 0px 9px no-repeat ;line-height:120%;}
.right-box-content .references td {padding:0 0 5px 0;}
.left-box-content {width:440px;margin:20px 0 0 0;padding:0;background: url(../images/bg-left-box-content.gif) 0 0 repeat-y;}
.left-box-content2 {width:440px;margin:20px 0 0 0;padding:0;background: #fff;}
.footer {font-weight:bold;float:right;width:440px;text-align:left;clear:both;font-size:10px;color:#aaa;padding:13px 0 0 40px;}


.left-box-content-1 {float:left;width:200px;margin:0;padding:18px 0;}
.left-box-content-1 p {font-size: 11px;line-height:130%;padding-top:10px;}
.left-box-content-2 {float:left;width:200px;margin:0 0 0 30px;padding:18px 0;}
.left-box-content-2 p {font-size: 11px;line-height:130%;padding-top:10px;}
.news-link-box {padding:10px;}	
.news-link-box div {padding:5px 0;}	
	
/* Navigation
-----------------------------------------------------------*/
/* Navigation core 	*/
.navig {font-size:11px;line-height: 12px;margin: 0 0 30px 0;display: block;position: relative;}
.navig, .navig ul {margin: 0;padding: 0;border: 0;list-style-type: none;}
.navig li {margin: 0;padding: 0;border: 0;display: block;float: left;}
/* initialy hide all sub menus */
.navig ul {width: 100%;display: block;visibility: hidden;position: absolute;clear: both;top: 24px;left: 0;}
.navig:after {content: ".";height: 0;display: block;visibility: hidden;overflow: hidden;clear: both;}
.navig li.selected ul, .navig li:hover ul {visibility: visible;}
.navig li.no_show:hover ul {visibility: hidden;}
.navig li.selected ul {z-index: 10;}
.navig li:hover ul {z-index: 100;}
/* Navigation make-up 	*/
.navig {font-size: 11px;font-weight: bold;color: #fff;background-color: #6A5D55;margin: 24px auto 54px;padding: 0;width: 960px;}
.navig a {color: #fff;text-decoration: none;padding: 10px 0 10px;display: block;width:136px;text-align:center;}
.navig li {margin: 0;border-right:solid 1px #fff;}
/* if the following selector was ".navig li:hover a" IE7 will NOT render nested UL! the reason is the background-color rule. */
.navig li:hover {background-color: #BF311B;}

/* which is why the link is styled separatelly */
.navig li:hover a {}
.navig li:hover ul {}
/* always pay attention that the value for top is such that it is possible to move the mouse over to submenu */
.navig ul {top: 32px;padding: 0;/* should be identical to .navig, for best results */background-color: #BF311B;width: 960px;}
.navig li li {border:0;}
.navig li li a {padding: 10px 20px;width:auto;}
.navig li li a:hover {background-color:#8F0903;}
.navig li.selected{background-color: #BF311B;}
.navig li.selected li a:hover {background-color:#8F0903;}
.navig li.selected li.selected2 {background-color:#8F0903;}
.navig .no-border {border:0;width:138px;}
.navig li.no-border li.no-border a {padding: 10px 0;width:auto;}

#navlist-wrap 
{
	margin:0;
	padding:0;
	width: 210px;	
	background: #BF311B url(../images/logo_tiny.jpg) 2px 3px no-repeat;
}

#navlist
{
padding:0;
margin:0;
font: bold 12px arial, sans-serif;
}
#navlist li
{
	
list-style: none;
text-align: left;
margin:0 0 0 20px;
padding:0;
width:190px;
}

#navlist li a
{
display: block;
padding: 8px 0px 8px 22px;
background: #8F0903;
text-decoration: none;
color: #fff;
}



#navlist li a:hover
{
color: #8F0903;
background: #fff;
}
#navlist li a.active
{
color: #8F0903;
background: #fff;
}


/* Misc.
-----------------------------------------------------------*/
.clearer {height:1px;overflow:hidden;clear:both;margin-top:-1px;}
.defaultCursor {cursor:pointer;}
.fix-height {float:left;height:600px;width:1px;}
.no-bottom-margin {margin-bottom:0;}
.emphasize-red {color:#BF311B;font-weight:bold;}
.staff-photo {margin:5px 15px 0 0;}
.skinny {background-color:#aaa;display:block;height:1px;font-size:1px;color:#aaa;line-height:4px;margin:4px 0;}
.clearright {clear:right;height:5px;display:block;}


.bg-front {color:#fff;position:relative;z-index:3;padding:0;margin:0;width:440px;height:305px;overflow:hidden;}	
.bg-front img {position:absolute;z-index:4;}	
.bg-front .tagline {color:#fff;position:absolute;z-index:15;width:440px;height:50px;margin:255px 0 0 0;background: #8E0902;filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}		
.bg-front .taglinecopy {padding:0;width:440px;height:auto;text-align:left;color:#fff;font-size:11px;}
.bg-front .taglinecopy p {padding:10px;line-height:120%;font-size: 11px;line-height:130%;}
.bg-front .taglinecopy span {width:auto;font-size: 14px;line-height:130%;color:#fff;font-weight:bold;}
.bg-front .taglinecopy a {color:#fff;font-weight:bold;}
p.green {margin-top:10px;display:block;}
p.green a {width:46px;height:46px;}
p.enlighten {clear:both;padding:5px 0px 0px 0px !important;}

.project-tier2 {margin:10px 0;height:auto;padding:5px 0;}
.project-tier2 p {font-size:11px;line-height:150%;}
.project-tier2 p.project-tier2-title  {font-size:13px;margin:3px 0 0 0;color:#BF311B;}

.thumbnail {float:right;width:72px;height:50px;border-right:solid 10px #BF311B;border-top:solid 1px #BF311B;border-left:solid 1px #BF311B;border-bottom:solid 1px #BF311B;margin:0 0 0 5px;}

.project-tier2-featured {margin:10px 0;height:auto;padding:5px;border:solid 1px #000;background-color:#8F0903;}
.project-tier2-featured p {font-size:11px;color:#ddd;line-height:150%;}
.project-tier2-featured p.project-tier2-title  {font-size:13px;margin:3px 0 0 0;color:#fff;}
.project-tier2-featured p.project-tier2-title a {color:#fff;text-decoration:none;}
.project-tier2-featured p.project-tier2-title a:hover {text-decoration:underline;}


.image-slideshow {overflow:hidden;margin:0px 5px 5px 0px; text-align:center;width:85px;height:85px;border:solid 2px #BF311B;display:block;float:left;}
.green-design {margin-top:10px;}


.contactFrm {margin:0;}
.frm-btn {padding: 1px 5px;margin: 0px;font-size:12px;}
.frm-input {padding:1px;background-color: #eee;}
.frm-select {padding:1px;background-color: #eee;}
.frm-textarea {padding:2px;font-size: 14px;background-color: #eee;}