body {
margin: 20px 20px;
padding: 0;
font-family: arial, verdana, Georgia, Times, "Times New Roman", serif;
font-size:62.5%;
color: black; background-color:#fff;
text-align:center;
}


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

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

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



#container {
margin:0px auto;
padding: 0;
width: 950px;
text-align:left;
color: black; background-color:#fff;
}
#wrapper{
height: 100%; min-height: 100%; background: #e3e3e3; color:#000;
}
#header {
padding:0; margin:0;color: black; background-color:#fff;
}



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


/*
#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: #e3e3e3; color:#000;
}

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

#footer {
clear: both;
background-color: #bcbdc0; color:#000;
padding-bottom: 1em; 
padding-left:20px; padding-right:1em; margin-bottom:0; text-align:right; font-size:.9em;
}
#buzz{
background-color: #ededed; color: #000;
padding-bottom: .5em; padding-top:0; margin-top:0; margin-left:0;
padding-left:25px; padding-right:20px; border-top:10px solid #e3e3e3;
}



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, div.description{
 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;
}
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;
}

/*
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: #bcbdc0; color: #fff;
	}
/* 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("../cleangif/cnav00.gif") top left no-repeat;
}

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


#cssBtnUL{
float:right; width:300px;
padding-top:40px;
padding-right:0px;
/*padding-left: 300px;*/
padding-bottom:0px; margin:0; background:#fff; color:#000;
}


/*#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("../cleangif/ccssonc0.gif") top left no-repeat;
}
#zesty a  {
	width: 42px; background: url("../cleangif/ccssonz0.gif") top left no-repeat;
}
#fresh a  {
	width: 48px; background: url("../cleangif/ccssonf0.gif") 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("../cleangif/cbuzz.gif");
	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("../cleangif/clogo.gif");
	background-repeat: no-repeat;
	background-position: top left;
}


/*////////////////////////////
Main Round Corners
////////////////////////////*/
.roundcont {
	width: 600px;
	background-color: #fff;
	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;
}

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;*/
margin-left:25px;
width:550px;
font-size:1.2em; border:0px solid #000;
background:#fff;
}

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;

}