@import "sifr-screen.css";
@import "slimbox.css";
/* Reset CSS 
*******************/
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
ol, ul { list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
input, select, textarea { font-size: 100%; font-family: inherit;}
strong { font-weight: bold;}
em { font-style: italic;}
/*******************/

body {
	font: normal 0.625em/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #000000 url(../img/bg.jpg) repeat-y center -17px;
	color: #745a2d;
	text-align: center;
}
a { text-decoration: none;}
big { font-weight: bold; color: #0e8abf; font-size: 1.081em;}
.blue { color: #0e8abf;}
small { display: block; text-align: right; clear: both; margin-right: 20px;}

.ruler {
	display: block;
	clear: both;
	height: 1px;
	margin: 0 auto;
	overflow: hidden;
	background: url(../img/ruler.jpg) 50% 50%;
}
/* Clearfix
**************************/
.clear {clear: both; line-height:0%;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
html > body .clearfix {min-height: 1px; height: auto;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Specific Styles
**************************/
#page {
	background: #fff url(../img/bg770.jpg) repeat-y 0 0;
	text-align: left;
	width: 770px;
	margin: 0 auto;
}
#header {
	height: 203px;
	background: transparent url(../img/header.jpg) no-repeat 0 0;	
	position: relative;
}
#logo { display: none;}

#header h1 a {
	text-indent: -900em;
	display: block;
	width: 170px;
	height: 140px;
	position: absolute;
	top: 17px;
	left: 7px;

}
ul#topnav {
	height: 20px;
	width: 476px;
	position: absolute;
	bottom: 7px;
	left: 71px;
	background: url(../img/topnav-dashes.gif) no-repeat -92px 0; /*pune -92px 0 pt about...*/
}

ul#topnav li { 
	display: inline;
	}

ul#topnav a { 
	float: left;	
	display: block;
	text-indent: -900em; 
	height: 20px;
}
ul#topnav a.home { background: url(../img/topnav.gif) no-repeat 0 0; width: 51px;}
ul#topnav a.about { background: url(../img/topnav.gif) no-repeat -63px 0; width: 79px; margin-left: 12px;}
ul#topnav a.history { background: url(../img/topnav.gif) no-repeat -155px 0; width: 68px; margin-left: 12px;}
ul#topnav a.people { background: url(../img/topnav.gif) no-repeat -236px 0; width: 57px; margin-left: 13px;}
ul#topnav a.safety { background: url(../img/topnav.gif) no-repeat -306px 0; width: 58px; margin-left: 13px;}
ul#topnav a.contact { background: url(../img/topnav.gif) no-repeat -377px 0; width: 100px; margin-left: 13px;}

ul#topnav a.home:hover { background-position: 0 -20px;}
ul#topnav a.about:hover { background-position: -63px -20px; }
ul#topnav a.history:hover { background-position: -155px -20px;}
ul#topnav a.people:hover { background-position: -236px -20px;}
ul#topnav a.safety:hover { background-position: -306px -20px;}
ul#topnav a.contact:hover { background-position: -377px -20px;}

/* MID Section
**************************/
#mid {
	background: transparent url(../img/mid.jpg) no-repeat 0 0;	
}
#sidebar {
	display: inline;
	width: 186px;
	float: left;
	padding: 65px 0 100px;
}
/* NAV
**************************/
ul#nav {
	width: 176px;
	margin-left: 1px;
	line-height: 25px;
}
ul#nav li a {
	width: 166px;
	display: block;
	background: #0b0b0b;
	line-height: 25px;
	color: #fae7c4;
	border-top: 1px solid #1e1e1e;
	border-bottom: 1px solid #303030;
	padding-left: 10px;
	font-weight: bold;
	font-size: 1.1em;
}
ul#nav li a:hover {
	background: #181818;
}
ul#nav li a.on, ul#nav li a.on:hover {
	background: #f5ecdb;
	color: #0b0b0b;
	padding-right: 9px;
	border: solid #a16904;
	border-width: 1px 0;
	cursor: default;
}
ul#nav li span { display: block; width: 166px;}
ul#nav li span a { background: #0b0b0b url(../img/ico-plus.gif) no-repeat 158px 8px;}
ul#nav li span a:hover { background: #181818 url(../img/ico-plus.gif) no-repeat 158px 8px;}

ul#nav li ul { padding: 5px 0 5px 5px;}
ul#nav li ul a {
	width: 147px;
	display: block;
	background: transparent url(../img/ico-arrow.gif) no-repeat 8px .6em;
	line-height: 16px;
	height: auto;
	color: #2f2108;
	border: none;
	padding-left: 20px;
	font-size: 1em;
	margin-left: 3px;
}
ul#nav li ul a:hover {
	background: transparent url(../img/ico-arrow.gif) no-repeat 10px .6em;
}
ul#nav li ul a.on, ul#nav li ul a.on:hover {
	background: #f9eeda url(../img/ico-arrow.gif) no-repeat 7px .6em;
	width: 137px;
	padding-right: 19px;
	border-left: 1px solid #a16904;
}

/* CONTENT
**************************/
#content{
	display: inline;
	width: 533px;
	float: left;
	margin-left: 15px;
	padding-top: 30px;	
	line-height: 1.9em;
}	
#content img {
	border: 1px solid #a9730b;
}
#content img.left {	float: left; margin: 0 1em 1em 0;}
#content img.right { float: right; margin: 0 0 1em 1em;}

#content br {
	display: block;
	clear: both;
}
#content h1 {
	color: #b67702;
	font-size: 2.3em;
	padding-bottom: .2em;
	line-height: 1.2em;
	width: 530px;
}		
#content h2 {
	color: #444;
	font-size: 1.5em;
	padding: .25em 0;
	clear: both;
	font-weight: bold;
}
#content h3 {
	color: #333;
	font-size: 1.3em;
	padding: .5em 0 .25em;
	font-weight: bold;		
	text-transform: uppercase;
	clear: both;
}
.btn {
 color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:100%;
   font-weight:bold;
   background-color:#e7e7e7;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
}
.btn[disabled] {
 color:#66CC99;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:100%;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
}
#content p { margin: 0 0 .75em; font-size: 1.2em;}

#content a { color: #a9730b; border-bottom: 1px dotted; font-size: 1em;}
#content a:hover { border: none;}

#content ul li {
	background: url(../img/ico-helmet.gif) no-repeat 10px 1px;	
	color: #a9730b;
	font-size: 1.2em;
	padding-left: 35px;
}

#content div#services {
	height: 177px;
	width: 566px;
	margin: 0px 0 15px -15px;
	position: relative;
	clear: both;
	border: solid #e1d7c5;
	border-width: 2px 0;
	padding: 0;	
}
#content div#testimonials {
	height: 110px;
	
}
#content h2#commercial, #content h2#residential, #content h2#maintenance, #content h2#streetprint {
	border: none;
	float: left;
	padding: 0;
	margin: 0;
	text-indent: -900em;
	clear: none;
	line-height: 0%;
}
#content h2 a {
	display: block;
	float: left;
	width: 140px;
	height: 177px;
	padding: 0;
	margin: -6px 2px 0 0 !important;
	margin: 0 2px 0 0;
	border: none;
}
h2#commercial a {
	background: transparent url(../img/h2-commercial.jpg) no-repeat 0 0;
}
h2#residential a {
	background: transparent url(../img/h2-residential.jpg) no-repeat 0 0;
}
h2#maintenance a {
	background: transparent url(../img/h2-maintenance.jpg) no-repeat 0 0;
}
h2#streetprint a {
	background: transparent url(../img/h2-streetprint.jpg) no-repeat 0 0; margin-right: 0 !important;
}

h2#commercial a:hover, h2#residential a:hover, h2#maintenance a:hover, h2#streetprint a:hover {
	background-position: 0 -177px;
	text-decoration: none;
}
#content h2 a:hover span {
	background-position: 0 -177px;
	color: #fff;
	display: block;
	font-size: 0.733em;
	line-height: 1.4em;
	text-indent: 0;
	padding: 1.1em;
}

/* FOOTER
**************************/
#footer {
	clear: both;
	background: #000 url(../img/footer.jpg) no-repeat 0 0;
	height: 66px;
	position: relative;
	color: #729077;
	line-height: 1.5em;
}
#footer #truck {
	background: url(../img/footer-truck.jpg);
	height: 138px; /*116*/
	width: 201px;	
	position: absolute;
	top: -87px; /*-65*/
	left: 0;
}
#footer #callus {
	position: absolute;
	top: 65px;
	left: 43px;
	background: url(../img/callus.jpg);
	height: 41px;
	width: 107px;		
	text-indent: -900em;
}
#footer #stuff {
	position: absolute;
	top: 62px;
	left: 185px;
	width: 575px;
}
#footer #stuff ul li{ display: inline;}
#footer a {	color: #729077; border-bottom: 1px solid;}
#footer a:hover, #footer a.on { color: #b8d6bd;}

/* Portfolio
********************************/
#content a.portfolio {
	background: #27282a;
	width: 146px;
	float: left;
	margin: 5px 5px 15px 10px;
	border: none;
	color: #f6edda;
	padding: 8px;
	line-height: 1.5em;
}
#content a.thumbs {
	background: #27282a;
	width: 107px;
	float: left;
	margin: 5px 3px 15px 7px;
	border: none;
	color: #f6edda;
	padding: 8px;
	font:8px;
	line-height: 1.5em;
}
#content a:hover.portfolio, #content a:hover.thumbs {
	background: #0c0c0c;
}
#content a.portfolio img, #content a.thumbs img {
	border: none;
	margin: -4px;
	display: block;
	xheight: 117px;
}
#content a.portfolio span {
	text-transform: uppercase;
	font-weight: bold;
	color: #e49404;
	display: block;
	margin: 10px 0 0;
}
#content a.thumbs span {
	display: block;
	margin: 10px 0 -1px;
}
#content a.backto {
	display: block;
	background: #ede1c8;
	clear: both;
	text-decoration: none;
	border: none;
	padding: 0 10px;
	font-weight: bold;
}
#content a:hover.backto {
	color: #000;
}