body {
	width: 100%;
	/* [disabled]text-align: center; */
	font: 12px Georgia, "Times New Roman", Times, serif;
	background-color: #D3DDD3;
	background-repeat:repeat-x;
	background-position: top;
	background-image:url(../images/gradientslice.jpg)
}

#bodyback {
	width:1024px;
	background-repeat: no-repeat;
	margin: 0 auto;
	background-position: top;
}
/* this locks the display width */

.greenpage { background-image: url(../images/header-greencleaning.jpg); }
.personalpage { background-image: url(../images/header-general.jpg); }
.generalpage { background-image: url(../images/header-personalservices.jpg); }

#main-wrap {
	margin: 0 auto;
	padding-top:3px;
}

#header {
	width:100%;
	height:200px;
}

.logo {
	position:absolute;
	top:0px;
	left:0px;
}

#nav-wrap {
	float: right;
	display: inline;
	text-align: right;
	margin-top: 100px; 
	margin-right: 8%;
	background:#FFF; opacity:0.88; filter:alpha(opacity=88); }

.nav-topleft {
	background: url(../images/border-topleft.gif) top left no-repeat; }
.nav-topright {
	background: url(../images/border-topright.gif) top right no-repeat; }
.nav-bottomleft {
	background: url(../images/border-bottomleft.gif) bottom left no-repeat; }
.nav-bottomright {
	background: url(../images/border-bottomright.gif) bottom right no-repeat; }
.nav-leftside {
	background: url(../images/border-side.jpg) left repeat-y; }
.nav-rightside {
	background: url(../images/border-side.jpg) right repeat-y; }


#navigation ul {
	width: auto;
	height:auto;
	position: relative;
	padding: 18px 18px 53px 18px;
}

/* this sets the underlayer of the menu items that aren't active or being hovered over */

#navigation li {
	float: left;
	position: relative;
	text-align: left;
	text-indent: 5px;
	color: #6D614E;
	background-color: #fff;
	display:block;
}
/* this sets the header menu items that aren't active or being hovered over */

#navigation ul li a{
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-size: 13px;
	display: block;
	text-decoration: underline;
	color: inherit;
}
#navigation li a.header {
	font-size: 15px;
	display: block;
	text-decoration: none;
	width: auto;
	height: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 14px;
	font-weight: bold;
}

#navigation li a.current {
	font-size: 15px;
	display: block;
	text-decoration: none;
	width: auto;
	height: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 14px;
	color: #333;
	font-weight: bold;
	background-color: #CF6;
    /* for IE */
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1.0;
}
/* this sets the colour and sizing of the header marked current */


#navigation li a:hover {
	color: #EFFFAA;
	background-color: #547028;
	text-decoration:underline;
	filter: alpha(opacity=100);
	opacity: 1.0;
	font-weight: bold;
}

/* This has the top row underlined when hovered over */

#navigation li:hover, #navigation li.sfhover {
	color: #547028;
	background-color: #efffaa;
}
/* This sets the colours of the top row when the menu is active */


.header {
	font-size: 15px;
	display: block;
/*	text-decoration: none;  */
	width: auto;
	height: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 14px;
	font-weight: bold; }


#navigation li#item1 ul a:hover, #navigation li#item1 ul a.current, #navigation li#item2 ul a:hover, #navigation li#item2 ul a.current, #navigation li#item3 ul a:hover, #navigation li#item3 ul a.current, #navigation li#item4 ul a:hover, #navigation li#item4 ul a.current { background: none; display: block; }

#navigation li ul { position: absolute; left: -999em; background: none; }
#navigation li ul:hover, #navigation li ul.sfhover { display: block; background: none; }
#navigation li:hover ul { left: auto; }

#navigation li ul li { 
	padding: 8px; 
	background: #EFFFAA; 
	text-align: left; 
	line-height: normal; 
	width: 150px; 
	padding: 0; 
	margin-bottom: 0; 
	display: block; 
	font-weight: normal; 
	text-indent: 0; 
	border-bottom: 1px dotted #6D614E;
}

* html #navigation li ul li {
display: inline;
d\isplay: block; }
#navigation li ul li:hover , #navigation li ul li.sfhover { color: #FFF; }

#navigation li:hover ul, #navigation li.sfhover ul { padding: 0 0 8px 0; margin: 0; left: 0; width: 150px; top: 100%; }
#navigation li ul li a { height: auto; width: auto; background: none;  display: block; line-height: 1em; padding: 8px; color: #333; text-decoration: none; }
/* this sets submenu items which are not being hovered over */


#navigation li ul li a:hover {
	height: auto;
	display: block;
	text-decoration: underline;
	color: #efffaa;
	background-color: #547028;
}
/* this sets the colour of the sub-menus when hovered over */

























#navigation_blue ul {
	width: auto;
	height:auto;
	position: relative;
	padding: 18px 18px 53px 18px;
}

/* this sets the underlayer of the menu items that aren't active or being hovered over */

#navigation_blue li {
	float: left;
	position: relative;
	text-align: left;
	text-indent: 5px;
	color: #6d614e;
	background-color: #fff;
	display:block;
}
/* this sets the header menu items that aren't active or being hovered over */

#navigation_blue ul li a{
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-size: 13px;
	display: block;
	text-decoration: underline;
	color: inherit;
}
#navigation_blue li a.header {
	font-size: 15px;
	display: block;
	text-decoration: none;
	width: auto;
	height: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 14px;
	font-weight: bold;
}

#navigation_blue li a.current {
	font-size: 15px;
	display: block;
	text-decoration: none;
	width: auto;
	height: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 14px;
	color: #333;
	font-weight: bold;
	background-color: #6CF;
}
/* this sets the colour and sizing of the header marked current */


#navigation_blue li a:hover {
	color: #E5EEED;
	background-color: #316B64;
	text-decoration:underline;
	font-weight: bold;
}

/* This has the top row underlined when hovered over */

#navigation_blue li:hover, #navigation_blue li.sfhover {
	color: #316B64;
	background-color: #E5EEED;
}
/* This sets the colours of the top row when the menu is active */


.header {
	font-size: 15px;
	display: block;
	width: auto;
	height: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 14px;
	font-weight: bold; }


#navigation_blue li#item1 ul a:hover, #navigation_blue li#item1 ul a.current, #navigation_blue li#item2 ul a:hover, #navigation_blue li#item2 ul a.current, #navigation_blue li#item3 ul a:hover, #navigation_blue li#item3 ul a.current, #navigation_blue li#item4 ul a:hover, #navigation_blue li#item4 ul a.current { background: none; display: block; }

#navigation_blue li ul { position: absolute; left: -999em; background: none; }
#navigation_blue li ul:hover, #navigation li ul.sfhover { display: block; background: none; }
#navigation_blue li:hover ul { left: auto; }

#navigation_blue li ul li {
	padding: 8px;
	background: #E5EEED;
	text-align: left;
	line-height: normal;
	width: 150px;
	padding: 0;
	margin-bottom: 0;
	display: block;
	font-weight: normal;
	text-indent: 0;
	border-bottom: 1px dotted #4e6d61;
}

* html #navigation_blue li ul li {
display: inline;
display: block; }
#navigation_blue li ul li:hover , #navigation_blue li ul li.sfhover { color: #FFF; }

#navigation_blue li:hover ul, #navigation_blue li.sfhover ul { padding: 0 0 8px 0; margin: 0; left: 0; width: 150px; top: 100%; }
#navigation_blue li ul li a { height: auto; width: auto; background: none;  display: block; line-height: 1em; padding: 8px; color: #333; text-decoration: none; }
/* this sets submenu items which are not being hovered over */


#navigation_blue li ul li a:hover {
	height: auto;
	display: block;
	text-decoration: underline;
	color: #E5EEED;
	background-color: #316B64;
}
/* this sets the colour of the sub-menus when hovered over */





#content-wrap {
	width:90%;
	margin: 10px auto;
}
/* changed from orig width of 868 */
#sidebar-wrap { float: left; width: 236px; padding-left: 10%; }
/* changed from orig width of 280 */
#content-proper-wrap {
	float:left;
	width:50%;
	text-align: left;
	background: url(../images/tree-green.jpg) top center no-repeat;
	background-color: #FFF;
}
/* changed from orig. width of 578 */

#content-inner { padding-top: 9px; padding-bottom:9px;}
#content-proper {
	padding: 0px 18px 10px 18px;
}

.grid-1 {width:45%; float:left; padding-top:0px;}
.grid-2 {width:45%; float:left; padding-top:0px;}
/* this allows for columns in the online cost estimator */

.white {background:#FFF; padding: 0px; }
/* this allows transparent images (the gift certificate) to have a white background and small border */

.sidebox-wrap { /* background: url(../images/sidebar-middle.gif) top center repeat-y; */
	background:url(../images/sidebarborderbottom.gif) bottom center no-repeat; padding-bottom:17px; }
/* has the || background */
.sidebox-wrap p {
	font: 13px  Georgia, "Times New Roman", Times, serif;
	line-height: 1.3em;
	margin: 8px 0;
}
.sidebox-wrap a {  color: #6C861E; }
.sidebox h2 { font: bold 17px  Georgia, "Times New Roman", Times, serif; /* color: #6C861E; */ }

.sidebox-inner {
	background: url(../images/sidebarbordertop.gif) top center no-repeat;
	padding-top: 12px;
}
/* has the top border */


.sidebox-sides {
	background:url(../images/sidebar-middle.gif) repeat-y center;
	padding-left: 22px;
}


.sidebox {
	padding-bottom: 16px;
	width: 192px;
	margin: 0 !important;
}
/* has the bottom border */

.sidebox-contact {
	margin: 8px 0px 8px 0px;
	text-align: left;
	padding: 0px;
}
/* added to keep divider from appearing above the content */

.sidebox-text {
	text-align: left;
	background: url(../images/sidebardivider.jpg) top center no-repeat;
	padding-top: 16px;
	margin-right: 22px;
	width: 192px;
}
/* has the divisor */

.sidelinks li { border-bottom: 1px dashed #CCCCCC; }
.sidelinks li a { padding: 8px 8px 8px 22px; display: block; font-size: 13px; background: url(../tegcleaning/services.html) left center no-repeat; color: #336633; text-decoration: none;}
.sidelinks li a.active { text-decoration: underline; }
.sidelinks li a:hover { text-decoration: underline; }

.sidebox-text p a { padding: 0; margin: 0; background: none; font-size: 13px; display: inline; }
.sidelinks li ul li { background: url(../images/bullet.gif) 0 0 no-repeat; padding-left: 18px; padding-bottom: .4em; margin-bottom: .8em; }

#content-proper h2 { font: bold 18px Georgia, "Times New Roman", Times, serif; color: #000; margin: 1em 0; }
#content-proper h3 { font: bold 16px Georgia, "Times New Roman", Times, serif; color: #333; margin: 1em 0; }
#content-proper h4 { font: bold italic 13px Georgia, "Times New Roman", Times, serif; color: #333; margin: 1em 0; }
#content-proper p { font: 13px Georgia, "Times New Roman", Times, serif; line-height: 1.3em; margin: .8em 0; }
#content-proper p.exposition { margin: 1.2em 0; font: 13px Georgia, "Times New Roman", Times, serif; color: #333333; border-bottom:1px dashed #CCCCCC; padding-bottom: 10px; line-height: 1.3em; }
ul.sidebar-contact { margin: 12px; }

ul.sidebar-contact li.no-indent { text-indent: 0; padding: 6px; }

.img-right { float: right; margin: 1em; }
.img-left { float: left; margin: 1em; }
.img-left-intro { float: left; margin: 0 1em 1em 0; }
.img-right-intro { float: right; margin: 0 0 1em 1em; }

.indent-a { padding-left: 2em; border-top: 1px dashed #CCCCCC;}
#content-proper p.indent-b { padding-left: 2em; }
#content-proper p.indent-c { padding-left: 5px; }
#content-proper p.rates { background: left center no-repeat; line-height: 32px; font-size: 12px; padding-left: 40px; margin-bottom: 1.5em; }
#content-proper p.testimonials { background: left center no-repeat; line-height: 32px; font-size: 12px; padding-left: 40px; margin-bottom: 1.5em;}
.package-rate { color: #6D614E; font-weight:bold; }
p.rates a { color: #6C861E; }
p.rates a:hover { color: #333; }
#content-proper p.services-link1 { background: left center no-repeat; line-height: 64px; height: 64px; font-size: 12px; padding-left: 70px; margin-bottom: 1.5em; margin-left: 1em;}
#content-proper p.services-link2 { background: left center no-repeat; line-height: 64px; height: 64px; font-size: 12px; padding-left: 70px; margin-bottom: 1.5em; margin-left: 1em;}

#content-proper a { color: #6C861E; }
#content-proper a:hover { color: #333; }
#footer {
	clear: both;
	width: 868px;
	margin: 0 auto;
	font-size: 11px;
	color: #6D614E;
	padding: 15px 0; /* background: #fff; */
	text-align: center;
}
#footer ul { margin: 10px; display: block; text-align: center; }
#footer ul li { display:inline; margin-right: 8px; }
#footer ul li span { margin-left: 12px; }
#footer a, #footer ul li a { color:  #6D614E; }
#footer a:hover, #footer ul li a:hover { color: #333; text-decoration: underline; }

#content-proper ul { margin: 1em; list-style: none; }
#content-proper ul li { background: url(../images/bullet.gif) 0 0 no-repeat; padding-left: 18px; margin-bottom: .8em; }
#content-proper ol { margin: 1em; list-style: decimal; padding-left: 18px; }
#content-proper ol li { margin-left: 6px; margin-bottom: .8em }

/* .noindent {background:none !important; padding-left: 0px; margin-bottom: .8em; }  */


#main-wrap li.noindent {
	background-image: none;
	margin-left: -18px;
}



/*Misc*/
.clear { clear: both; margin: 0; padding: 0; height: 1%; }

#content-proper p.subtext, .sidebox-text p.subtext { font: bold 10px Georgia, "Times New Roman", Times, serif; color: #666; }

.testimonials { margin-bottom: 12px; padding: 4px 0 12px 18px; background: left top no-repeat; border-bottom: 1px dashed #8DBD0C; }
.testimonials blockquote { padding-right: 18px; margin-left: 12px; margin-bottom: 12px;}
#content-proper .testimonials blockquote p{ font-style: italic; margin-bottom: 1em; }
#content-proper p.client { text-align: right; font-weight: bold; }

.paypal-link { margin: .5em auto; }
#content-proper ol.instructions { font-size: 13px; color: #333; padding-left: 6px;}
#content-proper ol.instructions li { list-style: none; padding: 4px 6px 8px 42px; line-height: 1.4em; margin-bottom: 1em; }
ol.instructions li.i-one { background: url(../images/number1.png) left top no-repeat; }
ol.instructions li.i-two { background: url(../images/number2.png) left top no-repeat; }
ol.instructions li.i-three { background: url(../images/number3.png) left top no-repeat; }
ol.instructions li.i-four { background: url(../images/number4.png) left top no-repeat; }

.paypal-box { float: right; margin-top:20px; margin-right:20px; padding:12px; text-align: center; border: double  #99CC00;  }
.payment-box { margin: 12px; padding: 12px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }

.sidebox-text p.small-caption { font: 12px Georgia, "Times New Roman", Times, serif; }
.sidebox-text p.align-center { text-align: center; }

