body {
	background: #E2F18C; 
	margin: 0; 
	padding: 0; 
	text-align: center;
}
body, 
td {
	font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif; 
	font-size: 80%;
}

td {
	font-size: 100%;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	padding: 0; 
	margin: 0; 
	font-weight: normal; 
	color: #90968B; 
	line-height: 1;
}

h2 {
	font-size: 220%; 
	margin-bottom: 10px;
}

h3 {
	font-size: 140%; 
	padding: 10px 0 0;
	font-weight: bold;
	color: #64BACD;
}

h4 {
	font-size: 110%; 
	text-transform: uppercase; 
	padding: 10px 0 0;
	color: #64BACD;
}

p {
	margin: 10px 0;
}

ul {
	margin: 10px 30px; 
	list-style-image: url(images/swirlbullet.gif)
}

ol {
	margin-left: 0;
	padding-left: 15px;
}

ol ul {
	margin-left: 0px
}

ol ul li p {
	margin: 0 0 5px 0; 
	padding: 0;
	font-size: 0.92em;
	line-height: 1.4em;
	
}


a, a:visited {
	color: #6998A3;
}
a:hover {
	background: #DBECF0;
}
	
address {
	font-style: normal;
	margin: 15px 0;
	line-height: 17px;
	}

.maincontain {
	width: 720px; 
	padding: 20px; 
	background: #fff; 
	margin: 0 auto; 
	text-align: left;position: relative;
}

html>body .maincontain {
	width: 720px;
}

#header {
	padding-top: 20px; 
	padding-bottom: 20px;
}

#subnav{
	list-style: none; 
	padding: 0; 
	margin: 0; 
	display: block; 
	position: absolute; 
	top: 20px; 
	right: 20px;
}

#subnav li {
	float: left; 
	font-size: 90%; 
	margin: 0 0 0 10px;
}

#subnav li a {
	color: #939B90; 
	text-decoration: none;
}	

#logo {
	background: url(images/logo.gif) 0 0 no-repeat; 
	text-indent: -99999px; 
	width: 251px; 
	height: 55px; 
	padding: 0; 
	margin: 0; 
}
	
#content {
	clear: both;
}

#mainnav {
	list-style: none; 
	list-style-image: none; 
	padding: 0; 
	margin: 0; 
}
#mainnav a {
	display: block; 
	color: #fff;
	text-decoration: none;
	text-align: center;
}

#mainnav .meet{background: #CEE82F;}
#mainnav .order {background: #99D9E7;}
#mainnav .training {background: #75A2B9;}
#mainnav .clients {background: #64BACD;}
#mainnav .contact {background: #B5DE51;}

.subpage ul#mainnav {
	text-align: right; 
	position: absolute; 
	right: 20px; 
	top: 90px; 
	padding-left: 275px; 
	padding-right: 10px; 
}
.subpage ul#mainnav li {
	padding: 0; 
	display: inline;
}

.subpage ul#mainnav li a {
	float: left; 
	width: 75px; 
	height: 27px; 
	margin: 0 0 0 8px; 
	padding: 5px 0 0 0; 
}
#meet ul#mainnav {border-bottom: 6px solid #CEE82F;}
#order ul#mainnav {border-bottom: 6px solid #99D9E7;}
#training ul#mainnav {border-bottom: 6px solid #75A2B9;}
#clients ul#mainnav {border-bottom: 6px solid #64BACD;}
#contact ul#mainnav {border-bottom: 6px solid #B5DE51;}
#workshops ul#mainnav {border-bottom: 6px solid #75A2B9;}
	
/*Homepage Mainnav*/	
.homepage #mainnav {
	position: relative; 
	width: 486px; 
	height: 486px; 
	font-size: 1.4em; 
	line-height: 1;
}
.homepage #mainnav div {
	font-weight: bold;
	font-size: 1.2em;
}

.homepage #mainnav a {
	position: absolute; 
	height: 100px; 
	width: 155px; 
	padding: 55px 0 0 0;
}

html>body .homepage #mainnav a { }

.homepage #mainnav .meet {
	left: 0; 
	top: 0;
	border: 1px solid #A1D315;
}

.homepage #mainnav .order {
	right: 0; 
	top: 0;
	border: 1px solid #4BBCD6;
}

.homepage #mainnav .training {
	left: 165px; 
	top: 165px;
	border: 1px solid #4797AA;
}

.homepage #mainnav .clients {
	bottom: 0; 
	left: 0 ; 
	border: 1px solid #00A0C5;
}

.homepage #mainnav .contact {
	bottom: 0; 
	right: 0;
	border: 1px solid #66B821;
}

#mainnav img {
	border: 1px solid #A1D315;
}
	
.imga, .imgb, .imgc, .imgd {position: absolute}
	
.imga {
	top: 0; 
	left: 165px;
}
.imgb {
	top: 165px; 
	left: 0;
}
.imgc {
	top: 165px; 
	right: 0;
}
.imgd {
	bottom: 0; 
	left: 165px;
}
	
		
.contentbody {
	/*clear: both; */
	margin: 0 240px 20px 0; 
	padding: 30px 15px; 
	line-height: 160%; 
	position: relative;

}

	.homepage .contentbody {
		padding: 0;
		float: left;			
		margin: 0;
	}
	
#meet h2 {color: #CEE82F}
#order h2 {color: #99D9E7}
#training h2 {color: #75A2B9}
#clients h2 {color: #64BACD}
#contact h2 {color: #B5DE51}
#workshops h2 {color: #75A2B9}

#clients h3 {
	clear: both;
}
	
img.left {
	float: left; 
	margin: 10px 10px 10px 0; 
	border: 1px solid #75A2B9;
}

/*workshop faux include*/

#sidebar {
/*	position: absolute;
	right: 20px; 
	top: 115px; */
	width: 220px; 
	float: right;
	padding: 20px 0 0 0;
}
.homepage #sidebar {
	padding: 0;
}
			
#workshopbox {
	width: 200px; 
	padding: 10px 10px 15px 10px; 
	background: #DCEBEE;
}
.subpage #workshopbox {
	top: 140px
}

#workshopbox h3 {
	font-size: 140%; 
	font-weight: normal; 
	padding: 0; 
	margin: 10px; 
	color: #75A2B9;
}

#workshopbox ul {
	list-style: none; 
	margin: 0; 
	padding: 0 0 10px 0; 
	border-top: 1px dotted #DAE2E4;
}

#workshopbox ul li {
	padding: 0; 
	margin: 0; 
	display: inline; 
}

#workshopbox ul li a {
	display:block; 
	border-bottom: 1px dotted #DAE2E4; 
	padding: 15px 10px 15px 30px; 
	color: #31453C; 
	text-decoration: none; 
	background: url(images/swirl.gif) 5px center no-repeat;
}
#workshopbox ul li a:hover {
	background: url(images/swirlon.gif) 5px center no-repeat #C4DBE0;
}
#workshopbox ul li a div {
	color: #6EA2AD; 
	font-size: .85em; 
}
#workshopbox ul li a div.full {
	text-transform: uppercase; 
	color: #75A2B9;
}

/*news box*/


#newsbox {
	width: 200px; 
	margin: 10px 0 0 0;
	padding: 10px 10px 15px 10px; 
	background: #DCEBEE;
}

#newsbox h3 {
	font-size: 140%; 
	font-weight: normal; 
	padding: 0; 
	margin: 10px; 
	color: #75A2B9;
}

#newsbox ul {
	list-style: none; 
	margin: 0; 
	padding: 0 0 10px 0; 
	border-top: 1px dotted #DAE2E4;
}

#newsbox ul li {
	padding: 0; 
	margin: 0; 
	display: inline; 
}

#newsbox ul li a {
	display:block; 
	border-bottom: 1px dotted #DAE2E4; 
	padding: 15px 10px 15px 30px; 
	color: #31453C; 
	text-decoration: none; 
	background: url(images/swirl.gif) 5px center no-repeat;
}
#newsbox ul li a:hover {
	background: url(images/swirlon.gif) 5px center no-repeat #C4DBE0;
}





.more {
	text-transform: uppercase; 
	display: block; 
	text-align: right; 
	font-size: 75%; 
	text-decoration: none; 
	margin: 0 10px 0 0;
}
		.more:hover {}
			 
#pricing {
	background-color: #DCEBEE; 
	padding: 10px 20px; 
	margin: 10px 0 0 0; 
	border: 1px solid #C4DBE0;
}
#pricing h3 {
	color: #6998A3
}
#pricing select {
	font-size: 90%
}
		
#footer {
	background: url(images/swirlback.gif) right center no-repeat #DCEBEE; 
	color:#656F66; 
	padding: 5px 0; 
}

#footer h3 {
	text-transform: uppercase; 
	font-size: 120%; 
	color: #75A2B9; 
	padding: 0; 
	margin: 0 0 5px 0;
}
#footer p {
	padding-top: 0; 
	margin-top: 0;
}

.homepage #footer {
	padding: 20px;
	width: 450px; 
	margin: 20px 0 0 0;
}

.homepage #footer p {
	line-height: 1.3em !Important;
	margin: 0 0 5px 0;
}


		
#copyright {
	color: #A3D414; 
	padding: 30px 0 6px 0; 
	font-size: 90%; 
}
#copyright a, #copyright a:visited {
	color: #A3D414; 
	text-decoration: none;
	position: absolute; 
	right: 20px;
}
		
.clearfix:after, .maincontain:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix, .maincontain {
	display: inline-block;
}
/* Hides from IE-mac \*/* html .clearfix, 
* html .maincontain {height: 1%;} 

.clearfix, .maincontain {display: block;}
/* End hide from IE-mac */



/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}