/* 
Flipper Official Website - Version 3.0
Orca Design Team - L.K.Giap
Date Created - 12 March 2010
*/

/*------------------------*/

body {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	background-image: url(assets/images/background_notepaper.png);
	background-repeat: repeat;
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
h2 {
	font-family: "Century Gothic", "Helvetica Neue", Arial, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#666;
}
h3 {
	font-family: "Century Gothic", "Helvetica Neue", Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#666;
}
h4 {
	font-family: "Century Gothic", "Helvetica Neue", Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#666;
}

/*------------------------*/

#Header {
	font-family: "Century Gothic", "Helvetica Neue", Arial, sans-serif;
	margin:0 auto;
	width: 1000px;
	height: 125px;
}
.Logo {
	width: 235px;
	height: 86px;
	float: left;
	background-image: url(assets/images/flipper_logo_blue.png);
	background-repeat: no-repeat;
	margin:20px 0px 0px 0px;
}
#Menu {
	font-size:16px;
	text-align:right;
	width: 700px;
	height: auto;
	float: right;
	margin:77px 0px 0px 0px;
}
.MenuBar {
	text-align:center;
	width: auto;
	height: auto;
	border-style: none;
	float: right;
	padding: 0px;
	font-weight: bold;
}
.MenuBar a:link, MenuBar a:visited{
	color:#999;
	text-decoration: none;
}
.MenuBar a:active, MenuBar a:hover{
	color:#666;
	text-decoration: none;
}

/*------------------------*/

#jsddm {	
	margin: 0;
	padding: 0;
}	
	#jsddm li {
		float: left;
		list-style: none;
	}
	#jsddm li a {
		text-decoration: none;
		width: auto;
		white-space: nowrap;
		border-right-color: #00AEEF;
		border-right-width: 2px;
		border-right-style: solid;
		display: list-item;
		padding: 5px 12px;
	}
	#jsddm li a:hover {	
		color:#666;
	}
	#jsddm li a:visited {	
		background-color: none;
		color:#999;
	}
		#jsddm li ul {
			font-size:14px;
			margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			text-align: left;
			z-index:5;
		}
		#jsddm li ul li {
			float: none;
			display: inline;
		}
		#jsddm li ul li a {
			width: auto;
			background-color: #FFF;
			border-color: #5FC5ED #00AEEF #5FC5ED #00AEEF;
			border-style: solid;
			border-width: 1px 1px 1px 2px;
			margin: -1px auto auto -2px;
		}
		#jsddm li ul li a:hover {
			color:#666;
			background-color: #D4F3FF;
		}
		#jsddm li ul li a:visited {
			color:#999;
		}

/*------------------------*/

#Search {
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:0 auto;
	background-image: url(assets/images/search_colour_bar_blue.png);
	background-repeat: repeat-y;
	width: 1000px;
	height: 50px;
}
.Route {
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	padding: 0px 0px 0px 75px;
	margin:15px 0px 0px 0px;
	float: left;
}
#Field {
	width: 150px;
	margin: 0px 0px 0px 848px;
	positioin: absolute;
}
.SearchField {
	font-size:16px;
	width: 124px;
	height: 25px;
	background-image: url(assets/images/text_field.png);
	margin: 0px;
	border: none;
	clip: rect(0px,auto,auto,auto);
	vertical-align: middle;
}
.SearchSubmit{
	height: 25px;
	width: 26px;
	background-image: url(assets/images/magnification.png);
	background-color: #00AEEF;
	background-repeat: no-repeat;
	background-position: center center;
	border-style: solid none;
	border-width: 1px 0px;
	border-color: #00AEEF;
}

/*------------------------*/

#Slice {
	margin:0 auto;
	background-color: #FFF;
	width: 1000px;
	height: 320px;
	right: auto;
}
#Category {
	margin:12px auto;
	background-image: url(assets/images/category_field.png);
	background-color: #FFF;
	width: 1000px;
	height: 190px;
}
.Picture {
	border: none;
}

/*------------------------*/


/*------------------------*/

#General {
	margin: 0px auto;
	width: 1000px;
	height: 200px;
}
.Gen1, .Gen2, .Gen3 {
	font-size:11px;
	background-image: url(assets/images/panel_general.png);
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 241px;
	height: 200px;
	float: left;
	margin: 0px 12px 0px 0px;
	line-height: 18px;
}
#Gen1, #Gen2, #Gen3 {
	font-size:11px;
	background-image: url(assets/images/panel_general.png);
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 241px;
	height: 200px;
	float: left;
	margin: 0px 12px 0px 0px;
	line-height: 18px;
}
.Gen4{
	font-size:11px;
	background-image: url(assets/images/panel_general.png);
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 241px;
	height: 200px;
	float: left;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
}
#Gen4{
	font-size:11px;
	background-image: url(assets/images/panel_general.png);
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 241px;
	height: 200px;
	float: left;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
}

#Gen1-1 {
	width: 241px;
	height: auto;
	position: absolute;
	z-index: 1;
}
#Gen1-2 {
	width: 201px;
	height: auto;
	position: absolute;
	margin: 40px 0 0 20px;
	z-index: 1;
}
#Gen1-3 {
	width: 241px;
	height: 160px;
	position: absolute;
	margin: 40px 0 0 0;
	z-index: 1;
}
#Gen1-4 {
	width: 241px;
	height: 200px;
	position: absolute;
	margin: 0px 0 0 0;
	z-index: 3;
}
#Gen2-1 {
	width: 241px;
	height: auto;
	position: absolute;
	z-index: 1;
}
#Gen2-2 {
	width: 201px;
	height: auto;
	position: absolute;
	margin: 40px 0 0 20px;
	z-index: 1;
}
#Gen2-3 {
	width: 107px;
	height: 186px;
	position: absolute;
	margin: 14px 0 0 120px;
	z-index: 1;
}
#Gen3-1 {
	width: 241px;
	height: auto;
	position: absolute;
	z-index: 1;
}
#Gen3-2 {
	width: 201px;
	height: auto;
	position: absolute;
	margin: 40px 0 0 20px;
	z-index: 2;
}
#Gen3-3 {
	width: 150px;
	height: 110px;
	position: absolute;
	margin: 80px 0 0 45px;
	z-index: 1;
}
#Gen4-1 {
	width: 241px;
	height: auto;
	position: absolute;
	z-index: 1;
}
#Gen4-2 {
	width: 201px;
	height: auto;
	position: absolute;
	margin: 40px 0 0 20px;
	z-index: 2;
}
#Gen4-3 {
	width: 90px;
	height: 110px;
	position: absolute;
	margin: 85px 0 0 75px;
	z-index: 1;
}
.Txt_General {
	margin: 10px 20px 10px 20px;
}
.Tag_Blog {
	background-image: url(assets/images/tag_flipper_museum_green.png);
	background-repeat: no-repeat;
	border: none;
	width: 240px;
	height: 30px;
}
.Tag_Intro {
	background-image: url(assets/images/tag_how_flipper_works_blue.png);
	background-repeat: no-repeat;
	border: none;
	width: 240px;
	height: 30px;
}
.Tag_Care {
	background-image: url(assets/images/tag_flipper_care_red.png);
	background-repeat: no-repeat;
	border: none;
	width: 240px;
	height: 30px;
}
.Tag_News {
	background-image: url(assets/images/tag_news_red.png);
	background-repeat: no-repeat;
	border: none;
	width: 240px;
	height: 30px;
}
.Tag_Calendar {
	background-image: url(assets/images/tag_event_calendar_purple.png);
	background-repeat: no-repeat;
	border: none;
	width: 240px;
	height: 30px;
}
.Pic_Blog {
	background-image: url(assets/images/pic_flipper_museum.gif);
	background-repeat: no-repeat;
	width: 241px;
	height: 160px;
	margin: 0px 0 0 0;
}
.Pic_Intro {
	background-image: url(assets/images/open_close_auto.gif);
	background-repeat: no-repeat;
	width: 107px;
	height: 186px;
	margin: 0px 0px 0px 0px;
}
.Pic_Calendar {
	width: 90px;
	height: 110px;
	margin: 0px auto ;
}
/*------------------------*/

#Subscription {
	font-family: "Century Gothic", "Helvetica Neue", Arial, sans-serif;
	font-size:18px;
	width: 1000px;
	height: 50px;
	margin: 0px auto 25px auto;
	background-image: url(assets/images/subscription_colour_bar_grey.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.SubPosition {
	width: 600px;
	height: 30px;
	float: right;
	margin: 10px 0px 0px 0px;
}
.NewsletterLogo {
	width: 170px;
	height: 20px;
	background-image: url(assets/images/flipper_newsletter_logo_red.png);
	background-repeat: no-repeat;
	border: none;
	vertical-align: -5%;
}
.JoinSubmit{
	height: 28px;
	width: 45px;
	background-image: url(assets/images/join_blue.png);
	border: none;
	background-repeat: no-repeat;
	background-position: center center;
}
.Submit{
	height: 28px;
	width: 64px;
	background-image: url(assets/images/submit_blue.png);
	border: none;
	background-repeat: no-repeat;
	background-position: center center;
}
.Unsubscribe {
	height: 28px;
	width: 97px;
	background-image: url(assets/images/unsubscribe_blue.png);
	border: none;
	background-repeat: no-repeat;
	background-position: center center;
}
.SubscriptField {
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	width: 220px;
	height: 26px;
	background-image: url(assets/images/text_field.png);
	margin: 0px;
	border-style: none;
	clip: rect(0px,auto,auto,auto);
	vertical-align: middle;
}

/*------------------------*/

#Shortcut {
	width: 1000px;
	height: 200px;
	margin: 0 auto;
}
.Links {
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 230px;
	float: left;
	margin: 0px 12px 0px 0px;
	padding: 0px 0px 0 20px;
	line-height: 30px;
}

.Links a:link, .Links a:visited{
	color:#00AEEF;
	text-decoration: none;
}
.Links a:active, .Links a:hover{
	color:#666;
	text-decoration: none;
}
.Download {
	width: 350px;
	float: left;
	margin: 0px 80px 0px 0px;
}
.Download a:link, .Download a:visited{
	color:#00AEEF;
	text-decoration: none;
}
.Download a:active, .Download a:hover{
	color:#666;
	text-decoration: none;
}
.Download, .Worldwide p{
	font-size: 12px;
}
.Worldwide {
	width: 275px;
	height: auto;
	float: right;
}
.Link_h1{
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 600;
	color:#00AEEF;
}

/*------------------------*/
.Worldwide ul {
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 251px; /* Width of Menu Items */
	height: 25px;
}

.Worldwide ul li {
	position: relative;
}
	
.Worldwide li ul {
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	position: absolute;
	width: 240px;/*worldwide drop-down menu width*/
	height: 155px;/*worldwide drop-down menu height*/
	overflow: auto;/*worldwide drop-down menu scrolling bar*/
	display: none;
	margin: -2px 0 0 0;
	border-top: 1px solid #D4F3FF;
	}

/* Styles for Menu Items */
.Worldwide ul li a {
	display: block;
	text-decoration: none;
	color: #999; /* IE6 Bug */
	padding: 5px;
	border-bottom: 0;
	background-image:url(assets/images/jumpmenu_blue.png);
	background-color: #FFF;
	background-repeat: no-repeat;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

.Worldwide ul li a:hover {
	color: #666;
} /* Hover Styles */
		
.Worldwide li ul li a {
	padding: 5px 12px;
	background-color:#FFF;
	background-image:none;
	border: 1px solid #D4F3FF;
	margin: -1px auto auto 1px;
	width: 196px;
} /* Sub Menu Styles */
.Worldwide li ul li a:hover {
	background-color:#D4F3FF;
	background-image:none;
} /* Sub Menu Hover Styles */
		
.Worldwide li:hover ul, li.over ul {
	display: block;
} /* The magic */

/*------------------------*/

.ContactLinks a:link, .ContactLinks a:visited{
	color:#1478E2;
	text-decoration: none;
}
.ContactLinks a:active, .ContactLinks a:hover{
	color:#666;
	text-decoration: none;
}

/*------------------------*/

#Copyright {
	font-size: 10px;
	color: #333;
	margin: 0 auto;
	width: 960px;
	padding: 5px 0px 5px 0px;
	font-weight: normal;
}

#Copyright a:link, #Copyright a:visited{
	font-size: 10px;
	color: #333;
	text-decoration: none;
}

#Copyright a:active, #Copyright a:hover{
	font-size: 10px;
	color: #000;
	text-decoration: none;
}

/*------------------------*/

#Footer {
	font-size: 9px;
	color: #000;
	height: 76px;
	width: 1000px;
	background-image: url(assets/images/footer_colour_bar.png);
	margin: 0 auto;
}
.Orca {
	height: 15px;
	width: 150px;
	float: right;
	background-image: url(assets/images/innovations_by_orca.png);
	margin: 0px 65px 0px 0px;
}

/*------------------------*/
#Cyt-1 {
	height: 30px;
	width: 1000px;
	position:absolute;
}
#Cyt-2 {
	height: 160px;
	width: 1000px;
	margin: 30px 0 0 0;
	position:absolute;
}