body {margin: 0;padding:0;font: 80% "Helvetica MS","Trebuchet MS", arial,sans-serif;background: #ccc url(../img/bg_body.gif) repeat-y;text-align: center;color:#333}
ul, ol, dl {position: relative}
a:link, a:visited {text-decoration: underline;color: #666}
a:hover, a:active {color: #333}
acronym {cursor: help; border-bottom:1px dotted #494949}
h1 span, h2 span, #header p span, #copy {display:none; padding:0;margin:0}
h2 {font-size: 150%; padding:0;	margin:0}
h3 {font-size: 120%;padding:0;margin:0}
img {border:0;vertical-align:top}
ul {list-style: none;margin:10px;padding:0}
li {margin:0;padding:0}
p {padding:0;margin:20px 47px 0}
.small {margin:5px 20px 20px 90px;font-size: 95%}
/* header -------------------- */
#head_container {width:100%;margin:0;text-align: left;padding:0;float:left;height:90px;z-index:2000;position:fixed;border-bottom:1px dotted #666}
#header {background: #FFCCCC url(/img/butterfly.gif) 223px 15px no-repeat;height:90px;float:left;width:300px;position:relative
	!important;
	margin-right:-3px;
}
#header h1 {font-size:280%;line-height:37px;margin:10px 20px 0;font-weight:normal}

#vai {display: none;}
#header p {margin:0 90px 0 20px;font-size:90%;line-height:15px}
.coldx {
	margin-left:300px
	!important;
	height:0;
	margin-left:0;	
}

/* menu -----------------------------------*/
#menu {height: 90px;width:100%}
#menu ul {padding:0;font-size:130%;margin:0;float:left;width:100%;}
#menu li {float: left;display:block;text-transform:uppercase;margin: 0;width:25%;height:90px;color:#666;text-align:center;line-height:90px}
#menu li a {
	display:block;  
	width:100%;color:#000;
	height:90px;
	padding:0;
	text-decoration: none;
	float:left; /*vedi Commented Backslash Hack */
	}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #menu a {float:none;}
  /* End IE5-Mac hack */
  
#menu li a:hover {color:#494949;text-decoration:underline}

#menu li#home, #menu li#home a {background:#FF9999}
#menu li#home a:hover {background: #F1BDBD}

#menu li#works, #menu li#works a {background: #F7C70D}
#menu li#works a:hover {background: #EDD477}

#menu li#reviews, #menu li#reviews a {background: #FBDC60}
#menu li#reviews a:hover {background:#F1E973}

#menu li#contact, #menu li#contact a {background: #C0D72D}
#menu li#contact a:hover {background:#D1DC87}

/* CONTENT ----------------------------------------------*/
#main {	width:100%;margin:0;text-align: left;padding:85px 0 0;background: #E2E2E2 url(/img/bg.jpg) left bottom no-repeat;float:left;position:relative;border-bottom:1px dotted #999}
#clouds {position:absolute;top:130px;line-height:22px;left:20px;width:260px;margin:0;font-size:110%}
#clouds span {font-size:80%}
#clouds strong {font-size:120%;font-weight:normal}
#clouds a {color:#999;text-decoration:none}
#clouds a:hover {color:#666}

#content {float: left;background: #fff;	width: 100%;display:block;background: #fff url(/img/bg_grey.jpg) left bottom repeat-x;position:relative;padding-bottom:8px}
#content h2 {margin:45px 45px 15px;font-size:190%;background: url(/img/icons.gif) 0px 3px no-repeat;padding:0 0 5px 35px;font-weight:normal;border-bottom: 1px dotted #ff9999}
p.p1 {font-size:120%;margin-top:15px}
p#pl_home {font-size:125%;line-height:25px}
/* REVIEWS */
#content h2#reviews2 {background-position: 0 -75px;border-color: #F7C70D;}

#content h3 {color:#333;margin:35px 47px 0}
blockquote {
	background: url(../img/quote.gif) 0px 5px no-repeat ;
	padding-left:40px;
	margin:20px 100px 40px 47px;
	color:#666;
	font-size:120%;line-height:22px;
	font-style: italic;
}
/* reviews ------------------------ */
blockquote.rev {margin-bottom:10px;margin-top:40px}

blockquote p {margin:0}
.last {margin-bottom:20px}

/* footer ----------------------------------------------------------- */
#footer {clear:both;width: 100%}
#footer p {padding-top:60px;margin:0 45px 5px 45px;font-size:90%;color:#777}