@charset "UTF-8";

body  {
	font: 8pt Arial, Helvetica, sans-serif;
	color: #333333;
	background: #666666; 
	background-repeat: repeat;
	background-position: top center;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	line-height: 14pt;
}

a:link {
	color: #76024f;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #76024f;
}
a:hover {
	text-decoration: underline;
	color: #76024f;
}
a:active {
	text-decoration: none;
	text-align: center;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}



body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}



#container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

#logolink {
	width: 225px;
	height: 50px;
	position: absolute;
	margin: 10px 0 0 25px;
	}
	
	
#buttonHome {
	width: 66px;
	height: 15px;
	margin: 73px 0 0 592px;
	float:left; 
	text-align: center;
	}
	
#buttonShop {
	width: 66px;
	height: 15px;
	margin: 73px 0 0 5px;
	float:left; 
	text-align: center;
	}
	

#buttonGallery {
	width: 66px;
	height: 15px;
	margin: 73px 0 0 5px;
	float:left; 
	text-align: center
	}
	

#buttonAboutUs {
	width: 66px;
	height: 15px;
	margin: 73px 0 0 5px;
	float:left; 
	text-align: center;
	}
	
	
	
#mailinglist {
	
	padding: 57px 0 2px 6px;
	color: #424242;
	background-image:url(side_mailinglist.jpg);
	}
	
#process {
	margin: 3px 0 0 0;
	width: 156px;
	float: left;	
	}
		
#mainmovie {
		width: 670px;
		float: left;
	
	}
		
	

#mainContent { 
position: relative;
	width: 850px;
	margin: 12px 0 0 27px;
	float: left;
} 



.boxtwitter {
	width: 253px;
	margin: 35px 0 0 50px;
	float: left;
}

.boxtwitter h2 {
	background:url(header_twitterfeed.jpg) no-repeat;
	height:27px;
	padding: 2px 0 0 2px;
}

.twitterfeed {
	position: relative;
	height: 280px;
	width: 220px;
	padding: 0 10px 0 18px;
	overflow-y: scroll; 
	scrollbar-arrow-color: blue; 
	scrollbar-face-color: #e7e7e7; 
	scrollbar-3dlight-color: #a0a0a0; 
	scrollbar-darkshadow-color: #888888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}



#boxfacebook {
	width: 250px;
	float: left;
	margin: 50px 0 0 45px;
}




#bagpics {
	float:left
}
	
	
	
#bagdetails {
	width: 240px;
	height: 420px;
	margin: 40px 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	float:left
}

#nextprevious {
	width: 250px;
	height: 40px;
	margin: 0 0 0 10px;
	float:left
}





.boxcontact {
	width: 253px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: top left;
	float: left;
	margin: 35px 0 0 40px;
}

.boxcontact h2 {
	background:url(header_contact.jpg) no-repeat left top;
	padding: 2px 0 0 2px;
	height:27px;
}



.boxcontacthome {
	width: 253px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: top left;
	float: left;
	margin: 20px 0 0 0;
}

.boxcontacthome h2 {
	background:url(header_contact.jpg) no-repeat left top;
	padding: 2px 0 0 2px;
	height:27px;
}




.boxpress {
	width: 253px;
	height: 420px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: top left;
	float: left;
}

.boxpress h2 {
	background:url(header_press.jpg) no-repeat left top;
	height:27px;
	padding: 2px 0 0 2px;
}


.boxpress p {
	padding: 0 10px 10px 10px;
	color: #333333;
}


#presscontact {
	width: 240px;
		float: left;
			margin: 35px 0 0 30px;
		}



.boxpolicy {
	width: 530px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: top left;
	float: left;
	margin: 35px 0 0 40px;
}

.boxpolicy h2 {
	background:url(header_policy.jpg) no-repeat left top;
	padding: 2px 0 0 2px;
	height:27px;
}


.boxpolicy p {
	padding: 0 10px 10px 10px;
	color: #333333;
}


.boxprocess {
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: top left;
	float: left;
	margin: 35px 0 0 60px;
}