/*
 *  Ahold Coffe Company 2006 - general design
 *  
 *  TOC
 *  - General elements
 *  - Header with navigation bar
 *  - Main div
 *  - Footer navigation
 */

/* General elements */
body{ margin: 0; padding: 0; background: #fff; color: #000; font: 70%/1.4em Arial, Helvetica, sans-serif; background: url(greenline.gif)  150% 0% no-repeat;}
h1 { font-family: "Trebuchet MS", serif; color: #531700; }
img {	margin: 0; padding: 0; border: 0; }
a { color: #531601; }

/* Header with navigation bar */
#navigation { position: relative; width: 754px; margin: 0 auto; height: 100px; }
.logo { position: absolute; top: 56px; left: 0; display: block; width: 186px; height: 53px; text-indent: -999em; background: url(ahold_logo.png) no-repeat; cursor: pointer; }
* html .logo { /* for IE/Win */ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../ui/presentation/ahold_logo.png', sizingMethod='image'); } 
#navigation ul { float: right; width: 553px; margin-top: 75px; padding: 0; border-top: #008348 solid 3px; }
#navigation ul li { display: inline; list-style: none; }
#navigation ul li a { margin: 0; padding: 3px 0 5px 14px; background: url(arrow_brown_right.gif) 0 0.5em no-repeat; color: #000; background-color: #fff; text-decoration: none; }
#navigation ul li a:hover { background-color: #f6e0ab; }
#navigation ul li a span { margin: 0; padding-right: 14px; line-height: 1.8em;}

/* Main div */
#mainIntro { min-height: 347px; background: #e6a303 url(visual_home.jpg) top center no-repeat; }
/* for Internet Explorer */
/*\*/
* html #mainIntro {
  height: 347px;
}
/**/
#mainIntroText { position: absolute; left: 50%; top: 350px; margin-left: -24px; width: 232px; color: #fff; }
#mainIntroText h1 { font-size: 1.1em; color: #fff; margin: 0; padding: 0; font-family: sans-serif;}
#mainIntroText p { font-size: 1.1em; color: #fff; margin: 0; padding: 0; }
#mainIntroText a { font-size: 1.1em; color: #fff; }
#mainIntroHyperlinks { position: absolute; top: 330px; left: 50%; margin-left: 226px; }
#mainIntroHyperlinksEn { position: absolute; top: 313px; left: 50%; margin-left: 226px; }
#mainIntro ul { margin: 0; padding: 0; }
#mainIntro ul li { margin: 0; padding: 0; color: #fff; list-style: none; }
#mainIntro ul li a { line-height: 1.4em; font-size: 1.1em; padding-left: 10px; color: #fff; font-family: "Trebuchet MS", serif; text-decoration: none; background: url(li_dot_home.gif) 0 0.5em no-repeat;  }
#virtueleTour { margin-top: 6px; display: block; width: 135px; height: 28px; background: url(virtuele_tour.gif) no-repeat; text-decoration: none;}
#virtueleTour span { visibility: hidden; }

/* Footer navigation */
#navigationFooter { position: relative; }
#navigationFooter ul { position: absolute; margin: 0 0 0 232px; padding: 0; left: 50%; top: 10px; }
#navigationFooter li { list-style: none; margin: 0; padding: 0;}
#navigationFooter ul li a { display: block; height: 16px; width: 88px; text-decoration: none; color: #531700; background-color: #fff; padding: 0; margin: 5px 0; text-indent: -999em;}
#navEnglish { background: url(nav_english.gif) no-repeat; }
#navDutch { background: url(nav_dutch.gif) no-repeat; }
#navVacatures { background: url(nav_vacatures.gif) no-repeat; }
#navVacaturesEn { background: url(nav_vacatures_en.gif) no-repeat; }
#navContact { background: url(nav_contact.gif) no-repeat; }
#navRoutebeschrijving { background: url(nav_routebeschrijving.gif) no-repeat; }
#navRoutebeschrijvingEn { background: url(nav_routebeschrijving_en.gif) no-repeat; }