body {
margin: 0px;
padding: 0;
font-family: arial, verdana, Georgia, Times, "Times New Roman", serif;
font-size:62.5%;
color: black; background: #66CC00 url("../freshgif/bggreen.gif") left repeat-y;
text-align:center;
}


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

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

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

#footer a {
  text-decoration:underline;}

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

#footer a:hover, #footer a:active {
  color:#003300; } 

#container {
margin:0px auto;
padding: 0;
width: 100%;
text-align:left;
color: black; background-color:transparent;
}
#wrapper{
height: 100%; min-height: 100%; background: #transparent; color:#000; clear:both;
}
#header {
padding:0; margin:0;color: black; background-color:transparent;
}
.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;
}
.sidebar-title {
text-transform:lowercase; font-weight:bold; margin:0 1em 0 1em; background:#66cc00
}


#logo{
margin-left: 0px; width:562px;
padding-top: 40px; padding-bottom:0px; padding-left:0px; padding-right:0;
float:left;/* width:273px;*/ height:109px;
height /**/:109px; /* 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: 0px;
padding: 0px;
background: #FFF; color:#000;
width:562px;
}

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

#footer {
clear: both;
background: #66CC00 url("../freshgif/grass.gif") left repeat-y; color:#000;
padding-bottom: 90px;
padding-left:20px; padding-right:1em; margin-bottom:0; text-align:right; font-size:.9em;
}
#buzz{
margin: 0px;
padding: 0px;
background: #FFF; color:#000;
width:542px;
}
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:#66cc00;margin-top: 1em;
}
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('../freshgif/checkmark.gif')
}
table.greyborder{
border:2px #ededed solid;
}

/*
PIXY method
*/
#navUL {
	margin: 5px 0 0 20px;	padding: 0;
	height: 23px;
	list-style: none;
	overflow: hidden; float:right; width:291px;
	background-color: transparent; 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: 18px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:18px; /* for IE5/Win only */
	}
	
#nav a:hover {
	background-position: 0 -18px;
	}

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


#home a  {
	width: 43px; background: url("../freshgif/fresh34nav01.gif") top left no-repeat;
}

#about a  {
	width: 41px; background: url("../freshgif/fresh34nav02.gif") top left no-repeat;
}
#services a  {
	width: 57px; background: url("../freshgif/fresh34nav03.gif") top left no-repeat;
}
#method a  {
	width: 49px; background: url("../freshgif/fresh34nav04.gif") top left no-repeat;
}
#portfolio a  {
	width: 58px; background: url("../freshgif/fresh34nav05.gif") top left no-repeat;
}
#contact a  {
	width: 42px; background: url("../freshgif/fresh34nav06.gif") top left no-repeat;
}


#cssBtnUL{
float:right; width:105px;
padding-top:5px;
padding-right:10px;
/*padding-left: 300px;*/
padding-bottom:0px; margin:0; background:transparent; 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: 18px 5px 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:18px; /* for IE5/Win only */
	}
	
#cssBtn a:hover {
	background-position: 0 -18px;
	}

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



#clean a  {
	width: 18px; background: url("../freshgif/fresh34styledot.gif") top left no-repeat;
}
#zesty a  {
	width: 18px; background: url("../freshgif/fresh34styledot.gif") top left no-repeat;
}
#fresh a  {
	width: 18px; background: url("../freshgif/fresh34styledot.gif") top left no-repeat;
}




h2#tagline span {
	display:none;
}
h2#tagline{
	width: 361px;
	height:33px;
	background-image: url("../freshgif/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("../freshgif/cbuzz.gif");
	background-repeat: no-repeat;
	background-position: top left;
	margin:0 10px;*/
	margin-left:1em;
 color: #666; background:#66cc00;
}

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


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

.roundcont p {
	margin: 0 10px;
}

.roundtopMain { 
	border-top:20px solid #fff;
}

.roundbottomMain {
	border-bottom:20px solid #fff;
}

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

/*////////////////////////////
Right Side Round Corners
////////////////////////////*/
.roundcontRight {
	width: 329px;
	background: #66CC00 url("../freshgif/bgrightbox.gif") left repeat-y;
	color: #000; text-align:center;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url("../freshgif/fresh34boxtop.gif") no-repeat top right; height:22px;
}

.roundbottom {
	background: url("../freshgif/fresh34boxbtm.gif") no-repeat top right; height:22px;
}



/*////////////////////////////
Right Side Round Black Corners
////////////////////////////*/
.roundcontRightBlack, .portal {
	width: 329px;
	background: #66CC00 url("../freshgif/bgrightbox.gif") left repeat-y;
	color: #000;  margin-top:20px; text-align:center;
}

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

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

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

.roundtop2 { 
	background: url("../freshgif/fresh34boxtop.gif") no-repeat top right; height:22px;
}

.roundbottom2 {
	background: url("../freshgif/fresh34boxbtm.gif") no-repeat top right; height:22px;
}





	
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("../freshgif/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("../freshgif/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;
}