@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: #1c0b04 url(../img/bg.jpg) repeat-x top center;
	color: #745a2d;
	text-align: center;
	margin: 36px 0 15px;

}
body2 {
	font: normal 0.625em/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #1c0b04 url(../img/bg.jpg) repeat-x top center;
	color: #745a2d;
	text-align: center;
	margin: 36px 0 15px;
}
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: transparent url(../img/bg770.jpg) repeat-y 0 0;
	text-align: left;
	width: 770px;
	margin: 0 auto;
}
#page2 {
	background: white repeat-y 0 0;
	text-align: left;
	width: 770px;
	margin: 0 auto;
}
#header {
	height: 230px;
	background: transparent url(../img/header-top.jpg) no-repeat 0 0;	
	position: relative;
}
#headerproject {
xheight: 50px;
	xbackground: transparent url(../img/header-top.jpg);	
	xposition: relative;
}
#headbg {
	width: 750px;
	height: 230px;
	margin: 0 auto;
}
#headprojectbg {
	width: 750px;

	margin: 0 auto;
}
.commercial { background: url(../img/headbg-commercial.jpg) no-repeat 0 10px;}
.residential { background: url(../img/headbg-residential.jpg) no-repeat 0 10px;}

#header.home { height: 335px;}
#header.home #headbg { height: 335px;}

#logo { display: none;}

#header h1 a {
	text-indent: -900em;
	display: block;
	width: 180px;
	height: 130px;
	position: absolute;
	z-index: 3;
	top: -33px;
	left: 295px;
	background: transparent url(../img/logo.png) no-repeat 0 0;
	overflow: hidden;
	cursor: pointer;
}
#headerproject h1 a {
	text-indent: -900em;
	display: block;
	width: 180px;
	height: 130px;
	position: absolute;
	z-index: 3;
	top: -33px;
	left: 295px;
	background: transparent url(../img/logo.png) no-repeat 0 0;
	overflow: hidden;
	cursor: pointer;
}
#intro { position:absolute; top: 10px; z-index:1;}
ul#topnav {
	height: 47px;
	width: 718px;
	position: absolute;
	z-index: 2;
	bottom: -25px;
	left: 50%;
	margin-left: -257px;
}

ul#topnav li { display: inline;}

ul#topnav a { 
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
	display: block;
	position: relative;
	overflow: hidden;
}
ul#topnav a span { position: absolute; width: 100%; height: 100%; display: block; float:left;}

ul#topnav a.home {width: 77px;}
ul#topnav a.home span { background: url(../img/m-home.jpg) no-repeat 0 0;}
ul#topnav a.about { width: 108px;}
ul#topnav a.about span { background: url(../img/m-about.jpg) no-repeat 0 0;}
ul#topnav a.ourteam { width: 111px;}
ul#topnav a.ourteam span { background: url(../img/m-ourteam.jpg) no-repeat 0 0;}
ul#topnav a.portfolio { width: 101px;}
ul#topnav a.portfolio span { background: url(../img/m-portfolio.jpg) no-repeat 0 0;}
ul#topnav a.contact { width: 122px;}
ul#topnav a.contact span { background: url(../img/m-contact.jpg) no-repeat 0 0;}
ul#topnav a.tvad { width: 122px;}
ul#topnav a.tvad span { background: url(../img/m-tvad.JPG) no-repeat 0 0;}

ul#topnav a:hover span, ul#topnav a.on span { background-position: 0 -39px;}

/* MID Section
**************************/
#mid {
	background: url(../img/mid.jpg) no-repeat 0 0;	
	width: 750px;
	margin: 0 auto;
}
#mid1 {
	background: url(../img/mid1.jpg) no-repeat bottom;
}
#sidebar {
	display: inline;
	width: 185px;
	float: left;
	margin: 40px 7px -5px 0;
	padding: 0 11px 15px;
}
/* NAV
**************************/
ul#nav {}
ul#nav li {	margin-bottom: 2px;}
ul#nav li a {
	width: 169px;
	display: block;
	background: #410103 url(../img/menu-li.jpg) no-repeat 0 0;
	line-height: 22px;
	color: #fae7c4;
	font-weight: bold;
	font-size: 1.1em;
	padding: 0 8px;
}
ul#nav li a:hover {
	background: #181818;
	color: #fff;
}
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;}
xul#nav li span a { background: #0b0b0b url(../img/ico-plus.gif) no-repeat 158px 8px;}
xul#nav li span a:hover { background: #181818 url(../img/ico-plus.gif) no-repeat 158px 8px;}

ul#nav li ul { padding: 3px 0 3px 5px;}
ul#nav li ul a {
	width: 147px;
	display: block;
	background: transparent url(../img/ico-arrow.gif) no-repeat 6px .6em;
	line-height: 16px;
	height: auto;
	border: none;
	padding-left: 20px;
	font-size: 1em;
	margin-left: 3px;
}
ul#nav li#nav ul a {
	width: 147px;
	display: block;
	xbackground: transparent url(../img/ico-arrow.gif) no-repeat 6px .6em;
	line-height: 16px;
	height: auto;
	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 8px .6em;
	color: #fff;
}
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: 496px;
	float: left;
	margin-top: 42px;
	line-height: 1.8em;
	font-size: 1em;
	padding: 0 20px 15px;
}	
#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 { height: 30px; margin-bottom: 6px; font-size: 2.5em; color: #333;}		
#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;
}

#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-double.gif) no-repeat 15px 8px;	
	color: #a9730b;
	font-size: 1.1em;
	padding-left: 28px;
}

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

#scheduler table{
border: 0px solid;
}

#scheduler td{
border-right: 1px dotted #e1c2c2;
border-bottom: 1px dotted #e1c2c2;
padding: 0 2px;
}

/* FOOTER
**************************/
#footer {
	clear: both;
	background: transparent url(../img/bg770-footer.jpg) repeat-y 0 0;
	margin: 0 auto;
	width: 770px;	
	color: #fff;
	line-height: 1.5em;
}
#foot1 {
	background: url(../img/footer.jpg) no-repeat center bottom;
	min-height: 49px;
	height: auto !important;
	height: 49px;	
	padding: 10px 0 0;
}
#footer #stuff {
	width: 496px;
	margin-left: 207px;
	padding: 0 20px;
	}
#footer #stuff ul li{ display: inline;}
#footer a {	color: #fff;}
#footer a:hover, #footer a.on { color: #fefefe; border-bottom: 1px solid;}

/* JASZ
**************************/
a#jasz {
	width: 630px;
	margin: 0 auto;
	display: block;
	color: #776c68;
	height: 37px;
	line-height: 37px;
	text-align: right;
	margin-top: 5px;
	padding-right: 100px;
	background: url(../img/jasz.gif) no-repeat 100% 0;	
}
a:hover#jasz { background-position: 100% 100%; color: #ccc;}
a#jasz span { display: none;}

/* 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.thumbsORGINAL{
	background: #27282a;
	width: 107px;
	float: left;
	margin: 5px 3px 15px 7px;
	border: none;
	color: #f6edda;
	padding: 8px;
	line-height: 1.5em;
}
#content a.thumbs {
	height: 100px;
	font-size: .9em;
	background: #27282a;
	width: 117px;
	float: left;
	margin: 5px 3px 15px 7px;
	border: none;
	color: #f6edda;
	padding: 8px;
	line-height: 1.3em;


}
#content a:hover.portfolio, #content a:hover.thumbs {
	background: #0c0c0c;
}
#content a.portfolio img {
	border: none;
	margin: -4px;
	display: block;
}
#content a.thumbs img {
	border: none;
	margin: -4px;
	display: block;
		  max-height: 80px;
  overflow: hidden;
}
#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;
}
/* HOME
***********************************/
#homebox {
	background: #fff url(../img/homebox.jpg) no-repeat left center;
	border: 1px solid #e1c2c2;
	padding: 15px 20px 15px 200px;
	margin: 15px auto;
}
#homebox h2 {font-weight: bold; color: #b40308; padding: 5px 0 10px;}
#homebox p {line-height: 1.3em; font-size: 1.1em;}

a#freest {
	margin: 15px -6px 0 0px;
	width: 190px;
	height: 125px;
	display: block;
	background: transparent url(../img/calculator.jpg) no-repeat 0 0;
	text-indent: -900em;
}
a:hover#freest { background-position: 0 -125px;}