@charset "utf-8";

/* ---------- basic styling --------- */

* {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #FFFFFF;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-image: url(../_images/bodyBg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#wrapper {
	position: relative;
	width: 780px;
	margin: 0 auto;
	text-align: left;
}
#clear {
	clear: both;
}

/* ---------- structure styling --------- */

/* ---------- header styling --------- */

#header {
	background-color: #242e38;
	height: 200px;
	top: 20px;
	background-image: url(../_images/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}
#header h1 {
	margin-left: -9000px;
}
#header #shadowLeft {
	position: absolute;
	width: 10px;
	height: 530px;
	top: 20px;
	left: -10px;
	background-image: url(../_images/shadowLeft.jpg);
	background-position: top;
}
#header #shadowTop {
	position: absolute;
	width: 530px;
	height: 10px;
	top: -10px;
	left: 125px;
	background-image: url(../_images/shadowTop.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#header #shadowRight {
	position: absolute;
	width: 10px;
	height: 530px;
	top: 20px;
	right: -10px;
	background-image: url(../_images/shadowRight.jpg);
	background-position: top;
}


/* ---------- navbar styling --------- */

#navbar {
	position: relative;
	background-color: #242e38;
	height: 40px;
	background-image: url(../_images/navbarBg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#navbar ul{
	position: relative;
	list-style: none;
	top: 10px;
	left: 30px;
	float: left;
}
#navbar li{
	display: block;
	width: 120px;
	height: 35px;
	float: left;
	text-decoration: none;
}
/*make li areas active bottons*/
#navbar li a{
	float: left;
	width: 120px;
	height: 35px;
}
#navbar li #hideText{
	margin: -9000px;
}
#navbar li#principal{
	background-image: url(../_images/navbarBtOver-principal.gif);
	background-repeat: no-repeat;
	background-position: left top;
	left: 30px;
}
#navbar li#principal a {
	background-image: url(../_images/navbarBtNormal-principal.gif);
	background-repeat: no-repeat;
	background-position: left top;
	left: 30px;
}

#navbar li#principal a:hover{
	background-image: url(../_images/navbarBtOver-principal.gif);
	background-repeat: no-repeat;
	background-position: left top;
	left: 30px;
}
#navbar li#empresa{
	background-image: url(../_images/navbarBtOver-empresa.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#navbar li#empresa a{
	background-image: url(../_images/navbarBtNormal-empresa.gif);
	background-repeat: no-repeat;
	background-position: left top;
	left: 30px;
}
#navbar li#empresa a:hover{
	background-image: url(../_images/navbarBtOver-empresa.gif);
	background-repeat: no-repeat;
	background-position: left top;
	left: 30px;
}
#navbar li#produtos{
	background-image: url(../_images/navbarBtOver-produtos.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#navbar li#produtos a{
	background-image: url(../_images/navbarBtNormal-produtos.gif);
	background-repeat: no-repeat;
	background-position: left top;
	left: 30px;
}
#navbar li#produtos a:hover{
	background-image: url(../_images/navbarBtOver-produtos.gif);
	background-repeat: no-repeat;
	background-position: left top;
	left: 30px;
}
#navbar li#servicos{
	background-image: url(../_images/navbarBtOver-servicos.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#navbar li#servicos a{
	background-image: url(../_images/navbarBtNormal-servicos.gif);
	background-repeat: no-repeat;
	background-position: left top;
	left: 30px;
}
#navbar li#servicos a:hover{
	background-image: url(../_images/navbarBtOver-servicos.gif);
	background-repeat: no-repeat;
	background-position: left top;
	left: 30px;
}
#navbar li#utilidades{
	background-image: url(../_images/navbarBtOver-utilidades.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#navbar li#utilidades a{
	background-image: url(../_images/navbarBtNormal-utilidades.gif);
	background-repeat: no-repeat;
	background-position: left top;
	left: 30px;
}
#navbar li#utilidades a:hover{
	background-image: url(../_images/navbarBtOver-utilidades.gif);
	background-repeat: no-repeat;
	background-position: left top;
	left: 30px;
}
#navbar li#contato{
	background-image: url(../_images/navbarBtOver-contato.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#navbar li#contato a{
	background-image: url(../_images/navbarBtNormal-contato.gif);
	background-repeat: no-repeat;
	background-position: left top;
	left: 30px;
}
#navbar li#contato a:hover{
	background-image: url(../_images/navbarBtOver-contato.gif);
	background-repeat: no-repeat;
	background-position: left top;
	left: 30px;
}

/* ---------- content styling --------- */

#content {
	position: relative;
	background-color: #FFFFFF;
	background-image: url(../_images/contentBg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	clear: both;
	float: left;
	width: 720px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	/*height: 460px;*/
	/*overflow: hidden;*/
}

/* ---------- footer styling --------- */

#footer {
	clear: both;
	position: relative;
	background-color: #242e38;
	height: 40px;
	background-image: url(../_images/navbarBg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#footer #ultra {
	position: absolute;
	right: 15px;
	top: 12px;
	width: 60px;
	height: 15px;
	background-image: url(../_images/ultraLogo.gif)
}
#footer #ultra a{
	float: right;
	width: 60px;
	height: 15px;
}