/*	Desc: master
	Author: Josh Hamilton
	Date: *last modified date*
*/

/* Colors */

	
/* === === === === === === === === === ===
=IMPORT
=== === === === === === === === === === */

@import url("reset.css");


/* === === === === === === === === === ===
=STRUCTURE
=== === === === === === === === === === */

html	{ width: 100%; }

body	{ font: 62.5%/1.5 Arial, Helvetica, san-serif; background: #30343a url(../img/body-bgd.jpg) no-repeat 50% 0; color: #646451; position: relative; width: 100%; }

#page-wrap, #footer	{ width: 856px; margin: 0 auto; position: relative; overflow: hidden; }


/* === === === === === === === === === ===
=COMMON
=== === === === === === === === === === */

.left	{ float:left; }
.right	{ float:right; margin-right:15px; }
.clear	{ clear:both; overflow:hidden;  }

a	{ color: #afd579;; text-decoration: none; outline:none; }
a:hover	{ text-decoration: underline; }

p	{ padding:0em 0em 1.2em 0; color:#fff; }

ul, ol { list-style: none inside; margin:0; padding:0;}

h1,h2	{ font-weight: normal; color: #ffffff; font-family: trajan, Georgia, "Times New Roman", serif;}
h3,h4,h5,h6	{ font-weight: normal; color: #ffffff; font-family: trajan, Georgia, "Times New Roman", serif; }

h1	{ font-size: 2em;  margin-bottom: 0.75em; }
h2	{ font-size: 20px;  margin-bottom: 5px; text-transform: uppercase;   }
h3	{ font-size: 12px;  margin-bottom: 5px; text-transform: uppercase;  }
h4	{ font-size: 11px;  margin-bottom: 5px; text-transform: uppercase; color: #afd579;  }
ul, ol	{ list-style: none; }

/*PDF Links - adds a small paper icon to all PDF links*/
p a[href$=".pdf"], li a[href$=".pdf"] { background: transparent url(../img/pdf-icon.png) no-repeat left 50%; padding:5px 0 5px 24px; font-size:11px; margin-top:10px;}

.extra { margin-top:10px; list-style:none; list-style-position:outside; }

/* === === === === === === === === === ===
=MASTHEAD
=== === === === === === === === === === */

#masthead h1 { 
	background: transparent url(/img/h1-logo.gif) no-repeat left 0; 
	text-indent: -9999px; font-size: 1%;
	width: 223px; height: 108px; 
	}
	
#masthead h1 a {
	display:block; 
	width: 223px; height: 108px; 
	}

#masthead {
	 margin:0 auto;
	 width: 856px; height: 134px;
	 position:relative;
	 z-index:2;
	 }
	 
body#home #masthead {
	 background: transparent url(../img/mast-bgd-trans.png) no-repeat 631px -7px;
	 _background-position: -631px -7px;
	 }


/* === === === === === === === === === ===
=NAVIGATION
=== === === === === === === === === === */

ul#navigation {
	position:absolute;
	bottom:0; left:0;
	height: 30px;
	margin:0;
	}

ul#navigation li { 
	float: left; display:inline; 
	text-indent:-99999px; 
	}
	
ul#navigation li a {
	background: transparent url(../img/main-nav.gif) no-repeat;
	display:block;
	height:30px;  
	}
	
ul#navigation li#about a { width:70px; background-position: 0 0; }
ul#navigation li#services a { width:92px; background-position: -71px 0; }
ul#navigation li#design-build a { width:125px; background-position: -165px 0; }
ul#navigation li#news a { width:102px; background-position: -291px 0; }
ul#navigation li#oil a { width:89px; background-position: -394px 0; }
ul#navigation li#portfolio a { width:163px; background-position: -485px 0; }
ul#navigation li#contact a { width:111px; background-position: -648px 0; }
	
ul#navigation li#about a:focus, ul#navigation li#about a:hover,
ul#navigation li#about.currentpage a { background-position: 0 -34px; }
ul#navigation li#services a:focus, ul#navigation li#services a:hover,
ul#navigation li#services.currentpage a { background-position: -72px -34px; }
ul#navigation li#design-build a:focus, ul#navigation li#design-build a:hover,
ul#navigation li#design-build.currentpage a { background-position: -165px -34px; }
ul#navigation li#news a:focus, ul#navigation li#news a:hover,
ul#navigation li#news.currentpage a { background-position: -291px -34px; }
ul#navigation li#oil a:focus, ul#navigation li#oil a:hover,
ul#navigation li#oil.currentpage a { background-position: -394px -34px; }
ul#navigation li#portfolio a:focus, ul#navigation li#portfolio a:hover,
ul#navigation li#portfolio.currentpage a { background-position: -485px -34px; }
ul#navigation li#contact a:focus, ul#navigation li#contact a:hover,
ul#navigation li#contact.currentpage a { background-position: -651px -34px; }


/* === === === === === === === === === ===
=LAYOUT
=== === === === === === === === === === */

/* === === Content === === */

body#home #content  { position:relative; width:856px; margin:0 auto; z-index:99; margin-top:-7px; background-image:none; }

#content-top {
	width:856px; height:17px;
	margin:0 auto;
	margin-top:-7px;
	position:relative; 
	z-index:9;  
	background: transparent url(../img/content-top-trans.png) no-repeat left 0; 
	}

#content  { 
	position:relative; 
	width:856px; 
	margin:0 auto; 
	z-index:9;  
	background: transparent url(../img/content-middle-trans.png) repeat-y left 0;
	}
	
/* === === Intro Area ( Home Page ) === === */

#intro {
	height: 223px;
	background: transparent url(../img/intro-bgd-trans.png) no-repeat left 0;
	}
	
#intro-copy {
	width: 435px;
	padding:20px 0 0 20px;
	}
	
#intro-copy p {
	font-size:11px;
	line-height:14px;
	}
	
#intro-copy h2 { font-family: 'trajan', georgia, serif; }


/* === === Featured Area ( Home Page ) === === */
	
ul#features  { margin:0 auto; width:856px; }

ul#features li  { float:left; margin-right:25px; }
	
ul#features.portfolio, 
ul#features.services, 
ul#features.news,
ul#features li.news,
ul#features li.portfolio a,
ul#features li.services a { 
	width: 262px; 
	height: 211px;
	display:block;
	text-indent:-99999px; font-size:1%;
	}
	
ul#features li.portfolio a { background: transparent url(../img/feature-portfolio.jpg) no-repeat left 0; }
ul#features li.services a { background: transparent url(../img/feature-services.jpg) no-repeat left 0; }
ul#features li.portfolio a:hover, ul#features li.services a:hover  { background-position: left -209px; }
		
ul#features li.news { 
	background: transparent url(../img/feature-news.jpg) no-repeat left 0;
	margin:0;
	padding-right:5px;
	}
	
ul#features li.news ul { margin:50px 0 0 20px; }

ul#features li.news ul li  { 
	float:none; 
	margin:0; 
	text-indent:0;
	line-height:28px; 
	font-size:11px;
	color: #30343a; 
	}
	
ul#features li.news ul li span {
	margin-right:20px;
	font-weight:bold;
	}
	
ul#features li.news ul li a { color: #30343a; }
ul#features li.news ul li.more a { color: #30343a; font-weight:bold; }
	
/* === === Main Content === === */

#main-content {
	margin:0 auto;
	padding: 10px 45px 10px 25px;
	font-size:11px;
	overflow:hidden;
	clear:left;
	}
	
.secondary-content {
	margin:-5px auto 0 auto;
	padding: 0 45px 15px 25px;
	font-size:11px;
	overflow:hidden;
	}

/* === === Side Bar === === */

.sidebar { position:relative;  margin:0 45px 25px 0; z-index:9; }
	
.image-box {
	width:224px;
	background-color:#dbdcdd;
	margin:10px 25px 55px 0; _margin:25px 25px 55px 0;
	padding:6px 0 0 6px;
	clear:left;
	}
	
.caption { 
	font-size:10px; 
	font-weight:bold; 
	color: #30343a; 
	padding: 10px 5px; 
	}
	
/* === === Rounded corner List box === === */

ul.list-items { _width:500px; }/*--ie6 hack to keep it pushing out of the container--*/

ul.list-items, .boxout	{ 
	background-color:#818d9e; 
	margin:15px 0 25px 0;
	padding:15px;
	color: #ffffff;
	line-height:18px;
	list-style-type: none; list-style-position: outside;  
	}
	
.alt { background-color:#818d9e; 
	margin:15px 0 25px 0;
	padding:15px 15px 0 15px;
	color: #ffffff;
	line-height:18px;
	list-style-type: none; list-style-position: outside; }
	
.boxout a { color: #30343a; font-weight:bold; font-size:12px; }
	
.boxout a:hover {
	color: #afd579; 
	text-decoration: underline;
	}
	
.boxout h4 {
	color: #30343a; 
	}
	
.boxout ul {
	margin-bottom:10px; 
	}
	
ul.bullets { list-style: inside disc; }
	
ul.triple	{ margin-right:30px; color:#ffffff; }

ul.list-items li { color: #fff; }

ul.list-items li ul 
	{ margin-left:15px; }
	
li.list-title { 
	font-family: Georgia, serif;
	font-size:14px;
	margin-bottom:5px;
	text-transform:uppercase; 
	}
	
/* === === News === === */

.news-post {  
	padding-bottom:10px;
	clear:right;  
	}
	

p span.day { 
	color: #afd579; 
	font-family:Georgia, Times, serif; 
	font-style:italic;
	font-weight:bold;
	}

.news-image { 
	width:224px;
	background-color:#dbdcdd;
	margin:10px 25px 25px 0; _margin:10px 25px 25px 0;
	padding:6px 0 0 6px;
	clear:right;
	}

hr { clear:left; margin:20px 0 20px 0; }


/* === === Gallery === === */

ul.gallery-nav { position:relative; margin-left:-5px; margin-top:25px; }

ul.gallery-nav li  {  
	float:left;   
	margin:0 0 15px 0;
	font-family: trajan, Georgia, "Times New Roman", serif;
	position:relative; 
	}
	
ul.gallery-nav li a, ul.gallery li a { 
	display:block;  
	width:195px;
	height:180px; 
	}
	
ul.gallery-nav li a:hover span { color:#30343a; }
	
ul.gallery-nav li.auto a { background:transparent url(../projects/img/Auto-main.jpg) no-repeat left 0; }
ul.gallery-nav li.auto a:hover { background-position:left -185px; text-decoration:none; }
	
ul.gallery-nav li.indust a { background:transparent url(../projects/img/Industrial-main.jpg) no-repeat left 0; }
ul.gallery-nav li.indust a:hover { background-position:left -185px; text-decoration:none; display:block; }
	
ul.gallery-nav li.retail a { background:transparent url(../projects/img/Retail-main.jpg) no-repeat left 0; }
ul.gallery-nav li.retail a:hover { background-position:left -181px; text-decoration:none; display:block; }
	
ul.gallery-nav li.comm a { background:transparent url(../projects/img/Conv-main.jpg) no-repeat left 0; }
ul.gallery-nav li.comm a:hover { background-position:left -181px; text-decoration:none; display:block; }
	
ul.gallery-nav li.db a { background:transparent url(../projects/img/DB-main.jpg) no-repeat left 0; }
ul.gallery-nav li.db a:hover { background-position:left -182px; text-decoration:none; display:block; }
	
ul.gallery-nav li.conv a { background:transparent url(../projects/img/Comm-main.jpg) no-repeat left 0; }
ul.gallery-nav li.conv a:hover { background-position:left -181px; text-decoration:none; display:block; }
	
ul.gallery-nav li.wall a { background:transparent url(../projects/img/wall-main.jpg) no-repeat left 0; }
ul.gallery-nav li.wall a:hover { background-position:left -181px; text-decoration:none; display:block; }

ul.gallery-nav li.pre a { background:transparent url(../projects/img/precast-main.jpg) no-repeat left 0; }
ul.gallery-nav li.pre a:hover { background-position:left -180px; text-decoration:none; display:block; }

ul.gallery-nav li span {
	display:block; 
	text-align:center;
	padding:5px;
	color:#ffffff;
	text-transform: uppercase;
	}
	
ul.gallery-nav li a span:focus, ul.gallery-nav li a span:hover {
	color:#30343a;
	}
	
ul.gallery { position:relative; margin:5px 0 15px -5px; }

ul.gallery li {
	float:left;   
	margin:0 0 15px 0;
	font-family: trajan, Georgia, "Times New Roman", serif;
	position:relative;
	overflow:hidden;
	}
	
ul.gallery li a {
	display:block;   
	position:relative;
	z-index:9;
	}
	
ul.gallery li a:focus, ul.gallery li a:hover  {
	text-decoration:none;
	}
	
ul.gallery li p.disc {
	position:absolute;
	top:5px; left:15px;
	z-index:99;
	}
	
ul.gallery li img {
	margin:29px 0 0 6px;
	}
	
		
ul.gallery li span {
	position:absolute;
	top:0; left:0;
	overflow:hidden;
	z-index:9;
	display:block; 
	background:transparent url(../img/gallery-frame-trans.png) no-repeat left 0;
	width:212px; height:180px;
	}
	
ul.gallery li span:focus, ul.gallery li span:hover { 
	background-position: left -180px;
	text-decoration:none;
	
	}
	
h3.gallery-headline { margin-bottom:25px;}

.next-nav { overflow:hidden; clear:both;}

.short { margin-top:-20px; }

.back a { color: #afd579; margin-top:10px;  }
.back a:focus, .back a:hover { color: #afd579; text-decoration:underline; }

a .link  { color:#035292; text-decoration:none; }
a .link:hover  { color:#035292; text-decoration:underline; }


img.contact-th { margin:15px 0 5px 0;}


.Industrial-copy {
	width:525px;
	margin-left:25px;
	}
	
.Industrial-copy a {
	font-size:11px;
	font-weight:normal;
	color:#afd579;
	}
	
em { color:#afd579; }
	
.Industrial-copy h4 {
	margin-top:10px;
	}
	
.highlight {
	color: #30343a;
	font-weight:bold;
	font-size:11px;
	}
	
#divider { clear:both; height:2px; width:100%; margin-bottom:15px; }


/* === === === === === === === === === ===
=FORM
=== === === === === === === === === === */

#form, #success {
margin:0px 0 36px 25px;
_margin-right:15px;
width:520px;
clear:right;
}
	
.error { color:#afd579; font-size: 11px ; line-height:18px; }

label.error { display: block; background-color: #afd579; padding:5px; color: #30343a; }

input.error, textarea.error { border: 1px solid #afd579; }	
	
#form em, #form dl dt em {
color:#afd579; font-size:12px;
}

#form dl {
margin-top:0;
}

#form h2 {
padding-bottom:0px;
}

	
#form p, #success p {
margin-bottom:5px;
font-size: 11px ;
line-height:18px;
color: #ffffff;
}
	
#form dt {
color: #ffffff;
font-size: 11px ;
line-height:24px;
}

#form dt em {
color: #30343a;
}
	
fieldset dd { margin:0; }
	
#name, #email, #project, #phone, #info { width:100%; margin-bottom:5px; }

input, textarea { 
background-color: #818d9e; 
border:1px solid #646451; 
padding:5px; 
color: #30343a;
}

	
#submit { 
margin-top:15px;
padding:5px 10px;
border:1px solid #646451;
color:#ffffff;
margin-bottom:25px;  
}

#form p { margin-bottom: 12px;}

input:hover, textarea:hover,
input:focus, textarea:focus,
#submit:focus, #submit:hover { border:1px solid #afd579; cursor: pointer;  }

/* === === === === === === === === === ===
=FOOTER
=== === === === === === === === === === */

body#home #footer { background: none;  }

#footer { background: transparent url(../img/footer-top-trans.png) no-repeat left 0; padding-top:25px; overflow:hidden; }

#footer a {
	color: #fff; 
	text-decoration: underline;
	font-size:10px; 
	}
	
#footer a:hover	{ 
	text-decoration: underline;
	color: #afd579;
	}

#footer.site-info  { width: 700px; display:block; clear:left; }

.butler-logo { width:117px; height:42px;}


/* === === === === === === === === === ===
=LIGHTBOX
=== === === === === === === === === === */
 
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #14212B;
	cursor: pointer;
	z-index:99999;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #14212B;
	z-index:99999;
}

.lbLoading {
	background: #14212B url('../img/lightbox/loading.gif') no-repeat center;
	z-index:99999;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid  #14212B;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url('../img/lightbox/prevlabel.gif') no-repeat 0% 15%;
	z-index:99999;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url('../img/lightbox/nextlabel.gif') no-repeat 100% 15%;
	z-index:99999;
}

#lbBottom {
	font-family: 'Verdana', Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #14212B;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url('../img/lightbox/closelabel.gif') no-repeat center;
	z-index:99999;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}


.sIFR-active h2, .sIFR-active h3, .sIFR-active h4 { visibility:hidden; overflow:hidden; }

/*---- Header styling ---*/

/*  RSS */
/* begin styles for RSS Feed 

     This is the most basic style to use for a list with no bullets */



.rss_box {

	 width: 250px;

}



.rss_title, rss_title a {

	margin: 0px 0;

	padding: 0;

}



.rss_items {

       list-style:none;

       margin:0;

       padding:0;

}



.rss_item  {

  font-size: x-small;

  margin-bottom: 1em;;
  padding-bottom:5px;
  line-height:10px;

}



.rss_item a:link, .rss_item a:visited, .rss_item a:active {



	}



.rss_item a:hover { 



	}

	

.rss_date {

	font-size: xx-small;

	}
	
/* PROJECT SHEETS */
#sheetcontainer
{
	width:1000px;
	margin:auto;
	padding-top:30px;
	align:center;
	text-align:center;
}

#sheetheader
{
	background:url(images/logo.jpg) no-repeat center;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	height:85px;
}

#sheetcontentmain
{
	background:#ffffff;
	margin-left:auto;
	width:961px;
	margin-right:auto;
	padding-bottom:10px;
}

#sheetcontenttop
{
	background:url(images/content-top.jpg) no-repeat center;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	height:26px;
}

#sheetcontentbottom
{
	background:url(images/content-bottom.jpg) no-repeat center;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	height:26px;
}

#sheetleftboxtop
{
	background:url(images/content-box-top.jpg) no-repeat;
	height:25px;
	width:430px;
}

#sheetleftboxbottom
{
	background:url(images/content-box-bottom.jpg) no-repeat;
	height:25px;
	width:430px;
}

#sheetleftboxcontent h1
{
	font-family:Palatino Linotype;
	font-size:24px;
	color:#2B2F32;
	text-align:center;
}

#sheetleftboxcontent p
{
	font-size:14px;
	color:#868F98;
	font-family:arial;
}

#sheetfooter
{
	color:#ffffff;
	font-family:Palatino Linotype;
	font-size:16px;
	padding-bottom:30px;
}