/* @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;
}
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:990px;
	margin:0 auto -159px auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#header{
	height:428px;
	padding-top:20px;
}
#banner{margin-left:4px;}
#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;
}
#nav li{
	float:left;
}
h1 a{
	display:block;
	width:151px;
	height:64px;
	background:url(../images/backgrounds.png);
	text-indent:-9999px;
	overflow:hidden;
}
#nav li a.top{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:64px;
	background-image:url(../images/backgrounds.png);
	padding-left:2px;
}
#nav .selected{
	height:5px;
	background:#666;
	margin:-5px 0 0 2px;
	position:relative;
	
}
h1 a:hover{
	background-position:-151px 0;
}
/*Main Nav Links*/
#ourFabrication a.top{background-position:-302px 0;width:170px;}
#ourFabrication:hover a.top,
#ourFabrication:hover a.select{background-position:-474px 0;}

#projects a.top{background-position:-646px 0;width:120px;}
#projects:hover a.top,
#projects a.select{background-position:-768px 0;}

#framework a.top{background-position:-890px 0;width:145px;}
#framework:hover a.top,
#framework a.select{background-position:-1037px 0;}

#mediaRoom a.top{background-position:-1184px 0;width:136px;}
#mediaRoom:hover a.top,
#mediaRoom a.select{background-position:-1322px 0;}

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

#contact a.top{background-position:-1696px 0;width:138px;}
#contact:hover a.top,
#contact a.select{background-position:-1837px 0;}

/*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;
}
#nav li ul li a{
	display:block;
	width:227px;
	height:28px;
	background-image:url(../images/backgrounds.png);
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
/*Hide the Sub Navs*/
#ourFabrication #ourFabricationSub,
#projects #projectsSub,
#framework #frameworkSub,
#mediaRoom #mediaRoomSub,
#careers #careersSub{position:absolute;display:none;}

/*Show the Sub Navs on Hover*/
#ourFabrication:hover #ourFabricationSub,
#projects:hover #projectsSub,
#framework:hover #frameworkSub,
#mediaRoom:hover #mediaRoomSub,
#careers:hover #careersSub,
li.over ul{display:block;}

/*Sub Nav Links*/
#smART{background-position:0 -64px;}
#designExp{background-position:0 -92px;}
#bidBuild{background-position:0 -120px;}
#clientList{background-position:-227px -64px;}
#current{background-position:-227px -92px;}
#past{background-position:-227px -120px;}
#case{background-position:-227px -148px;}
#testimonials{background-position:-227px -176px;}
#timeline{background-position:-454px -64px;}
#people{background-position:-454px -92px;}
#community{background-position:-454px -120px;}
#keyStaff{background-position:-681px -64px;}
#press{background-position:-681px -92px;}
#blog{background-position:-681px -120px;}
#benefits{background-position:-908px -64px;}

#smART:hover{background-position:-908px -92px;}
#designExp:hover{background-position:-908px -120px;}
#bidBuild:hover{background-position:-908px -148px;}
#clientList:hover{background-position:-1135px -64px;}
#current:hover{background-position:-1135px -92px;}
#past:hover{background-position:-1135px -120px;}
#case:hover{background-position:-1135px -148px;}
#testimonials:hover{background-position:-1135px -176px;}
#timeline:hover{background-position:-1362px -64px;}
#people:hover{background-position:-1362px -92px;}
#community:hover{background-position:-1362px -120px;}
#keyStaff:hover{background-position:-1589px -64px;}
#press:hover{background-position:-1589px -92px;}
#blog:hover{background-position:-1589px -120px;}
#benefits:hover{background-position:-1589px -148px;}

/********************************
PROMOS
********************************/
.promo{
	width:385px;
	height:181px;
	background:url(../images/bgPromo.png);
	margin-bottom:10px;
}
.promo h3{
	font:bold 16px/16px 'Copper', arial, sans-serif;
	color:#1e1e1e;
	padding: 16px 8px 0px 178px;
	height:24px;
	width:199px;
	float:right;
}
.promo .promoImage{
	margin: -12px 0px 0px 24px;
	float:left;
	width:134px;
	height:128px;
	overflow:hidden;
	cursor:pointer;
	display:inline;
}
.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) -1816px -64px no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	margin:7px 8px 0 0;
}
.btnClickHere:hover{
	background-position:-1816px -89px;
}
.btnZoom{
	position:absolute;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/backgrounds.png) -1936px -65px no-repeat;
	width:14px;
	height:15px;
	margin: -18px 0 0 0;
}
.promoImage:hover .btnZoom,
.btnZoom:hover{
	background-position:-1936px -81px;
}

/********************************
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;}
#test-accordion .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;
}

#test-accordion #accordFirst{
	background-image:url(../images/accordionTop.gif);
}
#test-accordion .accordion_toggle_active{
	background-position:0 -36px;
}
#test-accordion .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;
}

/********************************
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
}