/*--------------------------------------------------------------------------------

                                 tag Styles

--------------------------------------------------------------------------------*/

html, body{
	text-align: center;
	margin: 0;
	height: 100%;
	background:#000000 url(../images/background.gif) no-repeat center top;
}

ul{
	line-height: 35px;
	margin-left: 20px;
}

li{
	list-style-image: url(../images/check.gif);
}

fieldset{
	border: 1px solid #e0e4e2;
	width: 300px;
	height: 242px;
	padding: 5px;
}

legend{
	color: #000;
	background: #fff;
	padding: 2px 6px;
	font-weight: bold;
} 

label{
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
} 

/*--------------------------------------------------------------------------------

                                 id Styles

--------------------------------------------------------------------------------*/

#mainArea{
	position: relative;
	margin-top: -20px;
	width: 734px;
}

#wrapper{
	position: relative;
	margin:0 auto;
	width: 735px;
	height: 100%;
	padding:0 0 0 0;
	z-index: 2;

}

#stripes{
	position: absolute;
	background-image: url(../images/stripes.png);
	background-position: center;
	top: -86px; /*** IE uses a different value ***/
	left: inherit; /*** IE uses a different value ***/
	overflow: hidden;
	width: 100%;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	z-index: 0;
}

#stripesInt{
	position: absolute;
	background-image: url(../images/stripes.png);
	background-position: center;
	top: -86px; /*** IE uses a different value ***/
	left: inherit; /*** IE uses a different value ***/
	overflow: hidden;
	width: 100%;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	z-index: 0;
}

#logo{
	position: absolute;
	background: url(../images/logo.gif);
	width: 100px;
	height: 74px;
	left: 12px;
	top: 50px;
}

#menuArea{
	position: absolute;
	left: 111px;
	top: 0px;
	background: url(../images/header.png);
	width: 624px;
	height: 136px;
	overflow: hidden;
}

#menuHOME{
	position: absolute;
	top: 82px;/*** IE uses a different value ***/
	left: 201px;
	width: 89px;
	height: 49px;
	z-index: 10;
}
#menuABOUT{
	position: absolute;
	top: 76px;/*** IE uses a different value ***/
	left: 275px;
	width: 89px;
	height: 49px;
	z-index: 9;
}
#menuSERVICES{
	position: absolute;
	top: 71px;/*** IE uses a different value ***/
	left: 349px;
	width: 89px;
	height: 49px;
	z-index: 8;
}
#menuPRODUCTS{
	position: absolute;
	top: 66px;/*** IE uses a different value ***/
	left: 423px;
	width: 89px;
	height: 49px;
	z-index: 7;
}
#menuCLIENTS{
	position: absolute;
	top: 61px;/*** IE uses a different value ***/
	left: 497px;
	width: 89px;
	height: 49px;
	z-index: 6;
}
#menuFRANCHISE{
	position: absolute;
	top: 55px;/*** IE uses a different value ***/
	left: 571px;
	width: 89px;
	height: 49px;
	z-index: 5;
}
#menuCONTACT{
	position: absolute;
	top: 50px;/*** IE uses a different value ***/
	left: 645px;
	width: 89px;
	height: 49px;
	z-index: 4;
}
									
#box1{
	position: absolute;
	top: 160px;
	left: 540px;
	background: url(../images/box_I.gif);
	width: 175px;
	height: 127px;
	cursor: pointer;
}

#box2{
	position: absolute;
	top: 300px;
	left: 552px;
	background: url(../images/box_II.gif);
	width: 163px;
	height: 121px;
	cursor: pointer;
}

#flashBanner{	
	position: absolute;
	float: left;	
	top: 180px;
	left: 79px;
	/*background: url(../images/LIXO_flash.gif);*/
	width: 433px;
	height: 241px;
}

#footer{
	position: absolute;
	top: 450px;
	left: 140px;
	background: url(../images/line.gif) no-repeat top;
	width: 562px;
	height: 47px;
}

#footerPages{
	position: absolute;
	top: 555px;
	left: 148px;
	background: url(../images/line.gif) no-repeat top;
	width: 562px;
	height: 47px;
	padding-top: 5px;
}

#whiteArea{	
	position: absolute;
	float: left;
	top: 162px;
	left: 68px;
	background: url(../images/main.png);
	width: 656px;
	height: 392px;
	z-index: 1;
}

#header {
	width: 172px;
	height: 45px;
	position: absolute;
	top: 10px;
	left: -28px;
	z-index: 2;
}

#header span {
	background: url(../images/aboutus.png) no-repeat;
	position: absolute;
	left: 21px;
	width: 100%;
	height: 100%;
}

#aboutUsCar {
	background:  url(../images/aboutus_cars.png) no-repeat;
	position: absolute;
	top: 267px;
	left: 180px;
	width: 463px;
	height: 118px;
	z-index: 3;
}

#servicesCar {
	background:  url(../images/services_cars.png) no-repeat;
	position: absolute;
	top: 305px;
	left: 420px;
	width: 213px;
	height: 81px;
	z-index: 3;
}

#servicesBan {
	background:  url(../images/beaccountcust.gif) no-repeat;
	position: absolute;
	top: 205px;
	left: 418px;
	width: 223px;
	height: 74px;
	z-index: 3;
	cursor: pointer;
}

#servicesBanII {
	background:  url(../images/callus.gif) no-repeat;
	position: absolute;
	top: 260px;
	left: 456px;
	width: 184px;
	height: 55px;
	z-index: 3;
}

#bar {
	background:  url(../images/bar.gif) no-repeat;
	position: absolute;
	top: 110px;
	left: 586px;
	width: 13px;
	height: 208px;
	z-index: 5;
}

#up {
	background: url(../images/up.png) no-repeat;
	position: absolute;
	top: 110px;
	left: 582px;
	width: 22px;
	height: 19px;
	z-index: 6;
	cursor: pointer;
}
#up:hover {
	background: url(../images/up_on.png) no-repeat;
}

#down {
	background: url(../images/down.png) no-repeat;
	position: absolute;
	top: 300px;
	left: 582px;
	width: 22px;
	height: 19px;
	z-index: 6;
	cursor: pointer;
}
#down:hover {
	background: url(../images/down_on.png) no-repeat;
}

#t1 {
	position: absolute;
	top: 120px;/*** IE uses a different value ***/
	left: 320px;/*** IE uses a different value ***/
	width: 240px;
	height: 205px;
	z-index: 7;
	visibility: hidden;
}
#t2 {
	position: absolute;
	top: 120px;/*** IE uses a different value ***/
	left: 320px;/*** IE uses a different value ***/
	width: 240px;
	height: 205px;
	z-index: 7;
	visibility: hidden;
}
#t3 {
	position: absolute;
	top: 120px;/*** IE uses a different value ***/
	left: 320px;/*** IE uses a different value ***/
	width: 240px;
	height: 205px;
	z-index: 7;
	visibility: hidden;
}
#t4 {
	position: absolute;
	top: 120px;/*** IE uses a different value ***/
	left: 320px;/*** IE uses a different value ***/
	width: 240px;
	height: 205px;
	z-index: 7;
	visibility: hidden;
}
#t5 {
	position: absolute;
	top: 120px;/*** IE uses a different value ***/
	left: 320px;/*** IE uses a different value ***/
	width: 240px;
	height: 205px;
	z-index: 7;
	visibility: hidden;
}
#t6 {
	position: absolute;
	top: 120px;/*** IE uses a different value ***/
	left: 320px;/*** IE uses a different value ***/
	width: 240px;
	height: 205px;
	z-index: 7;
	visibility: hidden;
}
#t7 {
	position: absolute;
	top: 120px;/*** IE uses a different value ***/
	left: 320px;/*** IE uses a different value ***/
	width: 240px;
	height: 205px;
	z-index: 7;
	visibility: hidden;
}

/*--------------------------------------------------------------------------------

                                 CLASSES

--------------------------------------------------------------------------------*/

.footerText, a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #bebebe;
	line-height: 17px;
	text-align: right;
	text-decoration: none;
}
.footerText a:hover{
	color: #FFFFFF;
}

.tableMain {/*** IE uses a different value ***/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333735;
	padding-top: 55px;
	padding-right: 11px;
	text-align: justify;
	line-height: 14px;
}

.bigLetters{
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: bold;
	color: #433e0a;
}

.formField{
	background-image: url(../images/field_bg.gif);
	background-repeat: no-repeat;
	width: 218px;
	height: 21px;
	border-width: 0px;
}	

.formFieldTA{
	background-image: url(../images/field_bgTA.gif);
	background-repeat: no-repeat;
	width: 218px;
	height: 68px;
	border-width: 0px;
}	
	
.formFieldBtnSnd{
	background-image: url(../images/send.gif);
	background-repeat: no-repeat;
	width: 53px;
	height: 18px;
	border-width: 0px;
}

.formFieldBtnClr{
	background-image: url(../images/clear.gif);
	background-repeat: no-repeat;
	width: 53px;
	height: 18px;
	border-width: 0px;
}