body {
	color: #CCC;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 13px;
	font-weight: bold;
	color:#fff;
	padding: 0 0 20px 0;
}
strong {
	font-weight: bold;
}
p {
	padding: 0 0 15px 0;
}
.small {
	font-size: 11px;
}
.white {
	color:#FFFFFF;
}
.italic {
	font-style:italic;
}
/************************************** H1 *************************************/
h1 {
	height: 45px;
}
h1.h1-trabalhe {
	background: url(../images/h1-trabalhe.jpg) left top no-repeat;
}
h1.h1-sobre {
	background: url(../images/h1-sobre.jpg) left top no-repeat;
}
h1.h1-invista {
	background: url(../images/h1-invista.jpg) left top no-repeat;
}
h1.h1-servicos {
	background: url(../images/h1-servicos.jpg) left top no-repeat;
}
h1.h1-produtos {
	background: url(../images/h1-produtos.jpg) left top no-repeat;
}
h1.h1-contato {
	background: url(../images/h1-contato.jpg) left top no-repeat;
}
h1.h1-novidades {
	background: url(../images/h1-novidades.jpg) left top no-repeat;
}
h1.h1-oque {
	background: url(../images/h1-oque.jpg) left top no-repeat;
}
h1.h1-home {
	background: url(../images/h1-home.jpg) left top no-repeat;
}
h1.h1-videos {
	background: url(../images/h1-videos.jpg) left top no-repeat;
}
h1.h1-news {
	background: url(../images/h1-news.jpg) left top no-repeat;
}
h1.h1-vid_guestbook {
	background: url(../images/h1_guestbook.jpg) left top no-repeat;
}
h1.h1-vid_3dviewer {
	background: url(../images/h1_3dviewer.jpg) left top no-repeat;
}
h1.h1-vid_photoapp {
	background: url(../images/h1_photoapp.jpg) left top no-repeat;
}
h1.h1-vid_paint {
	background: url(../images/h1_paint.jpg) left top no-repeat;
}
h1.h1-vid_ripples {
	background: url(../images/h1_ripples.jpg) left top no-repeat;
}
h1.h1-vid_touchworld {
	background: url(../images/h1_touchworld.jpg) left top no-repeat;
}
h1.h1-vid_physics {
	background: url(../images/h1_physics.jpg) left top no-repeat;
}
h1.h1-vid_wong {
	background: url(../images/h1_wong.jpg) left top no-repeat;
}
h1.h1-vid_smoke {
	background: url(../images/h1_smoke.jpg) left top no-repeat;
}
h1 span {
	display: none;
}
/************************************** BGs ************************************/
.act-home {
	background: #000 url(../images/bg-home.jpg) center top no-repeat;
}
.act-oque {
	background: #000 url(../images/bg-oque.jpg) center top no-repeat;
}
.act-videos {
	background: #000 url(../images/bg-videos.jpg) center top no-repeat;
}
.act-produtos {
	background: #000 url(../images/bg-produtos.jpg) center top no-repeat;
}
.act-novidades {
	background: #000 url(../images/bg-novidades.jpg) center top no-repeat;
}
.act-servicos {
	background: #000 url(../images/bg-servicos.jpg) center top no-repeat;
}
.act-contato {
	background: #000 url(../images/bg-contato.jpg) center top no-repeat;
}
.act-invista {
	background: #000 url(../images/bg-invista.jpg) center top no-repeat;
}
.act-trabalhe {
	background: #000 url(../images/bg-trabalhe.jpg) center top no-repeat;
}
.act-sobre {
	background: #000 url(../images/bg-sobre.jpg) center top no-repeat;
}
#wrapper {
	width: 950px;
	margin: 0 auto;
	text-align: center;
}
#right {
	width: 435px;
	w/idth: 475px;
	float: right;
	padding: 0 20px;
	text-align: left;
}
#right ul {
	padding-bottom: 15px;
}
#right ul li {
	clear: both;
	padding: 0 0 5px 10px;
	background: url(../images/bullet-cinza.gif) left 6px no-repeat;
}
#right #line {
	width: 100%;
	height: 1px;
	background-color:#404040;
	margin-bottom:30px;
}
#right .news-title {
	font-weight:bold;
	color:#FFFFFF;
}
#right .news-date {
	font-size:10px;
	color:#999999;
}
#right .leia-mais {
	color:#3fc7ff;
}
#right .link {
	color:#CCCCCC;
}
#left {
	width: 454px;
	/*w/idth: 475px;*/
	float: left;
	padding: 0 0 0 20px;
	text-align: left;
}
/******************************** cor dos links ********************************/
a:link, a:visited {
	color: #3fc7ff;
	text-decoration: none;
}
a:hover, a:active {
	color: #3fc7ff;
	text-decoration: underline;
}
/************************************* menu ************************************/
#menu .logo-aqua{
	height: 143px;
	width: 280px;
	margin: 0 0 0 132px;
}
#menu .linha{
	padding: 0 0 10px 10px;
}
#menu {
	clear: both;
	width: 950px;
	background: url(../images/logo-aqua.jpg) 287px top no-repeat;
}
.act-produtos #menu {
	background: url(../images/logo-aqua-prod.jpg) 287px top no-repeat;
}
#menu ul {
	padding: 0 0 0 178px;
	display: block;
}
#menu ul li {
	float: left;
	height: 28px;
}
#menu ul li.m-oque {
	background: url(../images/m-oque.gif) left top no-repeat;
	width: 151px;
}
#menu ul li.m-oque img {
	width: 151px;
	height: 28px;
}
#menu ul li.m-produtos {
	background: url(../images/m-produtos.gif) left top no-repeat;
	width: 164px;
}
#menu ul li.m-produtos img{
	width: 164px;
	height: 28px;
}
#menu ul li.m-servicos {
	background: url(../images/m-servicos.jpg) left top no-repeat;
	width: 160px;
}
#menu ul li.m-servicos img {
	width: 160px;
	height: 28px;
}
#menu ul li.m-contato {
	background: url(../images/m-contato.jpg) left top no-repeat;
	width: 120px;
}
#menu ul li.m-contato img {
	width: 120px;
	height: 28px;
}
#menu ul li:hover {
	background-position: 0 -28px;
}
.act-oque #menu ul li.m-oque,
.act-produtos #menu ul li.m-produtos,
.act-servicos #menu ul li.m-servicos,
.act-contato #menu ul li.m-contato {
	background-position: 0 -56px;
}
/************************************ rodape ***********************************/
#rodape {
	margin-top: 10px;
	border-top: 1px solid #333;
	font-size: 11px;
	clear: both;
}
#rodape p {
	width:100%;
	text-align:left;
}
#rodape ul {
	float: left;
	padding:15px 0 15px 0;
	width:100%;
}
#rodape ul li {
	display: inline;
	padding: 0 25px 0 20px;
	background: url(../images/bullet-branco.gif) 5px 6px no-repeat;
}
.act-novidades .sub-novidades a,
.act-trabalhe .sub-trabalhe a,
.act-invista .sub-invista a,
.act-sobre .sub-sobre a {
	color: #fff;
	text-decoration: none;
}
/************************************ contato **********************************/
form {
	padding-bottom: 15px;
}
#email {
	visibility: hidden;
	display: none;
}
form strong {
	color: #fff;
	padding: 0 0 0 100px;
}
form ol li {
	clear: both;
	padding: 0 0 7px 0;
}
form label {
	width: 90px;
	w/idth: 100px;
	float: left;
	padding: 3px 10px 0 0;
	text-align: right;
}
form fieldset.dados input, form textarea {
	width: 245px;
}
form fieldset.dados input.telefone {
	width: 200px;
}
.btn-enviar {
	background: url(../images/btn-enviar.jpg) no-repeat;
	width: 49px;
	height: 22px;
	margin-left: 301px;
}
.btn-enviar:hover {
	background-position: 0 -22px;
}
/************************************* home ************************************/
.act-home #rodape {
	border-top: 1px solid #333;
	font-size: 11px;
	clear: both;
	width: 325px;
	margin:  0 0 0 auto;
	padding: 0 20px 0 0;
}
.act-home #rodape ul li {
	padding: 0 5px 0 18px;
}
.act-home #left {
	 width: 585px;
	 w/idth: 605px;
	 height: 325px;
	 float: left;
	 padding: 0 0 0 10px;
}
.act-home #right {
	width: 325px;
	w/idth: 345px;
	padding: 0 20px 0 0;
	float: right;
}
a.btn_videos {
    display: block;
	width: 180px;
	height: 73px;
	background: url(../images/btn_videos.jpg) left top no-repeat;
}
a.btn_videos img {
	width: 180px;
	height: 73px;
}
a.btn_videos:hover {
	background-position: 0 -73px;
}
/************************************* videos ************************************/
.act-videos #rodape {
	border-top: 1px solid #333;
	font-size: 11px;
	clear: both;
	width: 325px;
	margin:  0 0 0 auto;
	padding: 0 20px 0 0;
}
.act-videos #rodape ul li {
	padding: 0 5px 0 18px;
}
.act-videos #left {
	 width: 585px;
	 w/idth: 605px;
	 height: 370px;
	 float: left;
	 padding: 0 0 0 10px;
}
.act-videos #left_smoke {
	 width: 585px;
	 w/idth: 605px;
	 height: 460px;
	 float: left;
	 padding: 0 0 0 10px;
}
.act-videos #right {
	width: 325px;
	w/idth: 345px;
	padding: 0 20px 0 0;
	float: right;
}
.act-videos #right ul li {
	overflow: hidden;
	padding: 10px 0 10px 0;
	background: none;
}
.act-videos #right ul li img {
	float: left;
}
.act-videos #right ul li p {
	margin-left: 120px;
	padding-bottom: 10px;
}
.act-videos #right ul li p img {
	float: none;
}
.arrows {
	font-size: 14px;
	font-weight: bold;
}
/********************************** slideshow **********************************/
#gallery {
	width: 950px;
	float: left;
	position:relative;
	text-align: left;
}
#imagearea {
	width: 435px;
	w/idth: 455px;
	height: 428px;
	float: left;
	padding: 47px 0 0 20px;
}
/*#images {
	border:2px solid #9ac1c9; 
	height:225px;
	background:#eef5f6;
	margin-bottom:20px
}*/
#image {
	position:relative; 
	background:#FFF url(images/loading.gif) center center no-repeat
}
#image img {
	position:absolute; 
	width: 435px;
	height: 428px;
}
#thumbwrapper {
	width: 435px;
	w/idth: 475px;
	float: right;
	padding: 0 20px;
	text-align: left;
}
#thumbarea {
	position:relative; 
	overflow:hidden; 
	height:119px; 
	width:500px; 
	padding: 20px 0 35px 0;
}
#thumbs {
	position:absolute; 
	list-style:none;  
	width:10000px; 
}
#thumbs li {
	float:left; 
	cursor:pointer
}
.imgnav {
	position:absolute; 
	height:375px; 
	width:20%; 
	z-index:100;
	height:375px; 
	width:20%; 
	z-index:100; 
	outline:none; 
	cursor:pointer
}
#previmg {
	left:0; 
	background:url(images/left.gif) left center no-repeat; 
	border-left:5px solid #FFF
}
#previmg:hover {
	opacity:1; 
	filter:alpha(opacity=100)
}
#nextimg {
	right:0; 
	background:url(images/right.gif) right center no-repeat;
	border-right:5px solid #FFF
}
#nextimg:hover {
	opacity:1;
	filter:alpha(opacity=100)
}
/* novo formulario // agosto 2011*/
#loading, #sucesso {
	display: none;
}
#loading img {
	padding: 5px 0 0 316px;
	display: block;
}
input, textarea {
	border: 1px solid #ccc;
	background: #fff;
}
input.btn-enviar {
	border: 0;
}
input.error, textarea.error {
	border: 1px solid #C00;
	background: #ccc;
}
/************************************ HACKS ************************************/
.clearfix:after, #menu ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */