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

/*--------------------------------- HEADER -------------------------------*/
#header {
	width:1008px;
	height:52px;
	margin:auto;
	background-image: url(../design/background-top.jpg);
	background-repeat: no-repeat;
}
#header ul { margin:auto; padding:0 0 0 0; list-style-type:none; }
#header li { float:left; height:52px;}
#logo {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 20px;
	padding-right: 115px;
}

/*-For all Buttons-*/
.preloadHOME, .preloadCONTACT, .preloadSERVICES, .preloadGALLERY, .preloadVIDEO, .preloadCLIENTS{ display:none;}
a.HOME:hover, a.CONTACT:hover, a.SERVICES:hover, a,GALLERY:hover, a.VIDEO:hover, a.CLIENTS:hover
.HOME, .SERVICES, .GALLERY, .VIDEO, .CLIENTS, .CONTACT { background:no-repeat}
.HOME, .SERVICES, .GALLERY, .VIDEO, .CLIENTS, .CONTACT { display:block; height:52px;}

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

/*-Button-SERVICES-*/
.SERVICES { width:97px; background:url(../design/buttonSERVICES.jpg);}
a.SERVICES:hover { background:url(../design/buttonSERVICES1.jpg);}

/*-Button-GALLERY-*/
.GALLERY { width:92px; background:url('../design/buttonGALLERY.jpg');}
a.GALLERY:hover { background:url(../design/buttonGALLERY1.jpg);}

/*-Button-VIDEO-*/
.VIDEO { width:75px; background:url(../design/buttonVIDEO.jpg);}
a.VIDEO:hover { background:url(../design/buttonVIDEO1.jpg);}

/*-Button-CLIENTS-*/
.CLIENTS { width:122px; background:url(../design/buttonCLIENT.jpg);}
a.CLIENTS:hover { background:url(../design/buttonCLIENT1.jpg);}

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

/*-------------------------------- HEADLINE ------------------------------*/
#headline1 { width:1008px; height:255px; margin:auto;
            background:url(../design/background-headline-image1.jpg) no-repeat;}
#headline2 { width:1008px; height:222px; margin:auto;
            background:no-repeat url('../design/background-headline-image2.jpg');}
#headline3 { width:1008px; height:255px; margin:auto;
            background:url(../design/background-headline-image1.jpg) no-repeat;}
#headline4 { width:1008px; height:255px; margin:auto;
            background:url(../design/background-headline-image1.jpg) no-repeat;}
.slideshow { width:409px; height:197px; float:right; margin:38px 83px 0 0;}

/*-------------------------------- TAGLINE -------------------------------*/
#tagline {
	width:1008px;
	height:46px;
	margin:auto;
	background:no-repeat url('../design/tagline-background.jpg');
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align: center;
}
#tagline .left { float:left; margin:16px 0 0 45px;}
#tagline .right {
	float:right;
	margin:20px 450px 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:600px; margin:auto; background:url(none) no-repeat}

/*--------------------------------- FOOTER -------------------------------*/
hr { border:0; width:100%; color:#252525; background-color:#252525; height:4px;}
#footer { width:1008px; height:74px; margin:auto; font-family:Arial, Helvetica, sans-serif;
          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;
	padding-top: 5px;
}
#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:#fef344; text-decoration:underline;}