body { margin:0; background:#000000 top repeat-x url('../design/background.jpg');
font: 13px/1.5em "Lucida Grande", "Trebuchet MS", Verdana, Lucida, sans-serif;

}
#wrapper {
	width: 100%;
	display: table;
	margin: 0;
	background: transparent url('../design/img_back.jpg') no-repeat center top;
}
:focus { outline: 0;}

/*--------------------------------- HEADER -------------------------------*/
#header { width:1008px; height:85px; margin:auto; }
#header ul {
	margin: 0 0 0 510px;
	padding:0 0 0 0; list-style-type:none;
	height: 85px;
	width: 426px;
}
#header ul li { height:85px; float: left;}
#header ul li a {
	float: left;
	height: 85px;
	text-indent: -9000px;
}
#header ul li.one a {
	width: 86px;
	background: transparent url('../design/menu.png') no-repeat 0 bottom;
}
#header ul li.two a {
	width: 101px;
	background: transparent url('../design/menu.png') no-repeat -86px bottom;
}
#header ul li.three a {
	width: 120px;
	background: transparent url('../design/menu.png') no-repeat -187px bottom;
}
#header ul li.four a {
	width: 119px;
	background: transparent url('../design/menu.png') no-repeat -307px bottom;
}
#header ul li.one:hover a, #header ul li.one.active a {
	background-position: 0 top;
	}
#header ul li.two:hover a, #header ul li.two.active a {
	background-position: -86px top;
}
#header ul li.three:hover a, #header ul li.three.active a {
	background-position: -187px top;
}
#header ul li.four:hover a, #header ul li.four.active a {
	background-position: -307px top;
}


#logo { margin: auto; width: 350px; float: left; }
#logo img {
	border: none;
}

.preload { display: none; }

/*-For all Buttons-
.preloadHOME { display:none;}
a.HOME:hover, a.ABOUT:hover, a.PROJECTS:hover, a.CONTACT:hover,
.HOME, .ABOUT, .PROJECTS, .CONTACT { background:no-repeat}
.HOME, .ABOUT, .PROJECTS, .CONTACT { display:block; height:85px;}

.HOME { width:92px; background:url('../design/buttonHOME.jpg');}
a.HOME:hover { background:url('../design/buttonHOME1.jpg');}

.ABOUT { width:113px; background:url('../design/buttonABOUT.jpg');}
a.ABOUT:hover { background:url('../design/buttonABOUT1.jpg');}

.PROJECTS { width:111px; background:url('../design/buttonPROJECTS.jpg');}
a.PROJECTS:hover { background:url('../design/buttonPROJECTS1.jpg');}

.CONTACT { width:110px; background:url('../design/buttonCONTACT.jpg');}
a.CONTACT:hover { background:url('../design/buttonCONTACT1.jpg');}
*/

a {	text-decoration: none;}
a:visited {	text-decoration: none;}
a:link {	text-decoration: none;}
h1 { color: #fff; }

.clear { clear:both }



#headline1 { width:1008px; height:222px; margin:auto;
            background:no-repeat url('../design/header-slogan.jpg');}
#headline2 { width:1008px; height:222px; margin:auto;
            background:no-repeat url('../design/background-headline-image2.jpg');}
#headline3 { width:1008px; height:222px; margin:auto;
            background:no-repeat url('../design/background-headline-image3.jpg');}
#headline4 { width:1008px; height:222px; margin:auto;
            background:no-repeat url('../design/background-headline-image4.jpg');}
.slideshow { width:409px; height:197px; float:right; margin:5px 83px 0 0;}

/*-------------------------------- SERVICES -------------------------------*/

ul#services {
	width: 1008px;
	height: 114px;
	margin: 0 auto 3em auto;
	padding: 0;
    list-style-type:none;
}
ul#services:hover {
	background-position: 0 bottom;
}
ul#services li { height: 114px;	float: left;}
ul#services li a {
	float: left;
	height: 114px;
	text-indent: -9000px;
}
ul#services li.um a {                                                              
	width: 164px;
	background:no-repeat url('../design/services.png') 0 top;
}
ul#services li.dois a {
	width: 173px;
	background:no-repeat url('../design/services.png') -164px top;

}
ul#services li.tres a {
	width: 151px;
	background:no-repeat url('../design/services.png') -337px top;

}
ul#services li.quatro a {
	width: 167px;
	background:no-repeat url('../design/services.png') -488px top;

}

ul#services li.cinco a {
	width: 147px;
	background:no-repeat url('../design/services.png') -655px top;

}
ul#services li.seis a {
	width: 206px;
	background:no-repeat url('../design/services.png') -802px top;
}
ul#services li.um:hover a, ul#services li.um.active a {
	background-position: 0 bottom;
	}
ul#services li.dois:hover a, ul#services li.dois.active a {
	background-position: -164px bottom;
}
ul#services li.tres:hover a, ul#services li.tres.active a {
	background-position: -337px bottom;
}
ul#services li.quatro:hover a, ul#services li.quatro.active a {
	background-position: -488px bottom;
}

ul#services li.cinco:hover a, ul#services li.cinco.active a {
	background-position: -655px bottom;
}

ul#services li.seis:hover a, ul#services li.seis.active a {
	background-position: -802px bottom;
}

/*-------------------------------- MAINBODY ------------------------------*/
#mainbody-content { width:1008px; margin: auto; }

/*--------------------------------- FOOTER -------------------------------*/
hr.footer { margin: 20px 0 0 0; clear: both; border:0; width:100%; color:#252525; background-color:#252525; height:8px;}
#footer-wrapper {
	width: 100%;
	height: 130px;
	margin: 0px;
	background-color: #444;
}
#footer { width:1008px; height:74px; margin: auto; font-family:Tahoma;
          font-size:11px; font-weight:bold; text-align:left; color:#ffffff; padding-top: 2em;}
#footer p { margin:auto; padding-left:30px; float:left;}
#footer .color { color:#ffae42;}
#footer img { padding-left:100px; float:left;}
#footer ul { float:right; padding-right:30px; margin:auto; list-style-type:none;}
#footer li { float:left;}
#footer a:link { color:#ffffff; text-decoration:underline;}
#footer a:visited { color:#ffffff; text-decoration:underline;}
#footer a:hover { color:#ffae42; text-decoration:underline;}