/* @override http://symphony.local:8888/workspace/css/styles.css */

/********************************
RESETS
********************************/
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,
b, u, i, center,
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%; vertical-align: baseline; background: transparent;
}
body { line-height: 1;
	-webkit-font-smoothing: antialiased;
}
ol, ul { list-style: none;
}
blockquote, q { quotes: none;
}

/* remember to define focus styles! */
:focus { outline: 0;
}

/* remember to highlight inserts somehow! */
ins { text-decoration: none;
}
del { text-decoration: line-through;
}

/* tables still need ‘cellspacing=”0”’ in the markup */
table { border-collapse: collapse; border-spacing: 0;
}
/********************************
MAIN LAYOUT
********************************/
html, body{height:100%;}
body{
	background:#fff url(../images/bg.png) repeat-x;
	font:bold 12px/18px Helvetica, Arial, sans-serif;
	color:#666;
}

#container{
	width:980px;
	margin:0 auto -159px auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#header{
	height:428px;
	padding-top:20px;
}
.bannerCaption{
	position:absolute;
	z-index:2;
	border:2px solid #444;
	background: #4c4c4c; /* Old browsers */
	background: -moz-linear-gradient(top, #4c4c4c 0%, #292929 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(100%,#292929)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4c4c4c 0%,#292929 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4c4c4c 0%,#292929 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #4c4c4c 0%,#292929 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#292929',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #4c4c4c 0%,#292929 100%); /* W3C */
	padding:15px 25px 15px 10px;
	bottom:20px;
	left: 0;
	font-size:14px;
	color:#c8c7c7;
	font-family:"Copper", arial, sans-serif;
	-webkit-border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
}
.bannerCaption h3{
	color:#fff;
	font-size:16px;
	padding-left:10px;
	background:url(../images/captionArrow.png) left center no-repeat;
}
.bannerCaption span{
	padding-left:10px;
}
#flash {
	position: relative;
	min-height: 332px;
}
#flash>img {
	position: relative !important;
	top: auto !important;
}
#main{
	float:left;
	width:500px;
	margin-left:40px;
	display:inline;
	margin-bottom:30px;
}
#art-iron-blogPage #main{
	width:600px;
}
#sidebar{
	float:right;
	width:385px;
	margin-bottom:30px;
}
#art-iron-blogPage #sidebar{
	width:285px;
}
#footer{
	background:url(../images/bgFooter.png) repeat-x;
	color:#e5e4e4;
	height:109px;
	clear:both;
	text-align:center;
	margin:40px auto 0 auto;
	padding-top:10px;
}
#footer a{
	color:#fff;
}
#footer div{
	width:990px;
	margin:0 auto
}
/********************************
NAVIGATION
********************************/
#nav{
	list-style:none;
	position:relative;
	z-index:1000;
}
#nav li{
	float:left;
	position:relative;
}
h1 a{
	display:block;
	width:133px;
	height:58px;
	background:url(../images/backgrounds.png);
	text-indent:-9999px;
	overflow:hidden;
}
#nav li a.top{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:58px;
	background-image:url(../images/backgrounds.png);
	background-repeat:no-repeat;
	padding-left:2px;
}
#nav .selected{
	height:5px;
	background:#666;
	margin:-5px 0 0 2px;
	position:relative;
	
}
h1 a:hover{
	background-position:0 -58px;
}
/*Main Nav Links*/
#ourFabrication a.top{background-position:-133px 0;width:160px;}
#ourFabrication:hover a.top,
#ourFabrication:hover a.select{background-position:-133px -58px;}

#projects a.top{background-position:-295px 0;width:108px;}
#projects:hover a.top,
#projects a.select{background-position:-295px -58px;}

#bimipd a.top{background-position:-405px 0;width:92px;}
#bimipd:hover a.top,
#bimipd a.select{background-position:-405px -58px;}

#designassist a.top{background-position:-499px 0;width:97px;}
#designassist:hover a.top,
#designassist a.select{background-position:-499px -58px;}

#framework a.top{background-position:-598px 0;width:117px;}
#framework:hover a.top,
#framework a.select{background-position:-598px -58px;}

#alternateEnergy a.top{background-position:-716px 0;width:133px;}
#alternateEnergy:hover a.top,
#alternateEnergy a.select{background-position:-716px -58px;}

#careers a.top{background-position:-1460px 0;width:116px;}
#careers:hover a.top{background-position:-1578px -58px;}

#contact a.top{background-position:-851px 0;width:126px;}
#contact:hover a.top,
#contact a.select{background-position:-851px -58px;}
#contact ul{
	right:0;
	left:auto;
}
/*Sub Nav Styling*/
#nav li ul{
	background:#d5d5d5;
	border:1px solid #f5f5f5;
	position:absolute;
	padding:1px;
	z-index:50;
	cursor:pointer;
	z-index:3;
}
#nav li ul li{
	border:1px solid #fff;
	float:none;
	cursor:pointer;
	position:static;
}
#nav li ul li a{
	display:block;
	width:227px;
	height:28px;
	overflow:hidden;
	cursor:pointer;
	background:#e8e8e8 url(../images/backgrounds.png) 0 -116px no-repeat;
	font:normal 12px/28px 'Copper', arial, sans-serif;
	color:#666;
	text-decoration:none;
	text-indent:30px;
}
#nav li ul li a:hover{
	background-position:0 -144px;
	color:#fff;
}
/*Hide the Sub Navs*/
#nav li ul{position:absolute;display:none;}

/*Show the Sub Navs on Hover*/
#nav li:hover ul{display:block;}



/********************************
PROMOS
********************************/
.promo{
	width:385px;
	height:181px;
	background:url(../images/bgPromo.png);
	margin-bottom:30px;
}
.fullPromo{
	background:url(../images/bgFullPromo.png);
	height:250px;
}
#accreditationPromo{
	background:url(../images/bgPromoAccreditation.jpg) no-repeat;
	padding:9px 8px 25px 8px;
	width:370px;
}
.promo h3{
	font:bold 16px/17px 'Copper', arial, sans-serif;
	color:#1e1e1e;
	padding: 16px 8px 0px 178px;
	height:24px;
	width:199px;
	float:right;
}
.fullPromo h3{
	padding-left:8px;
	float:none;
	width:350px;
	height:43px;
	font-size:15px;
}
#accreditationPromo h3{
	padding:8px;
	float:none;
}
.promo .promoImage{
	margin: -12px 0px 0px 24px;
	float:left;
	width:134px;
	height:128px;
	overflow:hidden;
	cursor:pointer;
	display:inline;
	position:relative;
}
.fullPromo .promoImage{
	margin:1px 0 0 11px;
	display:block;
	float:none;
	width:365px;
	height:176px;
}
.promo p{
	float:right;
	width:198px;
	height:75px;
	padding:25px 8px 0 0;
	font:bold 11px/18px 'Helvetica',Arial,sans-serif;
}
.promo a{
	color:#000;
}
.btnClickHere{
	display:block;
	width:120px;
	height:25px;
	background:url(../images/backgrounds.png) -846px -116px no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	margin:7px 8px 0 0;
}
.btnClickHere:hover{
	background-position:-846px -141px;
}
.btnZoom{
	position:absolute;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/backgrounds.png) -966px -116px no-repeat;
	width:14px;
	height:15px;
	margin: -18px 0 0 0;
	left: 0;
	bottom: 0;
}
.promoImage:hover .btnZoom,
.btnZoom:hover{
	background-position:-966px -132px;
}

/********************************
BLOG ITEMS
********************************/
.entry{
	padding:15px 0;
	border-bottom: 1px dashed #d0d0d0;
}
#pageLinks{
	padding:20px 0;
	height:20px;
}
#breadcrumbs{
	height:20px;
	padding:5px 0;
	font-weight:normal;
	font-size:11px;
}
.archive{
	font:bold 18px "Copper",Helvetica, Arial, sans-serif;
	color:#333;
	padding:40px 0 5px 0;
	display:block;
}
#sidebar ul li{
	padding:3px 0;
}
#sidebar ul li ul li{
	text-indent:10px;
}

/********************************
MAIN COLUMN PODS
********************************/
.pod{
	margin-bottom:15px;
}
.podTop{
	background:url(../images/accordionTop.gif);
	height:36px;
	width:486px;
	line-height:36px;
	text-indent:26px;
}
.podMiddle{
	border:1px solid #ccc;
	border-top:none;
	border-bottom:none;
	width:464px;
	padding:10px;
	float:left;
}
.podBottom{
	width:486px;
	background:url(../images/podBottom.gif);
	height:11px;
	clear:both;
}
/********************************
ACCORDIONS
********************************/
#test-accordion{width:486px;}
.accordion_toggle{
	display:block;
	clear:both;
	width:486px;
	height:36px;
	line-height:36px;
	background:url(../images/accordion.gif);
	text-indent:26px;
	text-decoration:none;
	color:#666;
	font-size:14px;
	cursor:pointer;
}
.accordion_toggle a{
	text-decoration:none;
}
.accordion_toggle a:hover{
	text-decoration:underline;
}
#accordFirst{
	background-image:url(../images/accordionTop.gif);
}
.accordion_toggle_active{
	background-position:0 -36px;
}
.accordion_content{
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:-1px;
	border-top:none;
	overflow:hidden;
}
#test-accordion table{
	width:456px;
	margin-left:17px;
}
#test-accordion td{
	vertical-align:middle;
	padding:0 15px 0 0;
	font-size:14px;
	line-height:140%;
}
/********************************
CLIENT LIST SLIDESHOW
********************************/
#slideshow {
    position:relative;
    height:350px;
}

#slideshow img {
    position:absolute;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}
/********************************
COMMUNITY PARTNERS
********************************/
.logos{
	width:100%;
	height:200px;
}
.logos img{
	position:absolute;
	display:none;
}
.logoList li{
	cursor:pointer;
}
.logoList li.current{
	color:#bf2e1a;
}
/********************************
DESIGN ASSIST PROJECTS
********************************/
.design-assist-project h2{
	color:#bf2e1a;
	font-size:18px;
	line-height:1.3;
}
.design-assist-project h4{
	color:#000;
	font:bold 16px "Copper", Arial, sans-serif;
}
.design-assist-sidebar h3{
	font:bold 18px/20px 'Copper',Arial,sans-serif;
	color:#000;
	border-bottom:1px solid #a2a2a2;
	padding-bottom:8px;
	text-indent:15px;
	background:url(../images/bullet.gif) 0 5px no-repeat;
	
}
.design-assist-sidebar p{
	padding:0;
}
.design-assist-sidebar ul{
	margin:15px 0 30px 0;
}
/********************************
Headings, Links, Spans, etc.
********************************/
h2{
	font:bold 22px 'Copper',Arial,sans-serif;
	color:#000;
	text-transform:uppercase;
}
#main h3{
	font:bold 18px/20px 'Copper',Arial,sans-serif;
	color:#000;
	border-bottom:1px solid #a2a2a2;
	padding-bottom:8px;
	margin:10px 0;
}
#main .entry h3{
	border:none;
	padding:0;
	margin:0;
}
h4{
	font:bold 15px 'Helvetica', Arial, sans-serif;
	color:#bf2e1a;
	padding:3px 0;
}
h5{
	font:bold 14px 'Helvetica', Arial, sans-serif;
	color:#111;
	padding:3px 0;
}
small{font-weight:normal;font-size:11px;}
.red{color:#bf2e1a}
p{padding:10px 0;line-height:20px}
strong{color:#000}
a{color:#bf2e1a;}
#main ul li{
	padding:2px 0;
	list-style-image:url(../images/bullet.gif);
	margin-left:15px;
}
/*Buttons*/

.btnReadMore{
	display:block;
	width:92px;
	height:20px;
	background:url(../images/btnReadMore.png);
	text-indent:-9999px;
	overflow:hidden;
	margin:5px 0 0 0;
}
.btnReadMore:hover{
	background-position: -92px 0;
}
.btnDirections{
	display:block;
	width:120px;
	height:25px;
	background:url(../images/btnDirections.gif);
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	margin:7px 8px 0 0;
}
.btnDirections:hover{
	background-position:-120px 0;
}
.btnSubmit{
	display:block;
	width:95px;
	height:0;
	padding-top:25px;
	background:url(../images/btnSubmit.gif) no-repeat;
	overflow:hidden;
	margin:7px 8px 0 0;
	cursor:pointer;
	font-size:0;
	border:0;
}
.btnSubmit:hover{
	background-position:-95px 0;
}
@font-face{
	font-family:'Copper';
	src:url(coppergb.otf) format('opentype');
}
#zoom{
	z-index:1000;
}
.contactPromoHeader{
	font-size:18px;
	padding-top:23px;
	height:18px
}
a {
	outline: 0 !important;
}