/*
Theme Name: Evening Janitorial
Theme URI: http://zacharydesigns.com/
Description: Custom theme developed for Evening Janitorial
Version: 1.0
Author: Zachary Folk
Date: February 2008
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/


/* Grids and navigation */
a img {border:none; text-decoration: none;}
a:hover img {text-decoration:none;}


/* GRID */
/* ----------------------------------------- */ 
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:410px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1-half {padding-left:20px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:100px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
.prepend-top {margin-top:1.5em;}
.prepend-top-half {margin-top:1.5em;}
.prepend-top-nav {margin-top:3.8em;}
.prepend-top-2 {margin-top:3em;}
.prepend-top-3 {margin-top:4.5em;}
.prepend-top-4 {margin-top:6em;}
.pull-1 {margin-left:-30px;}

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}

/*** start original Evening Janitorial code ************/

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

li.page-item-20 ul {
display: none;
}

#holder{ 
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	
	background-image:url(../images/bg_holder.jpg); background-repeat:repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/* border: 1px solid #000000; */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#headerTop { 
	background: #FFF000; 
	width: 980px;
} 
#logo { 
	float: left;
	width: 256px;
	background: #FFF000; 
} 
#headerRt { 
	background: #FFFFFF;
	margin: 0 0 0 936px;
	width: 44px;
	height:232px; 
} 
#slides { 
	background: #FFF000; 
	margin: 0 0 0 256px; 
	width: 725px;
	height: 232px;
	background-image:url(../images/header_right.jpg); background-position:right; 
} 
#mastheadImage { 
	background: #FFF000; 
	margin: 0 0 0 256px; 
	width: 725px;
	height: 201px;
	background-image:url(../images/header_right.jpg); background-position:right; 
} 

#headerBot { 
	background: #FFF000; 
	width: 980px;
} 

/**** Sidebar Navigation ***************************************************************************/
/* styled for use with widgets */

#sidebar {
width: 248px;
margin-left: 0px;
margin-top: -15px;
background: #9F0128;
}

#quickquote {
margin-left: 0px;
padding-bottom: 10px;
background: #9F0128;
}


#sidebar ul {
list-style-type: none;
width: 204px;
text-align: right;
letter-spacing: -.03em;
margin-left: 0px;
}


#sidebar ul li {
margin-left: -20px;
}
#sidebar ul li ul {
margin-left: -30px;
}

#sidebar ul li {}
li .page-item-6 {

border-top:1px #e0e0e0 dotted ;
border-bottom:1px #e0e0e0 dotted ;
}

li.page-item-5{
border-bottom:1px #e0e0e0 dotted ;
}

li.page-item-20{
border-bottom:1px #e0e0e0 dotted ;
}
li.page-item-53,li.page-item-55,li.page-item-57{
border-bottom:1px #e0e0e0 dotted ;
}


#sidebar h2 {
display: none; /*hide automatic widget heading that are generated */
}

#sidebar ul li ul li ul {
position: absolute;
padding: 4px;
margin-top: -30px;
width: 90px;
display: block;
float:left;
margin-left:228px;
background: #9F0128;
}

#sidebar ul li ul li ul {
width: 140px;}
#sidebar ul li ul li ul li {

float: left;
text-align: left;
text-indent: 5px;
padding-left: 0px;
width: 120px;
margin: 0;
margin-left: 10px;}

.widget_pages ul{

}

.widget_pages ul li {
font-size:80%;}



.widget_pages ul li a {

padding: 4px 20px 4px 0;
display: block;
color: #fff;
}

.widget_pages ul li a:hover {
text-decoration: none;
background: #CC0033;
}

.widget_pages ul li.current_page_item a {
text-decoration: none;
background: #CC0033;
}

#sidebar ul  li ul li ul li a:after {
content: "";
}

.widget_pages ul li.current_page_item ul li a:link, .widget_pages ul li.current_page_item ul li a:visited {
text-decoration: none;
background: #9F0128;
}


.widget_pages ul li.current_page_item ul li a:hover, .widget_pages ul li.current_page_item ul li a:active {
text-decoration: none;
background: #CC0033;
}

 li#pages-2 a:after {
padding: 0 6px 0 6px;
line-height: .5em;
content: url(../images/menu-carrot.png);
}

li#pages-2 .page-item-17 a:link, li#pages-2 .page-item-17 a:visited {
background: #669966;
border-top:1px #e0e0e0 dotted ;
border-bottom:1px #e0e0e0 dotted ;

}

li#pages-2.page-item-17 a:hover{
background: #66cc33;
border-top:1px #e0e0e0 dotted ;
border-bottom:1px #e0e0e0 dotted ;
}

li.page-item-17 .current_page_item a:link,
li.page-item-17 .current_page_item a:hover,
li.page-item-17 .current_page_item a:visited{
background: #000 !important;
border-top:1px #e0e0e0 dotted ;
border-bottom:1px #e0e0e0 dotted ;

}
/* end Sidebar *********************************/

h3 {
color:#2c7fc2;}

.textleft {text-align: left;}
#nav {
	
}
#nav p {  }
a.subnav  { background-color:#9f0128; color:#FFFFFF; font-size:13px; text-align:right; padding-right:4px; text-decoration: none; }

#photobg {
	background-color: #F3F3F3; 
}


#mainContainer { 
	margin: 0 0 0  0px;

} 
#mainText { 
	/*background-image:url(images/bg_main.gif);
	background-repeat:repeat-y; 
	background-position:center; */
	margin: 0 0 0 250px;
	padding: 0 50px 0 50px;  
} 

#blueBarTop {
	background-color:#2c7fc2;
width: 960px;

	height: 15px;
	
}
#blueBarBot {
	background-color:#2c7fc2;
	width: 960px;
	height: 15px;
}
#footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFFFFF; 
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px;
	line-height: 18px;
	 /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:center;
	font-size:12px;
}

.thumbholder {
background: #F3F3F3;
width: 248px;
padding-top: 20px;

}
.phLeft  {
	float:left;
	width: 120px;
	font-size: 12px;
	color:#2c7fc2;
	text-align:center;
	background: #F3F3F3;
	margin: 0px 1px 5px 1px;
	z-index:1; 
}
.phRight  {
	float:right;
	width: 120px;
	font-size: 12px;
	color:#2c7fc2;
	text-align:center;
	background: #F3F3F3;
	margin: 0px 1px 5px 1px;
	z-index:1; 
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
ul.switch { 
	margin: 0px 50px 0px 50px;
}
.emphasis { color: #CC0033; }
ul.what{}
ul.what li { list-style-image:url(../images/bullet.gif);
margin: 10px 50px 10px 0px;
	  }
h1 { color:#2c7fc2;
	font-size: 18px;
	margin-bottom: 15px; }
hr  {
border: 0;
height: 2px;
color: #2c7fc2;
background-color: #2c7fc2;
}
	
img  { border-color:#2c7fc2;  }

.cap { color:#2c7fc2;
	font-size: 11px;
	font-weight:bold;
 }

a:link {color: #2c7fc2; text-decoration:none; }
a:active { color: #cc0099; text-decoration:none; }
a:visited {color: #2c7fc2; text-decoration:none; }
a:hover { color: #000099; background-color: #fff001; text-decoration:none; }


.tight{ margin: 0px 0px 0px 0px; }
blockquote {font-style:italic; padding: 0px 0px -20px 0px; font-weight:bold; color:#CC0033; }
p.testimonial { font-size: 12px; text-align: right; width: auto;  margin: 0px 50px 50px 0px;  }
.pact { background-image:url(../images/arrows.gif); background-position:left; background-repeat:no-repeat; background-color:#F3F3F3;  list-style-image:url(images/arrows.gif); width: 590px; border-bottom-width:thin; border-bottom-style:solid; border-color:#FFFFFF; margin: 2px 5px 3px 5px; padding: 2px 5px 3px 5px; font-weight:bold; }
.pactHeader { width: 590px; background-color:#2c7fc2; margin: 2px 5px 3px 5px; padding: 2px 5px 3px 5px; font-weight:bold; color:#FFFFFF; }
.bioPhoto { margin-right: 10px; }

#Layer1 a { color: #FFFFFF; text-align:right; margin:5px 10px 5px 10px; /* border-bottom:dotted thin; */  text-decoration:none; background-image:url(../images/spacer.gif)  }
#Layer1 a:hover { background-color: #cc0033;  text-decoration:none; }
#Layer2 { position:relative; 
width:135px; 
height:200px; 
z-index:2; 
top:-190px; 
left:219px; 
background-color:#9f0128; color: #FFFFFF; font-size: 13px; text-align: left; visibility: hidden; }

#Layer2 a { color: #FFFFFF; width: 125px; text-align:right; margin:5px 10px 5px 10px; /* border-bottom:dotted thin; */ text-decoration:none; }
#Layer2 a:hover { background-color: #cc0033;  text-decoration:none; }

#Layer3 a { color: #FFFFFF; width: 125px; text-align:right; margin:5px 10px 5px 10px; /* border-bottom:dotted thin; */ text-decoration:none; }
#Layer3 a:hover { background-color: #cc0033;  text-decoration:none; }

li.check { list-style-image:url(../images/checkmark_red1.gif); }
#backtotop { font-size:10px; text-align:right;  margin: 0px 100px 30px 0px; }
.green {color:#339900;}


.style1 {font-size: 24px}

h2 {font-size: 100%}

a.nohover:hover {
background: none;
border: none;
}

.alignright {
float: right;}
.map_img {margin: 0 0 3px 8px;}

#myslides {
background-color:#FFF000;
	width: 725px;
	height: 232;
    padding: 0;
	margin: 0 0 0 0; 
/*	background-image:url(images/header_right.jpg); background-position:right;  */
} 

#myslides img {
	width: 681px;
	height: 232;
    top:  0;
    left: 0
}