body { margin:auto; background:#000000 top repeat-x url('../design/background.jpg');}
:focus { outline: 0;}

/*--------------------------------- HEADER -------------------------------*/
#header { width:1008px; height:85px; margin:auto; }
#header ul { margin:auto; padding:0 0 0 0; list-style-type:none; }
#header li { float:left; height:85px;}
#logo { padding:0 230px 0 20px; }

/*-For all Buttons-*/
.preloadHOME, .preloadABOUT, .preloadPROJECTS, .preloadCONTACT { 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;}

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

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

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

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

/*-------------------------------- HEADLINE ------------------------------*/
#headline1 { width:1008px; height:222px; margin:auto;
            background:no-repeat url('../design/background-headline-image1.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;}

/*-------------------------------- TAGLINE -------------------------------*/
#tagline { width:1008px; height:46px; margin:auto;
           background:no-repeat url('../design/tagline-background.jpg');
           font-family:Arial; font-size:11px; color:#000000;}
#tagline .left { float:left; margin:16px 0 0 45px;}
#tagline .right { float:right; margin:16px 50px 0 0;}
#tagline .white { font-size:13px; color:#ffffff; font-weight:bold;}
#tagline .black { font-size:13px; color:#000000; margin-right:8px; font-weight:bold;}

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

/*--------------------------------- FOOTER -------------------------------*/
hr { border:0; width:100%; color:#252525; background-color:#252525; height:6px;}
#footer { width:1008px; height:74px; margin:auto; font-family:Tahoma;
          font-size:11px; font-weight:bold; text-align:left; color:#ffffff;}
#footer p { margin:auto; padding-left:30px; float:left;}
#footer .color { color:#fef344;}
#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;}
#footer a:visited { color:#ffffff;}
#footer a:hover { color:#fef344;}