/* ================================ +
   				BAGDROP
 + ================================ */



/* 
** Made by: Thomas Lievestro
** Email:	info@lievestro.com
** Website:	www.lievestro.com
*/



/* ================================ +
               STANDARDS 
+  ================================ */

/* start RESET DEFAULT styles */
*{ margin:0; padding:0; }

html {
	background: #FFFFFF;
}

body { 
	font-family: 			arial, helvetica, sans-serif;
	font-size:				11px;
	color: 					#000000;
	line-height:			15px;
}
	
img { 
	border:					0px; 
}	

ul { 
	list-style:				none; 
	white-space: 			nowrap; 
}

a { 
	text-decoration:		none; 
	color:					#e2007a
}

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

h1 {
	font-size:				30px;
	font-style:				normal;
	font-weight:			600;
	margin:					0 0 10px 0;	
	line-height:			28px;
	letter-spacing:			1px;
}

html*h1 {
	[	font-weight:			600; 
	font-weight:			100;]
	font-weight:			500; 
}

.dummyend[id]{clear:both;}


.clear {
	clear:					both;
}

p {
	margin-top:				12px;
	margin-left:			2px;
	
}

address{
	font-style:				normal;
}

/* end RESET DEFAULT styles */



/* ================================ +
             GLOBAL LAYOUT
+  ================================ */

#wrapper {
	width:					100%;
}

#header {
	width:					912px;
	height:					105px;
	position:				relative;
	margin-left:			auto;
	margin-right:			auto;
	overflow:				hidden;
}

#logo{
	display:				block;
	width:					195px;
	height:					60px;
	background:				url('../images/bagdrop_logo.gif') no-repeat;	
	margin-top:				40px;
	float:					left;

	overflow:				hidden;
}


#menu {
	width:					685px;
	height:					31px;		
	margin-left:			17px;
	margin-top:				68px;
	float:					left;
	border-bottom:			1px solid #e2007a;
}

#plusje{
	width:					9px;
	height:					9px;
	background:				url('../images/plusje.gif') no-repeat;	
	margin-left:			6px;
	margin-top:				95px;
	float:					left;
}

#menu ul li{
	display: inline;
	float:left;
}

#content_wrapper{
	background:				url('../images/bg_content.gif');
}

#image_container{
	width:					912px;
	margin-left:			auto;
	margin-right:			auto;
	margin-top:				65px;
}
#link_holder{
	width:					212px;
	height:					199px;
	float:					left;
}

#download_pres{
	width:					141px;
	height:					8px;
	display:				block;
	margin:					115px 10px 0 0;
	float:					right;
	background:				url('../images/dl_slideshow.gif') no-repeat 0 0;
}

#download_pres:hover{
	background:				url('../images/dl_slideshow.gif') no-repeat -150px 0;
}

#download_brochure_english{
	width:					153px;
	height:					8px;
	display:				block;
	margin:					8px 10px 0 0;
	float:					right;
	background:				url('../images/DownloadBrochureEnglish.gif') no-repeat 0 0;
}

#download_brochure_english:hover{
	background:				url('../images/DownloadBrochureEnglish.gif') no-repeat -200px 0;
}

#download_brochure_arab{
	width:					137px;
	height:					8px;
	display:				block;
	margin:					8px 10px 0 0;
	float:					right;
	background:				url('../images/DownloadBrochureArab.gif') no-repeat 0 0;
}

#download_brochure_arab:hover{
	background:				url('../images/DownloadBrochureArab.gif') no-repeat -200px 0;
}

#download_brochure_chinese{
	width:					154px;
	height:					8px;
	display:				block;
	margin:					8px 10px 0 0;
	float:					right;
	background:				url('../images/DownloadBrochureChinese.gif') no-repeat 0 0;
}

#download_brochure_chinese:hover{
	background:				url('../images/DownloadBrochureChinese.gif') no-repeat -200px 0;
}

#image_holder{
	width:					685px;
	height:					199px;
	float:					left;
	overflow:				hidden;
}

#content_container{
	width:					912px;
	height:					275px;
	margin-left:			auto;
	margin-right:			auto;
	position:				relative;
}

#contentInner ul li{
	margin-left:			35px;
}

#explanation_img{
	position:				absolute;
	width:					391px;
	height:					216px;
	left:					500px;
	top:					30px;
	background:				no-repeat;
}

#email_link{
	position:				absolute;
	width:					109px;
	height:					17px;
	left:					500px;
	top:					208px;	
	text-indent:			-1000em; 
	overflow:				hidden;
	background:				url('../footage/img/explanations/contact_links.gif') no-repeat 0 0;
}

#email_link:hover{
	background:				url('../footage/img/explanations/contact_links.gif') no-repeat -110px 0;
}

#website_link{
	position:				absolute;
	width:					109px;
	height:					17px;
	left:					500px;
	top:					225px;	
	text-indent:			-1000em; 	
	overflow:				hidden;
	background:				url('../footage/img/explanations/contact_links.gif') no-repeat 0 -17px;
}

#website_link:hover{
	background:				url('../footage/img/explanations/contact_links.gif') no-repeat -110px -17px;	
	left:					500px;
}

#print_adres{
	display:				none;	
}

#copyright{
	margin:					2px 0;
	text-align:				center;
	color:					#7FA2B5;
}



/* ================================ +
                  NAV
+  ================================ */

#nav a{
	display:block; 
	text-indent:-1000em; 
	text-decoration:none;
	overflow:hidden;
	height:12px;
}

#nav1{width:71px; background: url('../images/nav.gif') no-repeat 0px 0px;}
#nav2{width:69px; background: url('../images/nav.gif') no-repeat -107px 0px; margin-left:36px; }
#nav3{width:80px; background: url('../images/nav.gif') no-repeat -215px 0px; margin-left:39px;}
#nav4{width:92px; background: url('../images/nav.gif') no-repeat -336px 0px; margin-left:41px;}
#nav5{width:108px; background: url('../images/nav.gif') no-repeat -470px 0px; margin-left:42px;}  
#nav6{width:70px; background: url('../images/nav.gif') no-repeat -615px 0px; margin-left:37px;}  

#nav1:hover{background-position: -699px 0px;}
#nav2:hover{background-position: -806px 0px;}
#nav3:hover{background-position: -914px 0px;}
#nav4:hover{background-position: -1035px 0px;}
#nav5:hover{background-position: -1169px 0px;}  
#nav6:hover{background-position: -1314px 0px;}

#nav1_active{width:71px; background: url('../images/nav.gif') no-repeat -699px 0px;}
#nav2_active{width:69px; background: url('../images/nav.gif') no-repeat -806px 0px; margin-left:36px; }
#nav3_active{width:80px; background: url('../images/nav.gif') no-repeat -914px 0px; margin-left:39px;}
#nav4_active{width:92px; background: url('../images/nav.gif') no-repeat -1035px 0px; margin-left:41px;}
#nav5_active{width:108px; background: url('../images/nav.gif') no-repeat -1169px 0px; margin-left:42px;}  
#nav6_active{width:70px; background: url('../images/nav.gif') no-repeat -1314px 0px; margin-left:37px;}  



/* ================================ +
            SCROLL SYSTEM
+  ================================ */

#contentThumb{
	background-color: 		#e2007a;
	cursor:					pointer !important; 
	cursor:					hand;
}

#contentThumb:hover{
	background-color: 		#e2007a;
	cursor:					pointer !important; 
	cursor:					hand;
}

.absDiv { 
	position: 				absolute; 
	visibility: 			hidden; 
	overflow: 				hidden;
}

#contentBar{
	background:				#e2007a;
	visibility:				visible; 
}

#arrow_down {
	display:				block;  
	text-indent:			-1000px;
	text-decoration:		none;
	width:					13px;
	height: 				15px;	
	background: url('../images/arrow_down.gif') no-repeat 0px 0px;
}


/* #arrow_down:hover, #arrow_down:focus{background: url('../images/arrow_down.gif') no-repeat -9px 0px;} */

#arrow_up {
	display:				block;  
	text-indent:			-1000px;
	text-decoration:		none;
	width:					12px;
	height: 				15px;
	background: url('../images/arrow_up.gif') no-repeat 0px 0px;
}

/* #arrow_up:hover, #arrow_up:focus{background: url('../images/arrow_up.gif') no-repeat -9px 0px;} */