@charset "UTF-8";
/* CSS Document */

body {
background-color: #000000;
color: white;
margin: 0;
}


a:link, a:visited, a:active {
	color: #a5a196;
	text-decoration: none;
}

a:hover {
	color: white;
	text-decoration: underline;
}

img {
border: 0;
}

#container {
position: absolute;
top: 0px;
left: 0px;
background-color: black;
z-index: 1;
width: 8900px;
height: 3500px;
background-repeat: no-repeat;
background-attachment: fixed;
background-image: url('../images/site_images/background-gradient.png');
}



#fixeddiv {
position:absolute;  
z-index: 4;
width:200px;
height:960px;
left:45px;
top:0px;  
padding:16px;
padding-top: 310px;

text-transform:uppercase;
text-align: center;

background-position: center top;
background-repeat: no-repeat;


}


#fixeddiv ul.nav {
padding: 0;
margin: 0;
list-style-type: none;
}


#fixeddiv ul.nav span {
	display: none;
}


#fixeddiv ul.nav a.navhome,
#fixeddiv ul.nav a.navhistory,
#fixeddiv ul.nav a.navourlogo,
#fixeddiv ul.nav a.navprocess,
#fixeddiv ul.nav a.navmenu,
#fixeddiv ul.nav a.navclients,
#fixeddiv ul.nav a.navportfolio,
#fixeddiv ul.nav a.navcontact { display: block; height:20px; background-image:url('../images/site_images/nav.png'); background-repeat:no-repeat; }

#fixeddiv ul.nav a.navhome { width:200px; background-position:0 0; }
#fixeddiv ul.nav a.navhistory { width:200px; background-position:0 -20px; }
#fixeddiv ul.nav a.navourlogo { width:200px; background-position:0 -40px; }
#fixeddiv ul.nav a.navprocess { width:200px; background-position:0 -60px; }
#fixeddiv ul.nav a.navmenu { width:200px; background-position:0 -80px; }
#fixeddiv ul.nav a.navclients { width:200px; background-position:0 -100px; }
#fixeddiv ul.nav a.navportfolio { width:200px; background-position:0 -120px; }
#fixeddiv ul.nav a.navcontact { width:200px; background-position:0 -140px; }

#fixeddiv ul.nav a.navhome:hover { width:200px; background-position:-200px 0; }
#fixeddiv ul.nav a.navhistory:hover { width:200px; background-position:-200px -20px; }
#fixeddiv ul.nav a.navourlogo:hover { width:200px; background-position:-200px -40px; }
#fixeddiv ul.nav a.navprocess:hover { width:200px; background-position:-200px -60px; }
#fixeddiv ul.nav a.navmenu:hover { width:200px; background-position:-200px -80px; }
#fixeddiv ul.nav a.navclients:hover { width:200px; background-position:-200px -100px; }
#fixeddiv ul.nav a.navportfolio:hover { width:200px; background-position:-200px -120px; }
#fixeddiv ul.nav a.navcontact:hover { width:200px; background-position:-200px -140px; }

h1 {
text-align: center;
text-transform: uppercase;
margin-bottom: 10px;
}



h2 {
font-family: Times;
font-size: 25px;
font-weight: lighter;
text-align: left;
line-height: 1.2em;
margin-bottom: 13px;
font-style: italic;
}


.content {
font-family: 'Garamond', 'Georgia', Times, serif;
color: white;
font-size: 15px;

text-align: center;
width: 569px;}


.text {
font-family: 'Garamond', 'Georgia', Times, serif;
vertical-align: top;
line-height: 1.3em;
text-align: left;
}

.content img {
margin: 10px;
border: 0px;
}



.sidebar {
float: left;
vertical-align: top;

}



h3 {
margin-top: 2em;
margin-left: -100px;
clear: both;
font-family: Garamond, Georgia, Times, serif;
font-size: 18px;
font-weight: lighter;
font-style: italic;
}








#vertical1 {
width: 900px;
height: 2200px;
position: absolute;
top: 30px;
left: 1300px;
z-index: 5;
background-image: url('../images/site_images/vertical-1.jpg');
background-repeat: no-repeat;
}

#vertical2 {
width: 900px;
height: 2600px;
position: absolute;
top: 30px;
left: 3600px;
z-index: 5;
}

#vertical3 {
width: 900px;
height: 2600px;
position: absolute;
top: 30px;
left: 6000px;
z-index: 5;
background-image: url('../images/site_images/vertical-1.jpg');
background-repeat: no-repeat;
}



#home{
width: 1400px;
height: 800px;
padding-left: 300px;
padding-top: 20px;
position: absolute;
top: 0px;
left: 0px;
z-index: 3;
}

#history{
width: 1400px;
height: 800px;
padding-top: 20px;
padding-left: 300px;
position: absolute;
top: 0px;
left: 2300px;
z-index: 3;
}

#ourlogo{
width: 1400px;
height: 800px;
padding-top: 20px;
padding-left: 300px;
position: absolute;
top: 0px;
left: 4700px;
z-index: 3;
}

#recipes{
width: 1400px;
height: 800px;
padding-top: 20px;
padding-left: 300px;
position: absolute;
top: 0px;
left: 7200px;
z-index: 3;
}







#menu{
width: 1400px;
height: 800px;
padding-left: 300px;
padding-top: 50px;
position: absolute;
top: 1400px;
left: 0px;
z-index: 3;
}

#clients{
width: 1400px;
height: 800px;
padding-left: 300px;
padding-top: 50px;
position: absolute;
top: 1400px;
left: 2300px;
z-index: 3;
}


#buffet{
width: 1400px;
height: 800px;
padding-left: 300px;
padding-top: 50px;
position: absolute;
top: 1400px;
left: 4700px;
z-index: 3;
}


#contact{
width: 1400px;
height: 800px;
padding-left: 300px;
padding-top: 50px;
position: absolute;
top: 1400px;
left: 7200px;
z-index: 3;
}