html {overflow:scroll; overflow-x: auto; }
html * { margin:0; padding:0;}
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; outline: 0; font-weight:normal; font-style:normal; font-size: 100%; font-family:Verdana, Geneva, sans-serif; vertical-align: baseline;}
body {height:100%; margin-bottom:.1em; font-size:62.5%; line-height:1; color: #444444; background: #fff url(/assets/images/bg.gif); }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing:0; empty-cells:show;}
caption, th, td {text-align:left; font-weight:normal; }
a { color:#06F;}
a:hover {text-decoration:none; color:#090}
a:visited { color:#00C; }
a:focus, 
a:active{background:#4f4; color:#000; outline:none}
.screenReader {position:absolute;left:-9999px;}
.clear {float:none; clear:both}
.white{color:#fff !important}
.tip{display:inline-block; margin-left:5px; border:1px solid #09F; background:#fff; font-family:Arial; font-size:10px; color:blue; text-decoration:none; height:12px; width:12px; line-height:12px; text-align:center}
.tip:hover{background:#00ff00; color:#000}

dt {font-weight:bold; margin-bottom:.5em; font-size:1.2em}
dd {line-height:1.5em; padding-left:1.5em; font-size:1.2em}
strong{font-weight:bold}
em{font-style:italic;}
.hr{background:url(/assets/images/hr-rule.gif) 0 50% repeat-x; height:21px;}
hr{
	border:none;
	background:url(/assets/images/hr-rule.gif) 0 0 repeat-x; 
	height:1px;
	margin:0 ;
	
}
.right{text-align:right}
img.right{float:right}
img{border:1px solid #ccc;}
.no-border{
	border-color:#fff;
}
.dot{border:none !important; display:inline-block !important; vertical-align:baseline}

/******************
	WRAPPER
******************/
#wrapper,
#pageTitle{
   position:relative;
   top:30px;
   width:950px;
   margin:0 auto;	
}
#pageTitle{padding-bottom:10px;}
#topWrap {
   position:relative;
   background:url(/assets/images/wrapper-top.png) 0 0 no-repeat;
   width:950px;
   height:37px;
}
#wrapperMid {
   /*position:relative;*/
   background:url(/assets/images/wrapper-mid.png) 0 0 repeat-y;
   width:950px;
   height:auto;
}
#wrapperPad {
   /*position:relative;*/
   width:910px;
   margin:0 auto;
}
#header {
   position:relative;
   text-align:left;
	margin-bottom:10px;
}
#header .vcard,
#pageTitle .vcard{
   position:relative;
   top:-10px;
   left:5px;
}
#wrapperPad .fn,
#pageTitle .fn{
   display:block;
   font-weight:bold;
   font-size:24px;
}
#wrapperPad .fn a,
#pageTitle .fn a{
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
}
#wrapperPad .tel,
#pageTitle .tel{
   position:absolute;
   top:0;
   right:10px;
   font-size:24px;
   font-weight:bold;
	line-height:normal;
	white-space:nowrap;
}

#header .adr,
#pageTitle .adr{
   position:relative;
   top:5px;
}
#header .adr span,
#pageTitle .adr span{
   font-size:1.2em;
   line-height:1.2em;
}
#header .street-address,
#pageTitle .street-address{ display:block; }
.topNav {
   position:absolute;
   top:-20px;
   right:25px;
   padding:0 0 10px 0;
   text-align:right;
   width:100%;
   font-size:1.1em;
}
.navLinks a{
	box-shadow:0 0 7px #000;
}
.navLinks a:hover{
	box-shadow:0 0 7px #fff;
}
/*******************
	CONTENT
*******************/

#content { padding:60px 0; }
#content .leftNav {
   float:left;
   width:240px;
	margin-bottom:10px;
}
#content.custZone .leftNav{
	width:200px;
}
#content .leftNav li {
	height:60px;
   margin-bottom:10px;
    
}
#content .leftNav li a {
   display:block;
   height:55px;
   line-height:55px;
	padding:0 0 0 54px;
   font-size:12px;
   border:1px solid #ccc;  
}

/**************
LEFT NAV
**************/
#content .leftNav li.water-damage a { background:url(/assets/images/ico-menu2.png) 5px 6px no-repeat; }
#content .leftNav li.water-damage a:focus,
#content .leftNav li.water-damage a:active{ background:#0F0 url(/assets/images/ico-menu2.png) 5px 6px no-repeat !important;}
#content .leftNav li.water-damage.active a{color:#000; text-decoration:none}

#content .leftNav li.biohazard-cleaning a { background:url(/assets/images/ico-menu2.png) 5px -54px no-repeat; }
#content .leftNav li.biohazard-cleaning a:focus,
#content .leftNav li.biohazard-cleaning a:active{ background:#0F0 url(/assets/images/ico-menu2.png) 5px -54px no-repeat !important; }
#content .leftNav li.biohazard-cleaning.active a{color:#000; text-decoration:none}

#content .leftNav li.fire-restoration a { background:url(/assets/images/ico-menu2.png) 5px -114px no-repeat; }
#content .leftNav li.fire-restoration a:focus,
#content .leftNav li.fire-restoration a:active{ background:#0F0 url(/assets/images/ico-menu2.png) 5px -114px no-repeat !important; }
#content .leftNav li.fire-restoration.active a{color:#000; text-decoration:none}

#content .leftNav li.construction a { background:url(/assets/images/ico-menu2.png) 5px -174px no-repeat; }
#content .leftNav li.construction a:focus,
#content .leftNav li.construction a:active{ background:#0F0 url(/assets/images/ico-menu2.png) 5px -174px no-repeat !important; }
#content .leftNav li.construction.active a{color:#000; text-decoration:none}

#content .leftNav li.emergency a { background:url(/assets/images/ico-menu2.png) 5px -235px no-repeat; }
#content .leftNav li.emergency a:focus,
#content .leftNav li.emergency a:active{ background:#0F0 url(/assets/images/ico-menu2.png) 5px -235px no-repeat !important; }
#content .leftNav li.emergency.active a{color:#000; text-decoration:none}


/*********************
	BODY COPY 
*********************/
#modalWrap{
	padding-top:30px;
}
#content #bodyCopy {
   float:left;
   position:relative;
   margin-left:15px;
   width:648px;
}
#content.custZone #bodyCopy{
	width:688px;
}
#content #bodyCopy p{
   font-size:1.2em;
   line-height:1.5em;
	margin-bottom:10px
}
	#modalWrap p{
		font-family:Verdana;
		font-size:1.2em;
		line-height:1.3em;
		margin-bottom:1em;
		color:#333;
	}
#content #banner {
   display:block;
   height:140px;
   width:648px;
   border:1px solid #ccc;
   margin-bottom:20px;	
}
#content #banner.defaultBG{
	background:#e67817 url(/assets/images/banner/defaultBanner.jpg) 50% 0 no-repeat;
}
.waterBG { background:lightblue url(/assets/images/banner/water-damage-marquee.jpg) 0 0 no-repeat !important; }
.biohazardBG { background:url(/assets/images/banner/biohazard-marquee.jpg) 0 0 no-repeat !important; }
.fireBG { background:orange !important}
.constructionBG { background:green !important}
.emergencyBG{ background:red !important}

#content #bodyCopy h1{
   font-size:2.0em;
	line-height:normal;
   font-weight:bold;
   margin-bottom:10px;
	color:#333;
}
	#modalWrap h1{
		font-size:1.5em;
		font-weight:bold;
		margin-bottom:10px;
		color:#333;
	}
#content #bodyCopy h2{
   font-size:1.6em;
   font-weight:bold;
   margin-bottom:10px;
   color:#333;	
}
	#modalWrap h2{
		font-size:1.2em;
		font-weight:bold;
		margin-bottom:5px;
		color:#333;		
	}
#content #bodyCopy h3 {
   font-size:1.2em;
   font-weight:bold;
   margin:0 0 5px 0;
	padding:0;
	color:#333
}
/*************
Emergency Form
*************/
#emergency-table {width:80%; margin:0 auto}
#emergency-table td{font-size:1.2em; padding:5px; vertical-align:middle}
#emergency-table td.fc{text-align:right}
#emergency-table .w200{width:200px; height:18px}
.valign-m{vertical-align:top !important}
#errorContainer{display:none; width:80%; margin:0 auto; border:1px dashed red; background:#ffffcf; font-size:1.1em; margin-bottom:10px;}
#errorContainer div{padding:10px}
.q {border:1px solid white}
.errorBox{background:yellow; border:1px solid red;}
.errorBox2 {width:200px; background:yellow; border:1px solid red}
/*************
 Contact Form
**************/
#contactform td {
   padding:5px 5px 5px 0;
   vertical-align:top;
}
#contactform .label {
   font-size:1.2em;
   text-align:right;
   vertical-align:middle
}
#contactform textarea {
   width:350px;
   height:150px
}
input {
   color:#444444;
   font-size:1.1em;
   font-family:Verdana;
   vertical-align:middle
}
.vtop { vertical-align:top !important }
.vtop label {
   position:relative;
   top:2px
}
#bottomWrap {
   position:relative;
   background:url(/assets/images/wrapper-bottom.png) 0 0 no-repeat;
   width:950px;
   height:70px;
}
#footer {
   position:relative;
   top:40px;
   padding:0 30px
}
#footer span { line-height:1.2em }
#footer #djo {
   position:absolute;
   right:0px;
}
#footer #djo a { line-height:1.2em }
#footer #djo a:hover,
#footer #djo a:active,
#footer #djo a:focus {
   text-decoration:none;
	background:none;
}
#footer #djo img{border:none; vertical-align:middle}
/**************
Customer-zone
**************/
#customerDetails .zebra{border:1px solid #ccc; margin:0; width:100%}
#customerDetails td{font-size:1.1em; padding:8px 0 8px 0; line-height:normal}
#customerDetails h1{margin-bottom:20px}
#customerDetails #bodyCopy h3{margin:0; padding:8px 0 8px 0; text-indent:10px; background:#ccc;}

.zebra .odd td{background:#fff;}
.zebra .even td{background:#f5f5f5;}
.zebra .over td{color:#000}
.zebra .right{text-align:right; width:200px; padding:8px 10px 8px 10px !important; color:#000}
.zebra.no-right .right{text-align:left}
.zebra.borders td{border-left:1px dotted #ccc; padding:8px 5px 8px 5px !important}
.zebra.borders .right{border-left:none; width:auto}
.text{padding:1px 3px; background:#fff; border:1px solid #999}
#file{font-size:1em}
.zebra .header td{background:#ddd; color:#000; font-weight:bold; white-space:nowrap;}
.custDefaultImg {float:right; text-align:right}
.custDefaultImg:focus,
.custDefaultImg:hover{background:none}

.custDefaultImg img{border:1px solid #999; display:block}
/*************
 Components
*************/
.check li {
   background:url(/assets/images/check.gif) 0 3px no-repeat;
	padding:0 25px;
   line-height:1.5em;   
   font-size:1.2em;
}

/********************
Plus Minus toggle
********************/
#plus-minus{
	width:650px;
}
#plus-minus .closed .false strong{font-weight:normal}
#plus-minus .open .false,
#plus-minus .closed .false{
   text-decoration:none;
   color:#090;
 	font-size:1.2em;
}
#plus-minus .closed{
	padding-bottom:5px;
}
#plus-minus .closed .false{
	background:#cff url(/assets/images/plus.png) 0 50% no-repeat !important;
	color:#090 !important;
}
	#ie6 #plus-minus .closed .false{
		background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/assets/images/plus.png');
	}
#plus-minus .open{
	padding-bottom:5px;
}
#plus-minus .open .false{
	display:block;
	border:1px solid #ccc;
	background:#d9ffd9 url(/assets/images/minus.png) 0 50% no-repeat;
	padding:5px 20px;
	line-height:1em;
	color:#000;
}
	#ie6 #plus-minus .open .false{
		background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/assets/images/minus.png');
	}
#plus-minus .false:focus{background-color:#4f4 !important; color:#000 !important}
#plus-minus div {
   margin:0;
	padding:10px;
	border:1px solid #b4b4b4;
	border-top:none;
}
#plus-minus div .false {
   text-decoration:underline;
   color:#06F;
   border-bottom:none;
	font-size:1em;
}
#plus-minus div img{display:block; border:1px solid #ccc}


.float-left{float:left; margin-right:10px;}
.bullet li{
   background:url(/assets/images/bullet_square_6x6.gif) 3px 0 no-repeat;
   padding:0 0 0 23px;
   font-size:1.2em;
	line-height:1.5em;
}
.bullet li.active {
	background:url(/assets/images/bullet_square_6x6-blue.gif) 3px 0 no-repeat !important;
}
.small-bullet li{
	background:url(/assets/images/bullet_square_3x3.gif) 3px 0 no-repeat;
	padding:0 0 0 20px;
	line-height:1.5em;
	font-size:1.2em;
}
.hot-tip{
	border:1px dashed red;
	background:#FFC;
	color:#000;	
	width:300px;
	padding:10px;
}
.red{color:#f30}

.callout{float:right; width:150px; border:1px solid #ccc; margin-left:10px; background:#ffffcf}
.callout strong{font-size: 1.3em; display:block; margin:10px}
.callout ul{margin:10px}
.callout a{text-decoration:none}
.callout a:hover{text-decoration:underline}
.bottomrule li{margin-bottom:10px; border-bottom:1px dashed #ccc; padding-bottom:10px}
/************
MODAL
************/
	div#nyroModalContent hr{
		display:none;
	}
	.nyroModalClose{
		display:none;
	}
	div#nyroModalContent{
		position:relative;
	}
	div#nyroModalContent #modalWrap{
		margin:20px 15px;
		padding-top:0;
	}
	div#nyroModalContent #modalWrap p{
		font-size:1.0em;
	}
	div#nyroModalContent #modalWrap .bullet{
		font-size:.8em;
	}
	div#nyroModalContent #modalWrap .red{
		color:#F30;
	}
	div#nyroModalContent #wrapper {
		position:static;
		top:0;
		width:auto;
		margin:0 auto;
	}
	#width650 div#nyroModalContent #wrapper{width:650px}
	div#nyroModalContent #topWrap {
		display:none;
	}
	div#nyroModalContent #wrapperMid {
		position:static;
		background:none;
		width:auto;
		height:auto;
	}
	div#nyroModalContent #wrapperPad {
		position:static;
		width:auto;
		margin:0 auto;
	}
	div#nyroModalContent #header {
		display:none;
	}
	div#nyroModalContent #bottomWrap{
		display:none;
	}	
	div#nyroModalContent .small-bullet li{
		list-style-image:none;
		background:url(/assets/images/bullet_square_6x6.gif) 3px 0 no-repeat;
		padding:0 0 5px 15px;
		line-height:1.5em;
		font-size:1.1em;
	}
	div#nyroModalContent .nyroModalClose{
		display:block;
		position:absolute;
		top:20px;
		right:20px;
	}
	div#nyroModalContent .modalNav,
	.modalNav{
		border-top:1px solid #ccc;
		padding-top:10px;
		text-align:center;
		line-height:1.5em;
	}
	.reportEmergency{
		background:url(/assets/images/ico-emergency-sm.gif) 0 0 no-repeat;
		height:22px;
		padding-left:27px;
		margin:20px 0 0 255px;
		line-height:18px;	
		font-size:120%;
	}
	#modalWrap .reportEmergency,
	div#nyroModalContent .reportEmergency{
		position:relative;
		left:0;
		background:url(/assets/images/ico-emergency-sm.gif) 0 0 no-repeat;
		height:22px;
		padding-left:27px;
		margin:20px 0 0 0;
		line-height:18px;	
		font-size:120%;
	}
	
	div#nyroModalContent .reportEmergency a,
	.reportEmergency a{
		color:red;
	}
	div#nyroModalContent .reportEmergency a span,
	.reportEmergency a span{
		font-weight:bold;
	}


div#nyroModalContent #emergency-table {width:95%; margin:0 auto}
div#nyroModalContent #emergency-table td{font-size:1.0em; padding:5px; vertical-align:middle}
div#nyroModalContent #emergency-table td.fc{text-align:right; width:35%}
div#nyroModalContent #emergency-table .w200{width:auto; height:18px}
div#nyroModalContent #errorContainer{display:none; width:80%; margin:0 auto; border:1px dashed red; background:#ffffcf; font-size:1.0em; margin-bottom:10px;}
#errorContainer div{padding:10px}
div#nyroModalContent .errorBox2 {width:auto; background:yellow; border:1px solid red}
div#nyroModalContent #emergency-table textarea{width:100%}
.biohaz li{width:75%}

/*************************
	SORTABLE TABLES AND STRIPING
*************************/
th.headerSortUp a{ 
    background:transparent url(/assets/images/sort-up.gif) 100% 60% no-repeat; 
	 padding-right:20px;
} 
th.headerSortDown a{ 
    background:transparent url(/assets/images/sort-down.gif) 100% 60% no-repeat; 
	 padding-right:20px;
} 
.sortable thead th{cursor:pointer}
.sortdesc {background:url(/assets/images/sort-up.gif) 100% 50% no-repeat}
.sortasc {background:url(/assets/images/sort-down.gif) 100% 50% no-repeat}
.nosort{cursor:auto !important}
.resize-handle-active{cursor:w-resize !important}

.sortable {border-collapse:collapse}

.sortable tr td {
   border-left: 1px dotted #ccc;
}
.sortable tr th {
   vertical-align: middle;
   background-color:#999999;
   color: #fff;
	font-weight:bold;
   border-left: 1px dotted #ccc;
}
.sortable tr td:first-child, 
.sortable tr th:first-child { border-left: none }

.sortable tr th a,
.sortable tr th a:visited {color:#fff; display:block; width:auto}
.sortable tr th a:hover {text-decoration:underline}

.sortable tr td:first-child, 
.sortable tr th:first-child { border-left: none ; }

table.ledger tr.odd td, 
.sortable tr.odd td { background-color:#f4f4f4 }
table.ledger tr.even td, 
.sortable tr.even td { background-color: #ffffff }
#phperror{background:yellow}
#phperror table{margin:10px}
#phperror li{line-height:1.2em}




div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../images/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #fff;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -20px;
	right: -20px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(../images/close.gif) no-repeat;
	outline: 0;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
	line-height:1.2em;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 0;
	margin: 0;
	border: 1px #00ff00 dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
	background:transparent url(../images/prev.png) left 20% no-repeat !important;
}
a.nyroModalPrev:hover {
	background:transparent url(../images/prev-hover.png) left 20% no-repeat !important;
}
a.nyroModalNext {
	right: 0;
	background:transparent url(../images/next.png) right 20% no-repeat !important;
}
a.nyroModalNext:hover {
	background:transparent url(../images/next-hover.png) right 20% no-repeat !important;
}
.social{
	position:absolute; top:65px; right:-30px;
}
.social img{
	border:none;
	display:block;
}