﻿
/* CSS Document */


body {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
	color: #FFFFFF;
}

.content{
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #FFFFFF;
}
.white-title {
	font-family: "Myriad Pro", Arial;
	font-size: 28px; color:#FFFFFF
}

.gray-submenu {
	font-family: "Myriad Pro", Arial;
	font-size: 14px; color:#575555;
}
.gray-submenu A:link {text-decoration: none; color:#575555;}
.gray-submenu A:visited {text-decoration: none;  color:#575555;}
.gray-submenu A:active {text-decoration: none;  color:#575555;}
.gray-submenu A:hover {text-decoration: underline; color:#575555; font-weight:bold;}

.gray-titlebig {
	font-family: "Myriad Pro", Arial;
	font-size: 32px; color:#575555;
}
.gray-title {
	font-family: "Myriad Pro", Arial;
	font-size: 28px; color:#575555;
}

.gray-subtitle {
	font-family: "Myriad Pro", Arial;
	font-size: 22px; color:#575555;
}

.white-titles {
	font-family: "Myriad Pro", Arial;
	font-size: 26px; color:#FFFFFF
}

.white-subtitles {
	font-family: "Myriad Pro", Arial;
	font-size: 22px; color:#FFFFFF
}

.blue {color:#76bdef;}

.aqua{color:#3d6f92}
.aqua2{color:#06446f}

.deepblue {color:#3d6f92; font-weight:bold;}

.deepblueTitle
{
	color: #3d6f92;
	font-weight: bold;
	font-size: 18pt;
}

.privacyTitle
{
	font-size: 10pt;
	font-family: Arial;
	text-decoration: underline;
		font-weight: bold;
	color:#000000;
}

.deepblueSubTitle
{
	color: #3d6f92;
	font-weight: bold;
	font-size: 12pt;
}

.content-gray {color:#333232; font-size:12px;}

.gray2{color:#c1c1c1}

.gray{color:#444444}

.grayBold
{
	color: #444444;
	font-weight: bold;
}

.footer
{
	font-weight: lighter;
	padding-right: 20px;
	border-top: rgb(58,106,141) 2px solid;
	padding-left: 20px;
	background-image: url(Images/footer1.jpg);
	padding-bottom: 20px;
	width: 740px;
	padding-top: 20px;
	background-repeat: repeat-x;
	height: 20px;
}



.menuhome{ font-family:"Arial Black",Arial, sans-serif; color:#919191; font-size:12px; }


.menuhome A:link {text-decoration: none; color:#919191;}
.menuhome A:visited {text-decoration: none;  color:#919191;}
.menuhome A:active {text-decoration: none;  color:#919191;}
.menuhome A:hover {text-decoration: underline; color:#919191;}



.menu{ font-family:"Arial Black",Arial, sans-serif; color:#919191; font-size:12px; }
.menu2{ font-family:"Arial Black",Arial, sans-serif; color:#ffffff; font-size:12px;  text-decoration:underline;}


.menu A:link {text-decoration: none; color:#919191;}
.menu A:visited {text-decoration: none;  color:#919191;}
.menu A:active {text-decoration: none;  color:#919191;}
.menu A:hover {text-decoration: underline; color:#ffffff;}

.menu2 A:link {text-decoration: underline; color:#ffffff;}
.menu2 A:visited {text-decoration: underline;  color:#ffffff;}
.menu2 A:active {text-decoration: underline;  color:#ffffff;}


.submenu-white{ font-family:Arial, sans-serif; color:#ffffff; font-size:12px; }

.submenu-black{ font-family:Arial, sans-serif; color:#343434; font-size:12px; }

.submenu-gray{ font-family:Arial, sans-serif; color:#919191; font-size:12px; }


.submenu-gray A:link {text-decoration: none; color:#919191;}
.submenu-gray A:visited {text-decoration: none;  color:#919191;}
.submenu-gray A:active {text-decoration: none;  color:#919191;}
.submenu-gray A:hover {text-decoration: underline; color:#919191;}







/* Menu Bar 1 */

.project1 {
  display: block; 
  list-style-type:none;
   min-width: 80px;
  height: 16px;
  text-decoration: none;
  background-color:#FFFFFF;
border-right:1px #000 dotted;
 padding:10px;
 float:left;
 cursor:pointer;
 


  }

   
.author1 {list-style-type:none;
  display: block;
  min-width: 80px;
  height: 16px;
  text-decoration: none; 
  background-color:#FFFFFF; 
   float:left;
 cursor:pointer;
border-right:1px #000 dotted;
   padding:10px;
  }

.journey1 {list-style-type:none;
  display: block;
   min-width: 85px;
  height: 16px;
  text-decoration: none; 
  background-color:#FFFFFF; 
 
  float:left;
  cursor:pointer;
  cursor:pointer;
   border-right:1px #000 dotted;
      padding:10px;
   }


   
   
.team1 {list-style-type:none; 
  display: block;
   min-width: 67px;
   height: 16px;
  text-decoration: none; 
  background-color:#FFFFFF; 
 
  float:left;
  cursor:pointer;
   border-right:1px #000 dotted;
   padding:10px;
   
  }


   
.pressroom1 {list-style-type:none;
  display: block;
   min-width: 74px;
  height: 16px;
  text-decoration: none; 
  background-color:#FFFFFF; 
 
  float:left;
  cursor:pointer;
   border-right:1px #000 dotted;
      padding:10px;
  }

   
   
   
.contact1 {list-style-type:none;
  display: block;
  min-width: 70px;
   height: 16px;
  text-decoration: none; 
  background-color:#FFFFFF; 
 
  float:left; cursor:pointer;
   border-right:1px #000 dotted;
   padding:10px;
  }


   
.involved1 {list-style-type:none;
  display: block;
  min-width: 84px;
  height: 16px;
  text-decoration: none; 
  background-color:#FFFFFF; 
 
  float:left; cursor:pointer;
   border-right:1px #000 dotted;
      padding:10px;
  }

   
   
      
   
.store1 {list-style-type:none;
  display: block;
 min-width: 55px;
  height: 16px;
  text-decoration: none; 
  background-color:#FFFFFF; 
 
  float:left;
  cursor:pointer;

      padding:10px;
  }


 /* End Menu 1 */




/* Menu Bar 2 */

.project2 {
  display: block; 
  list-style-type:none;
  /* min-width: 80px; */
  height: 16px;
  text-decoration: none;
 
border-right:1px #000 dotted;
 padding:10px;
 float:left;
 cursor:pointer;
 


  }

.project2:hover { 
}

.project3 {
  display: block; 
  list-style-type:none;
  /*min-width: 70px; */
  height: 16px;
  text-decoration: none;
 
border-right:1px #757575 dotted;
 padding:10px;
 float:left;
 cursor:pointer;
 text-align:center;
 
 
  }
  
  project3Bis{
  display: block; 
  list-style-type:none;
  min-width: 80px; 
  height: 16px;
  text-decoration: none;
 
border-right:1px #757575 dotted;
 padding:10px;
 float:left;
 cursor:pointer;
 text-align:center;
 
 
  }

.project3:hover { 
}


.divMenu2
{
	right: -3px; 
	width: 780px; 
	bottom: 0px; 
	position: absolute; 
	height: 36px;
}

.divMenu1
{
	width: 780px; 
	position: relative; 
	height: 97px; 
	background-color: rgb(0,0,0);
}










   
   
.author2 {list-style-type:none;
  display: block;
  min-width: 80px;
  height: 16px;
  text-decoration: none; 

   float:left;
 cursor:pointer;
border-right:1px #757575 dotted;
   padding:10px;
  }

.author2:hover { 
}
   

.journey2 {list-style-type:none;
  display: block;
 min-width: 85px;
  height: 16px;
  text-decoration: none; 

 
  float:left;
  cursor:pointer;
  cursor:pointer;
   border-right:1px #757575 dotted;
      padding:10px;
   }

.journey2:hover { 
}
   
   
   
.team2 {list-style-type:none; 
  display: block;
   min-width: 67px;
   height: 16px;
  text-decoration: none; 
 
 
  float:left;
  cursor:pointer;
   border-right:1px #757575 dotted;
   padding:10px;
   
  }

.team2:hover { 
 }
   
   
   
.pressroom2 {list-style-type:none;
  display: block;
  min-width: 74px;
  height: 16px;
  text-decoration: none; 
 
  float:left;
  cursor:pointer;
   border-right:1px #757575 dotted;
      padding:10px;
  }

.pressroom2:hover { 
 }
   
   
   
   
.contact2 {list-style-type:none;
  display: block;
  min-width: 70px;
   height: 16px;
  text-decoration: none; 

 
  float:left; cursor:pointer;
   border-right:1px #757575 dotted;
   padding:10px;
  }

.contact2:hover { 
 }      
   


   
.involved2 {list-style-type:none;
  display: block;
 min-width: 84px;
  height: 16px;
  text-decoration: none; 

 
  float:left; cursor:pointer;
   border-right:1px #757575 dotted;
      padding:10px;
  }

.involved2:hover { 
  }     
   
   
   
   
      
   
.store2 {list-style-type:none;
  display: block;
 min-width: 55px;
  height: 16px;
  text-decoration: none; 

 
  float:left;
  cursor:pointer;

      padding:10px;
  }

.store2:hover {  }

 /* End Menu 2 */


/****IGR*****/
   .vagabondBanner
   {
	height: 392px;
	width: 780px;
   }
   .vagabondBanner2
   {
	BACKGROUND-IMAGE: url(images/vagabond-banner_05.jpg); 
	WIDTH: 780px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 153px
   }  
   
   .titleImage
   {
	/*height: 23px;
	width: 287px;*/
   }
   .smallImage
   {
	/*height: 114px;
	width: 181px;*/
   }
   
   /*.imagePosition
{
	position: relative;
	/*left: 268px;
	top: 97px;
	z-index: 2;

}

   .BackImagePosition
{
	z-index:1;
}*/

.nobord
{
	border: #e6e6e6 1px solid;	
}

.titleVideo
{
	font-family: "Myriad Pro", Arial;
	color:#FFFFFF
}

	.updateProgress
{
	position: absolute;
	background-color: white;
	filter: alpha(opacity=50);
	MozOpacity: 0.6;
	opacity: 0.6;
	padding: 10%;
	margin: 0px;
}

.loadingLabel
{
	color: #FF9933;
	font-weight: bold;
	font-family: Tahoma;
}  
	
	
	

/****End IGR*****/
