html,body {	height: 100%;}
td.maintd { text-align:center; background-image:url(img1/calm-body-bg.jpg); background-repeat:repeat-x;}
body,td { font: arial, verdana, Helvetica, sans-serif, 12px; line-height:140%; color:#333; text-align:left;}
td.copyright {font-family:arial, verdana;  color:#000; font-size:10px; text-decoration:none; text-align:center;}
td.copy1 { background-color:#B5EAFA; height:1px; BORDER-TOP:#000 1px solid;}
select,li,td, table { font-family: arial, verdana, Helvetica, sans-serif; font-size:12px;}
hr { color:#567632; width:100%; text-align:center; height:1px;}
input {font-family:arial, verdana; font-size:11px; text-decoration:none;}     			
a:link,a:active,a:visited {font-family:arial, verdana;  color:#000; text-decoration:underlined;}     			
a:hover {font-family:arial, verdana;  color:white; }
a.mainmenu:link,a.mainmenu:active,a.mainmenu:visited {font-family:arial, verdana;  color:#333290; font-size:12px; text-decoration:none; font-weight:bold;}     			
a.mainmenu:hover {font-family:arial, verdana;  color:red; font-size:12px; text-decoration:underline; font-weight:bold;}
td.customerspic {BORDER-BOTTOM:#000 3px solid; BORDER-LEFT:#000 3px solid; BORDER-RIGHT:#000 3px solid; BORDER-TOP:#000 3px solid;
text-align:center;}
table.maintable {BORDER-LEFT:#000 1px solid; BORDER-RIGHT:#000 1px solid;}
td.menuline {BORDER-RIGHT:#000 1px solid; background-color:#4CACBC;}
td.mainmenubg{ background-image:url(img1/menubg.gif); background-repeat:repeat-x;}
img.idea { padding-left:5pt;}
td.massage { background-color:#000080; color:#FFFFFF; font-weight:bold; text-align:center;}
td.massage1 { background-color:#e0e0e0; color:#000; text-align:center;}
td.eventbox {BORDER-BOTTOM:#b3cce4 1px solid; BORDER-LEFT:#b3cce4 1px solid; BORDER-RIGHT:#b3cce4 1px solid; BORDER-TOP:#b3cce4 1px solid;
background-color:#f1f1f1; padding-bottom:5pt; padding-left:5pt; padding-right:5pt; padding-top:5pt;}
img.pics {BORDER-BOTTOM:#b3cce4 1px solid; BORDER-LEFT:#b3cce4 1px solid; BORDER-RIGHT:#b3cce4 1px solid; BORDER-TOP:#b3cce4 1px solid;
 padding-bottom:3pt; padding-left:3pt; padding-right:3pt; padding-top:3pt;}
td.mainbody { height:445px; background-color:#e3e2cf;
padding-left:15pt; padding-top:5pt; padding-right:10pt; padding-bottom:10pt;}
font.pagetitle { font-size:18px; font-weight:bold;}
table.bwy { vertical-align:bottom; width:100%; height:100%;} 
img.bwy { padding-right:5pt;} td.bwy { font-size:11px;}

/* VIPER */
h1			{font: arial, verdana, Helvetica, sans-serif, 15px; text-align:left; color:#567632; margin:0; }
h2			{font: bold 12px arial, verdana, Helvetica, sans-serif; text-align:left; color:#567632; margin:0; }
img			{border:0;}
.quote		{position:absolute; top:50px; left:60%; z-index:4; font: arial, verdana, Helvetica, sans-serif, 15px; line-height:17px;}
.textright	{float:right; width:35%; margin-right:15px; }
.posts		{float:left; padding:20px; background-color:#e5e5e5; width:55%; color:#333; border-bottom:1px white solid; border-right:1px white solid;
			-webkit-box-shadow: 5px 5px 10px #666; 
			-moz-box-shadow: 5px 5px 10px #666;
			box-shadow: 5px 5px 10px #666; }
.title 		{font-size:18px; color:#fff; text-align:center; margin:0; background-color:#e2007a; float:left; padding:8px 18px; border-bottom:#fff 1px solid;}
.workshop	{width:100%; padding:0; }
a {  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;}

/* http://rauru.com/2008/06/rounded-corners-with-css/  
.rounded-box {
	width: 100px; // set whatever width you want here
	background: url('images/bg.gif') left top repeat-y;
}
.rounded-box .left {
	float: left;
}
.rounded-box .right {
	float: right;
}
.rounded-box p {
	margin: 0px;
	padding: 0px 10px;
	clear: both;
	color:#333;
}
.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
}*/
/* the html... */
/*<div class="rounded-box"> <!-- rounded box -->
	<img class="left" src="images/tl.gif" alt="" />
	<img class="right" src="images/tr.gif" alt="" />
	<p>Hello World!</p>
	<img class="left" src="images/bl.gif" alt="" />
	<img class="right" src="images/br.gif" alt="" />
	<div class="clear"></div>
</div> <!-- end rounded box -->*/





