/* --------------------- 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;font-weight:normal;}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.clear{display:block; clear:both;}

body{
	background:url(images/main-bg.jpg) repeat center top #17191d;
	padding:0;
	margin:auto;
	color:#ececec;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
/* ---------------- Typography ---------------- */
strong{
	font-weight:bold;
}
p a{
	text-decoration:none;
	color:#FFF;
	display:inline-block;
	border-bottom:1px solid #cc1a1a;
}
	p a:hover{
		/* red */
		background:#cc1a1a;
		color:#FFF;
	}
p{
	font-size:12px;
	margin-bottom:20px;
	line-height:20px;
}
	.indent-right{
		margin-right:20px;
	}
	.indent-left{
		margin-left:20px;
	}
	.indent{
		margin:0 20px 20px;
	}
	.intro-p p{
		font-size:14px;
		line-height:1.5;
	}
	p.text-right{text-align:right;}
	/* Border on Bottom */
	.hr, #header{
		border-bottom:rgb(80,80,80) 1px solid;
		border-bottom:rgba(255,255,255,0.2) 1px solid;
		}
	.hr{
		margin-bottom:20px;
	}
blockquote{
	font-size:14px;
	font-style:italic;
	color:#d6cc89;
	line-height:24px;
	background:url(images/quote.gif) left top no-repeat;
	padding-left:50px;
	padding-top:5px;
	margin:0;
}
	#testimonal-page blockquote{color:#ececec;}
	blockquote p{ font-size:14px; }
cite{
	padding-left:60px;
	font-size:12px;
	line-height:16px;
	color:#abaa99;
	margin-top:5px;
	margin-bottom:15px;
	display:block;
}
ul{
	margin:0 0 20px 20px;
}
ul li{
	background:url(images/bullet.gif) left no-repeat;
	padding-left:28px;
	font-size:12px;
	color:#bfbcb2;
	margin-bottom:10px;
}
	ul li a{color:#bfbcb2;}
	#header ul li{
		padding:0;
		margin:0;
		background:none;
	}
	#header ul{margin:0;}
	/* ---------------- Headers ---------------- */
h2{
	font-size:2.4em;
	margin:0 20px 10px 0;
	padding-bottom:5px;
	border-bottom:1px solid #cc1a1a;
	text-indent:-9999px;
	height:25px;
}
	h2.iron-about{
		background:url(images/about-iron.gif) left top no-repeat;
	}
	h2.ag-about{
		background:url(images/about-ag.gif) left top no-repeat;
	}
	h2.contact-header{
		background:url(images/contact-us-header.gif) left top no-repeat;
	}
	h2.services-header{
		background:url(images/services-header.gif) left top no-repeat;
		margin-bottom:30px;
	}
h2.page-title{
	font-family:'SkinBones', Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:26px;
	height:auto;
	text-indent:0;
	border:none 0;
	margin:30px 0;
}
.wf-active h2.page-title{
	font-size:36px;
}
h3{
	font-size:2.4em;
	margin-bottom:10px;
}
	h3.hire{
		background:url(images/hire-header.gif) left top no-repeat;
		height:25px;
		text-indent:-9999px;
	}
h4{
	/* tan */
	color:#d6cc89;
	text-transform:uppercase;
	margin-bottom:10px;
	font-size:1.6em;
	font-weight:bold;
}
/* ---------------- Grid ---------------- */
.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8, .grid-10{
	display:inline;
	margin-right:40px;
	float:left;
}
.grid-2{width:152px}
.grid-3{width:248px}
.grid-4{width:344px}
.grid-5{width:440px}
.grid-6{width:536px}
.grid-7{width:632px}
.grid-8{width:728px}
.grid-10{width:920px;}
.last{margin:0;}

.clearfix{
	display:block;
	clear:both;
	float:none;
}
/* ---------------- Header ---------------- */
#header{
	background:url(images/header-bg.jpg) repeat bottom #000;
	width:100%;
	padding:20px 0 10px;
	margin-bottom:40px;
	height:91px;
}
#header .wrap{overflow:visible;}
	#logo{
		background:url(images/new-logo.png) no-repeat;
		width:285px;
		height:104px;
		float:left;
		clear:left;
		margin-left:-55px;
		margin-top:30px;
	}
		#logo a{
			display:block;
			height:91px;
			text-indent:-9999px;
		}
	#nav{
		width:630px;
		padding-top:50px;
		float:right;
		clear:right;
	}
	#nav ul li{
		font-family:'SkinBones', Arial, Helvetica, sans-serif;
		font-size:18px;
		display:inline-block;
		float:left;
		clear:right;
		margin:5px 13px 0;
	}
		.wf-active #nav li{ font-size:30px; }
		#nav a{
			color:#fefefe; 
			text-decoration:none;
			display:block; 
		}
		#nav a:hover, #nav li.current_page_item a{color:#d6cc89;}
/* ---------------- Content ---------------- */
#intro-header{
	background:url(images/sold-creativitiy.png) no-repeat left;
	width:536px;
	height:55px;
	text-indent:-9999px;
	margin-bottom:20px;
}
.image{
	clear:both;
	margin-bottom:20px;
	text-align:center;
}
.sep{
	background:url(images/split-trans.png) repeat-y;
	background-position:652px 0;
	background-position-x:652px;
	overflow:hidden;
	height:100%;
}
.vert-bord-3-4{
	background:url(images/grey-dot.gif) repeat-y;
	background-position:267px 0;
	background-position-x:267px;
	overflow:hidden;
	margin-bottom:20px;
}
.wrap{
	width:920px;
	margin:auto;
	overflow:hidden;
}
img a{border:none;}

/* Hire Us */

.phone, .mail a, .phone a{font-size:12px; font-weight:bold; color:#FFF; text-decoration:none;}
.phone{
	background:url(images/phone-ic.gif) left no-repeat;
	padding:15px 0 10px 30px;
	height:15px;
	border-bottom:1px solid #cc1a1a;
	margin-bottom:10px;
}
.mail{
	background:url(images/mail-ic.gif) left no-repeat;
	padding:10px 0 0 30px;
	height:13px;
	margin-bottom:20px;
}
.facebook-ic{
	background:url(images/facebook.gif) no-repeat;
	width:86px;
	height:71px;
	margin-right:5px;
	margin-top:10px;
	float:left;
	clear:left;
}
.twitter-ic{
	background:url(images/twitter.gif) no-repeat;
	width:86px;
	height:71px;
	float:left;
	clear:right;
	margin-top:10px;
}
	.facebook-ic a, .twitter-ic a{
		text-indent:-9999px;
		display:block;
		height:69px;
		}
	.facebook-ic a:hover, .twitter-ic a:hover{cursor:pointer;}
.ngg-gallery-thumbnail-box{
	width:120px;
	float:left;
	margin:0 10px 20px;
	padding:5px;
	background:#000;
}
.grid-3 .cboxElement img{
	margin:0 5px 5px 0;
}
a img{border:none;}
#testimonal-page cite{
	margin-bottom:40px;
}
/* Contact Page */
input, textarea{
	background:rgb(10,10,10);
	background:rgba(255,255,255,0.06);
	font-family:Verdana, Geneva, sans-serif;
	padding:3px;
	border:1px solid #393939;
	border:1px solid rgba(105,105,105,0.85);	
	color:#FFF;
	overflow:auto;
}
input{
	width:344px;
	height:20px;
}
textarea{
	width:534px;
	height:247px;
}
.input-header{
	clear:both;
	padding-bottom:5px;
	display:inline-block;
}
p.send-btn input{
	background:url(images/send-btn.gif) left no-repeat;
	width:51px;
	height:26px;
	display:block;
	clear:both;
	text-indent:-9999px;
	border:none;
}
p.send-btn input:hover{
	cursor:pointer;
}
/* ---------------- Footer ---------------- */
/* Stick to bottom */
	#nonFooter{
		height:100%;
		margin:auto;
	}
	#footer{
		position: relative;  /* Needed for Safari */
		min-height:80px;
		height:auto !important;
		height:80px;
		width:100%;
	}
#footer{
	background:url(images/header-bg.jpg) repeat bottom #000;
	border-top:rgba(255,255,255,0.15) 1px solid;
}
#footer p{
	text-align:center;
	color:#878479;
	padding-top:20px;
	margin-bottom:0;
}
	#footer p a{color:#878479; border:none; text-decoration:underline;}
	#footer p a:hover{background:none;}

/* ---------------- New Gallery Landing Page Layout ---------------- */

/* Gallery Menu */
#gallery-menu{
	float:left;
	width:240px;
	margin-top:90px;
	position:relative;
}

#gallery-menu li{
	background:url(images/inactive-left.png) left no-repeat;
	padding:0 41px 0 18px;
	margin-bottom:12px;
}
	#gallery-menu li.active{
		background:url(images/active-left.png) left no-repeat;
		background:url(images/active-left.png) left no-repeat, url(images/active-right.png) right no-repeat;
		z-index:100;
		position:relative;
	}
#gallery-menu li a{
	font-family:'SkinBones', Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#16181c;
	text-decoration:none;
	text-align:center;
	display:block;
	background:url(images/inactive-main-bg.png) repeat;
	padding:5px 15px 0 2px;
	height:42px;
}
#gallery-menu li a:hover{ color:#ab2222; }
.wf-active #gallery-menu li a{ font-size:36px; }
#gallery-menu li.active a{
	background:url(images/active-main-bg.png) repeat;
	color:#FFF;
}

/* Right Side */

#gallery-right{
	float:left;
	width:632px;
	margin-left:-40px;
}
.preview{
	position:relative;
}
.preview-border{
	background:url(images/preview-border.png) no-repeat;
	width:632px;
	height:422px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	-webkit-box-shadow:-5px 0 5px rgba(0,0,0,0.4);
}
.thumbs{
	margin:-45px 0 0 125px;
	z-index:99;
	position:relative;
}
.thumbs a{
	margin-left:-10px;
}
.thumbs a:first-child{ margin-left:0; }

a.gallery-more{
	color:#d6cc89;
	text-decoration:none;
	font-family:'SkinBones', Arial, Helvetica, sans-serif;
	font-size:36px;
	display:block;
	text-align:center;
	margin:25px 0;
}
a.gallery-more:hover{ color:#FFF; }
.more-arrow{ 
	margin-left:10px;
	-webkit-transition:all 100ms ease;
	-moz-transition:all 100ms ease;
	transition:all 100ms ease;
}

a.gallery-more:hover .more-arrow{
	-webkit-transform:rotate(-9deg);
	-moz-transform:rotate(-9deg);
	transform:rotate(-9deg);
}

.wf-active a.gallery-more{ font-size:46px; }

#fb-box{
	overflow:hidden;
	width:246px;
	height:175px;
	margin-left:-3px;
	margin-top:-2px;
}
#fb-box-wrap{
	width:244px;
	overflow:hidden;
	margin:45px auto;
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	clear:right;
	margin-left: 20px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	text-align:center;
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft, 
img.alignright, 
img.aligncenter {
	margin-bottom: 20px;
}