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


html {
  line-height: 1em;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-image:url(../images/background.jpg);
	background-position:top;
	background-repeat:repeat-x; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align:left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#FFFFFF;
	padding:0;
	margin:0;
	background-attachment: fixed;
	background-color: #601714;
}



h1 {
	font-size-adjust:6px;

}

h2 {
	font-size-adjust:4px;
	font-weight: normal;

}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}

a:active {
	color: #999999;
	text-decoration: none;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

span.separator { padding: 0px 2px 0px 2px; }

.container {
	z-index: 1;
	left: 50%;
	margin-left: -430px;
	width: 800px;
	position:absolute;
	padding: 0px;
	visibility: visible;
}

.header {
	
	z-index: 2;
	position:relative;
	width:100%;
	height:120px;
	
}
	
.line {
	background-image:url(../images/line.gif);
	background-position:center;
	background-repeat:repeat-x;
	width:100%;
	height:5px;	
}
.aboutline {
	background-image:url(../images/line.gif);
	background-position:center;
	background-repeat:repeat-x;
	width:100%;
	height:5px;
	margin:-4px -10px -4px -10px;
}

#title {
	background-image:url(../images/Image-library.png);
	background-position:bottom;
	background-repeat:no-repeat;
	width:25%;
	height:100%;
	position:absolute;
	visibility: visible;
}


ul#menu{
	list-style: none;
	margin: 0;
	padding: 2px 0;
	text-align:center;
	position:absolute;
	white-space: nowrap;
	visibility: visible;
	z-index: 9;
	width: 494px;
	left: 154px;
	height: 27px;
	top: 75%;
}

ul#menu li{

	display: inline;
	margin: 0 10px

}

ul#menu a{

	text-decoration: none;
	padding: 0 0 3px;
	color: #FFFFFF
  
  
}

ul#menu a#current{

	border-bottom: 1px solid #FFFFFF;
	color:#FFFFFF
	
}

ul#menu a:hover{

	color:#CCCCCC
	

}


#logo {
	background-image:url(../images/logo.png);
	background-position:bottom;
	background-repeat:no-repeat;
	width:22%;
	height:100%;
	position:absolute;
	float:right;
	visibility: visible;
	z-index: 8;
	left: 625px;
	top: 0px;
}



.welcome {
	background-image:url(../images/welcome.png);
	background-repeat:no-repeat;
	position:relative;
	visibility: visible;
	height:41px;
	width:100%;
	z-index: 8;
}

.window {
	z-index:3;
	position:relative;
	width:100%;
	height: auto;
	
}
.download {
	position:relative;
	width:100%;
	height:230px;
	
}
	
#propic {

	width:40%;
	float:left;
	padding-left:10px;
	padding-top:10px;
	
}
	
#protxt {

	width:50%;
	float:right;
	padding-top:10px;

}

.equipment {

	background-image:url(../images/equipment.png);
	background-repeat:no-repeat;
	position:relative;
	visibility: visible;
	width:100%;
	height:42px;
	z-index: 24;

}

.trade_ads {

	background-image:url(../images/trade_ads.png);
	background-repeat:no-repeat;
	position:relative;
	visibility: visible;
	width:100%;
	height:42px;
	z-index: 24;

}

.pos {
	background-image:url(../images/pos.png);
	background-repeat:no-repeat;
	position:relative;
	visibility: visible;
	width:100%;
	height:42px;
	z-index: 23;


}

.fiveml {
	background-image:url(../images/500ml.png);
	background-repeat:no-repeat;
	position:relative;
	visibility: visible;
	width:100%;
	height:42px;
	z-index: 22;
}

.oneml {
	background-image:url(../images/100ml.png);
	background-repeat:no-repeat;
	position:relative;
	visibility: visible;
	width:100%;
	height:42px;
	z-index: 21;

}
.about {
	background-image:url(../images/about_haagen_dazs.png);
	background-repeat:no-repeat;
	position:relative;
	visibility: visible;
	width:100%;
	height:42px;
	z-index: 24;
	left: -10px;
}

.welcome_text {
	width:100%;
	height:185px;
	
}

.textbox {
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	position:relative;
	width:70%;
	float: left;	

}

#blurb {
	position:absolute;
	z-index:11;
	width: 98%;
	padding-left:10px;
}
	

.right_menu {
	position:relative;
	width:30%;
	float:right;	
}

img#hd_pic {
	position:absolute;
	left: 46px;
	top: 21px;
	visibility: visible;
	z-index: 6;
}

.footer {
	position:relative;
	width:100%;
	height: 20px;

}