/* Image credits 
Grass: http://www.flickr.com/photos/100kr/
Bird: http://www.flickr.com/photos/nightjar
*/


body {
margin: 27px 0px;
padding: 0;
font-family: arial, verdana, Georgia, Times, "Times New Roman", serif;
font-size:62.5%;
color: black;
text-align:center;
background: #FFF url("../zestygif/zgrass.gif") repeat;
}


/* ////////////////////////////////////////////
				ANCHOR LINKS
//////////////////////////////////////////// */
a {
  text-decoration:underline;}

a:link, a:visited {
  color:#006600; }

a:hover, a:active {
  color:#66cc00; }  

#extra2{
background: transparent url("http://www.yourplanb.com/zestygif/zbird.png") no-repeat top right;

z-index:4;

min-height:251px;


}
#extra1{
background: transparent url("http://www.yourplanb.com/zestygif/zbird_left.png") no-repeat bottom left;

}

#container {
margin:0px auto;
padding: 0;
width: 950px;
text-align:left;
color: black; /*background-color:#fff;*/ background:transparent;
z-index:1;
}
#wrapper{
height: 100%; min-height: 100%; /*background: rgba(255, 255, 255, 0.8);*//*#e3e3e3*/ color:#000; z-index:2; zoom: 1;
background:#fff;
opacity: 0.8;
filter: alpha(opacity = 80);

}
#header {
padding-top:10px; margin:0;color: black; /*background-color:rgba(255, 255, 255, 0.6);*/ width:950px; height:88px; zoom: 1;
background:#fff;
opacity: 0.6;
filter: alpha(opacity = 60);

}

.post-body{
margin-left:1em;padding:0 1.2em .5em 1.2em;margin-top: 0;
font-size:1.2em;
}
.post-title{
padding:0em 1.2em;
}
.post-body p{
padding:0;margin:0;
font-size:1.0em;
}

#logo{
margin-left: 0px;
padding-top: 0px; padding-bottom:0px; padding-left:0px; padding-right:0;
float:left;/* width:273px;*/ height:77px;
height /**/:77px; /* for IE5/Win only */
color: black; background-color:transparent;
}


/*
#logo{ background-color:#00ff00;
width: 273px; height:69px; padding-bottom:0;

}*/
#ypbLogo a{
width: 275px;
}


#columnLeft{
margin-left: 0px;
padding-top: 20px;
padding-bottom:20px;
padding-left:20px; padding-right:0;
background: transparent; color:#000; 
}

#columnRight{
float:right;
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
width:280px;
}

#footer {
clear: both;
color:#000;
padding-bottom: 1em;
padding-left:20px; padding-right:1em; margin-bottom:0; text-align:right; font-size:.9em;
background:transparent;
z-index:1; position: relative;
}
#buzz{
/*background-color: rgba(255, 255, 255, 0.3);*/ color: #000;
padding-bottom: .5em; padding-top:10px; margin-top:0; margin-left:0;
padding-left:25px; padding-right:20px; 


}
h1, h2, h3, p, table.contactform{
margin-top: 0; margin-left:1em; 
padding-top:0;
}

#columnLeft h1, #columnLeft h2, #columnLeft h3, #columnLeft p, table.contactform{
 margin-left:1em;
 color: #666;
}

h1{
font-size:1.6em; text-transform:lowercase; font-weight:bold; padding-top:0;margin-top: 0;
}
h2{
font-size:1.4em;text-transform:lowercase; font-weight:bold; padding:0 1em 0 1em; /*background:rgba(255, 255, 255, 0.5);*/margin-top: 1em;
zoom: 1;
background:#fff;
opacity: 0.5;
filter: alpha(opacity = 50);
}
h3{
font-size:1.2em;text-transform:lowercase; font-weight:bold;padding-top:0;margin-top: 0;
}

p, table.contactform{
padding:0 1.2em .5em 1.2em;margin-top: 0;
font-size:1.2em;
}

p.smallView{
color:#666; text-align:right;
font-size:1em;
}

.invisible {
	display: none;
}

a span {
	display: none;
}

.indent{
padding:.5em 2.4em;
}

#columnLeft ul, #columnRight ul{
font-size:1.2em; line-height:1.5;
  color:#666;
  margin:0 2em;   padding:0 2em .5em 2em;
  /*list-style: none;
  list-style-image: url('../gif/dash.gif')*/
}
#columnLeft ul.backtotop{
font-size:1.2em; line-height:1.5;
  color:#666;
  margin:0 2em;   padding:0 2em .5em 2em;
  list-style: none;
  list-style-image: url('../cleangif/checkmark.gif')
}
table.greyborder{
border:2px #ededed solid;
}
img.greyborder{
border:1px #ededed solid;
}
/*
PIXY method
*/
#navUL {
	margin: 0 0 0 0;	padding: 0 0 0 10px;
	height: 25px;
	list-style: none;
	overflow: hidden; clear:both; width:940px;
	/*background-color: rgba(255, 255, 255, 0.7);*/ color: #fff;
	zoom: 1;
background:#fff;
opacity: 0.7;
filter: alpha(opacity = 70);
	}
/* Hide from IE5-mac. Only IE-win sees this. */ 
* html #navUL {
	margin: 0px 0 0 0;
	} 
/* End hide from IE5/mac */

#nav li {
	margin: 0; 
	padding: 0;
        list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 25px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:25px; /* for IE5/Win only */
	}
	
#nav a:hover {
	background-position: 0 -25px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -25px;
	}


#home a  {
	width: 56px; background: url("../zestygif/cnav00.png") top left no-repeat;
}

#about a  {
	width: 60px; background: url("../zestygif/cnav01.png") top left no-repeat;
}
#services a  {
	width: 75px; background: url("../zestygif/cnav02.png") top left no-repeat;
}
#method a  {
	width: 68px; background: url("../zestygif/cnav03.png") top left no-repeat;
}
#portfolio a  {
	width: 77px; background: url("../zestygif/cnav04.png") top left no-repeat;
}
#contact a  {
	width: 68px; background: url("../zestygif/cnav05.png") top left no-repeat;
}


#cssBtnUL{
float:right; width:200px;
padding-top:40px;
padding-right:0px;
/*padding-left: 300px;*/
padding-bottom:0px; margin:0; background:transparent; color:#000;
}
/* Hide from IE5-mac. Only IE-win sees this. */ 
* html #cssBtnUL {
	float:right; width:200px;
	padding-top:48px;
	padding-right:0px;
	/*padding-left: 300px;*/
	padding-bottom:0px; margin:0; background:transparent; color:#000;
	} 
/* End hide from IE5/mac */
/*#cssBtn {
	margin: 0;	padding: 0 10px;
	height: 48px;
	list-style: none;
	overflow: hidden;
	background-color: #fff; color: #000;
	float:right;
width:500px;
	}*/

#cssBtn li {
	margin: 0; 
	padding: 0;
        list-style: none;
	display: inline;
	}

#cssBtn a {
	float: right;
	padding: 48px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:48px; /* for IE5/Win only */
	}
	
#cssBtn a:hover {
	background-position: 0 -48px;
	}

#cssBtn a:active, #cssBtn a.selectedBtn {
	background-position: 0 -48px;
	}



#clean a  {
	width: 43px; background: url("../zestygif/ccssonc0.png") top left no-repeat;
}
#zesty a  {
	width: 42px; background: url("../zestygif/ccssonz0.png") top left no-repeat;
}
#fresh a  {
	width: 48px; background: url("../zestygif/ccssonf0.png") top left no-repeat;
}




h2#tagline span {
	display:none;
}
h2#tagline{
	width: 361px;
	height:33px;
	background-image: url("../cleangif/cmotto.gif");
	background-repeat: no-repeat;
	background-position: top left;
	margin:0 20px;
}




h2#headworld span {
	display:none;
}
h2#headworld{
	width: 71px;
	height:18px;
	background-image: url("../zestygif/cbuzz.png");
	background-repeat: no-repeat;
	background-position: top left;
	margin:0 10px;
}

/*h1#ypbLogo span {
	display:none;
}*/
h1#ypbLogo{
	width: 275px;
	height:77px;
	background-image: url("../zestygif/clogo.png");
	background-repeat: no-repeat;
	background-position: top left;
}


/*////////////////////////////
Main Round Corners
////////////////////////////*/
.roundcont {
	width: 600px;
	background-color: transparent;
	color: #000; 
}

.roundcont p {
	margin: 0 10px;
}

.roundtopMain { 
	/*background: url("../cleangif/cebodytop.gif") no-repeat top right; height:7px;*/
}

.roundbottomMain {
	/*background: url("../cleangif/cebodybtm.gif") no-repeat top right; height:7px;*/
}

.roundcontLarge {
	width: 850px;
	background-color: #fff;
	color: #000; 
}


.roundtopMainLarge { 
	background: url("../cleangif/celargetop.gif") no-repeat top right; height:7px;
}
.roundbottomMainLarge {
	background: url("../cleangif/celargebtm.gif") no-repeat top right; height:7px;
}

img.corner {
   width: 7px;
   height: 7px;
   border: none;
   display: block !important;
}

/*////////////////////////////
Right Side Round Corners
////////////////////////////*/
.roundcontRight {
	width: 280px;
	background-color: #fff;
	color: #000;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url("../cleangif/cenavtop.gif") no-repeat top right; height:7px;
}

.roundbottom {
	background: url("../cleangif/cenavbtm.gif") no-repeat top right; height:7px;
}



/*////////////////////////////
Right Side Round Black Corners
////////////////////////////*/
.roundcontRightBlack, .portal {
	width: 280px;
	background-color: #666;
	color: #fff;  margin-top:20px; 
}

.roundcontRightBlack a:link, .roundcontRightBlack a:visited, .roundcontRightBlack a:hover {
	background-color: transparent;
	color: #fff;
}

.portal a:link, .portal a:visited, .portal a:hover {
	background-color: transparent;
	color: #fff;
}

.roundcont2 p, .portal p {
	margin: 0 10px; color:#fff; background-color:#666;
}

.roundtop2 { 
	background: url("../cleangif/cenav02top.gif") no-repeat top right; height:7px;
}

.roundbottom2 {
	background: url("../cleangif/cenav02btm.gif") no-repeat top right; height:7px;
}





	
div.blankSpace{
padding: 0 0 200px 0;
}

table.portfolio{
padding:.5em 1.2em;
width:100%;
font-size:1.2em; border:0px solid #000;
}

span.solution1{
color: #D9F2BF;
background-color:transparent;
font-size:4em;
line-height: 20px;
letter-spacing: .4em;
}
span.solution2{
color: #B2E57F;
background-color:transparent;
font-size:3em;
line-height: 20px;
letter-spacing: .3em;
}
span.solution3{
color: #8CD93F;
background-color:transparent;
font-size:2em;
line-height: 10px;
letter-spacing: .2em;
}
span.solution4{
color: #66CC00;
background-color:transparent;
font-size:1em;
line-height: 10px;
letter-spacing: .1em;

}

img {
border: 0;
}

.bold {
font-weight: bold;
}

/*.testimonial{
color: #666;
background-color: #D9F2BF;
font-size: 1.2em;
margin: 1em; padding: 2em 2em;
}*/

#testimonial{
	margin: 0 auto;
	width:475px; margin-top:50px; margin-bottom: -100px;
}
#testimonial blockquote{
	background-image: url("../cleangif/pullquote_left.gif");
	background-repeat: no-repeat;	
	margin: 0 0.7em 0 0;
	padding: 10px 10px 10px 40px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 1.2em;
	font-style: italic;
	color: black;
}
#testimonial blockquote p{
	margin: 0;
	padding: 0 25px 10px 0;
	text-align: left;
	line-height: 1.3em;
	background-image: url("../cleangif/pullquote_right.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
}
cite {
	font-size: 1em;
	font-style: normal;
	color: #666;
}

hr{
margin:0em 2.5em;

}

.center{
	text-align:center;
}