body { 
	background: #1a133b; 
	color: #fff;  
	text-align: center;
}

#fbbody 
{
	background: white; 
	text-align: center;
	width:450px;
}

html, body {
	height: 98%;
}

/*
	dark blue: 		#250a71
	medium blue:	#473989
	light blue:		#9f98c1
*/

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

hr { 
	clear: both;
	border: 0; 
	color: #e5e5e5; 
	background-color: #e5e5e5;
	height: 1px;
}

.clr {
	clear: both;
}

.external { 
	background: url(../img/external.gif) no-repeat left 50%; 
	padding: 1px 0 3px 22px;
	text-transform: uppercase;
}

/* Typography */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body, input, select, textarea {
	font: 80%/1.36em verdana, arial, sans-serif;
}

a				{ background: transparent; }
a:link 			{ color: #250a71; }
a:visited 		{ color: #250a71; }
a:hover 		{ color: #473989; }
a:active 		{ color: #9f98c1; }

#fairtradelink a:hover { text-decoration:none; }

#leave a:link, #leave a:visited {
	color: #fff;
}

#leave a:hover {
	color: #9f98c1;
}

h1 {
	font-size: 160%;
	margin: 0 0 20px;
}

h2 {
	font-size: 130%;
	margin: 0 0 20px;
}

h3 {
	font-size: 110%;
	margin: 0 0 12px;
}

p { 
	margin: 0 0 12px;
}

p.intro {
	font-size: 120%;
	line-height: 135%;
}

ul, ol {
	margin: 0 0 16px;
}

/* Layout */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#top {
	margin:25px auto 13px auto;
	padding-top:14px;
    position:relative;
	text-align:center;
	width:698px;
}

body.exitpage #top {
	margin: 50px auto 13px;
	padding-top: 150px;
}
#fairtradelink {
	position:absolute;
	right:0;
	top:0;
}
img#exitpagefairtradelink
{           
   position: static;
   padding-left: 20px; 
}
#menu {
	position: relative;
	margin: 0 auto;
	width: 698px;
	min-height: 20px;
	padding: 9px 0 5px;
	text-align: center;
	background: #4A406F url(../img/bg_menu.gif) no-repeat 100% 0%;
}

#mainarea {
	position: relative;
	width: 820px;
	min-height: 347px;
	margin: 0 auto;
	background: #fff url(../img/bg.gif) repeat-y 0% 100%;
}
#mainareafb {
	position: relative;
	width: 450px;
	min-height: 347px;
	margin: 0 auto;
	background: #fff url(../img/bg.gif) no-repeat ;
}
	#contentarea {
		position: relative;
		width: 720px;
		min-height: 335px;
		margin: 0;
		padding: 0 50px;
		background: url(../img/bg_top.jpg) no-repeat;
	}

	#contentfb {
		position: relative;
		width: 450px;
		min-height: 335px;
		margin: 0;
		padding: 0 0px;
		
	}
	#text {
		position: relative;
		width: 610px;
		padding: 20px 55px 30px;
		color: #250a71;
		z-index: 100;
		margin: 0 auto;
	}
	#textarea {
		width: 610px;
	}
	#termstext 
	{
		text-align:left;
		width: 610px;
		padding: 20px 55px 30px;
		color: #250a71;
		z-index: 100;
	}
#textfb {
		position: relative;
		width: 510px;
		padding: 0px 35px 0px;
		color: #250a71;
		z-index: 100;
	}
	#leave {
		position: relative;
		width: 620px;
		margin: 0 auto;
		font-size: 85%;
		text-shadow: #000 0 0 0;
	}

#footer {
	position: relative;
	margin: 0 auto 30px;
	width: 627px;
	min-height: 20px;
	padding: 6px 0;
	text-align: center;
	background: #473989 url(../img/bg_submenu.gif) no-repeat 0% 100%;
}

/* Menu */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#menu ul {
	list-style: none;
	margin: 0;
}

#menu li {
	display: inline;
}

#menu li a {
	padding: 0 10px;
	color: #fff;
	font-size: 90%;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: #250a71 0 0 3px;
	white-space: nowrap;
}

#menu li a:hover {
	color: #9f98c1;
}

#menu .skip {
	position:absolute;
	top:-999px;
}

/* Footer */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#footer ul {
	list-style: none;
	margin: 0;
}

#footer li {
	display: inline;
}

#footer li a {
	padding: 0 9px;
	color: #9f98c1;
	font-size: 70%;
	text-transform: uppercase;
	text-shadow: #250a71 0 0 3px;
	white-space: nowrap;
}

#footer li a:hover {
	color: #fff;
}

/* Content page */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.submenu {
	margin: 0 0 40px;
	list-style: none;
	text-transform: uppercase;
}

.submenu li {
	padding: 0 0 2px;
}

/* Box with border */

.border {
	width: 601px;
	margin: 0 0 12px;
	padding: 0 0 16px;
	background: url(../img/border.gif) no-repeat 0% 100%;
}

.bordercontent {
	width: 561px;
	padding: 10px 20px 0;
	background: url(../img/border.gif) no-repeat;
}

.bordercontentfactory {
	width: 601px;
	padding: 10px 20px 0;
	background: url(../img/border.gif) no-repeat;
}
/* Movie area */

#moviearea {
	padding: 46px 0 0;
}

.transcript {
	position: relative;
	float: right;
	padding: 2px 54px 0 0;
	font-size: 85%;
	text-transform: uppercase;
	z-index: 1000;
}

/* Flash message */

.flashicon {
	float: left;
	width: 93px;
	padding: 10px 0 0;
}

.flashmess {
	float: left;
	width: 466px;
	font-size: 93%;
	z-index: 9000;
	margin-top: 24px;
}

/* Gorilla */

.gclips {
	float: left;
	width: 50%;
	margin: 0 0 4px;
	list-style: none;
	text-transform: uppercase;
	text-align: left;
}

.gclips li {
	padding: 0 0 3px;
}

.gclips li a { 
	background: url(../img/dl.gif) no-repeat left 50%; 
	padding: 1px 0 3px 22px;
	display: block;
}

/* The Factory */

.factoryform {
	margin: 16px 0;
}

.factoryform .column {
	float: left;
	width: 33%;
}

.factoryform form {
	width: 95%;
}

.factoryform select {
	width: 95%;
}

.factorysubmit {
	width: 100%;
	text-align: center;
	margin: 22px 0 0;
}

* html .factorysubmit {
	padding-top: 16px;
	height: 50px;
}

#failbuttons {
	padding-left: 105px;
}

#failbuttons a {
	/*float: left;
	margin-left: 10px;*/
}

/* The Vault */

.wallpapers {
	margin-left:33px;
}

.wallpaper {
	float: left;
	margin: 0 10px 10px 0;
}

.ringtone {
	margin: 0 0 4px;
	list-style: none;
	text-transform: uppercase;
}

.vclips {
	float: left;
	width: 32%;
	margin: 0 0 5px 7px;
	list-style: none;
	text-transform: uppercase;
}

.vclips li {
	text-align:left;
	padding: 0 0 3px;
}

.vclips li a,.ringtone li a { 
	background: url(../img/dl.gif) no-repeat left 50%; 
	padding: 1px 0 3px 22px;
}

/* headlines */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

h1, h1 span { 
	width: 610px;
	height: 32px;
	overflow: hidden;
	position: relative;
}

h1 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#h1_fb, #h1_fb span
{
	width: 450px;
	height: 32px;
	overflow: hidden;
	position: relative;
	background: url(../img/moreinfo.gif) no-repeat 50% 0%;
}
#h1_welcome, #h1_welcome span { 
	background: url(../img/welcome.gif) no-repeat 50% 0%;
}

#h1_gorilla, #h1_gorilla span { 
	background: url(../img/thestudio.gif) no-repeat 50% 0%;
}

#h1_trucks, #h1_trucks span { 
	background: url(../img/hangar.gif) no-repeat 50% 0%;
}

#h1_cows, #h1_cows span { 
	background: url(../img/paddock.gif) no-repeat 50% 0%;
}

#h1_thevault, #h1_thefactory span { 
	background: url(../img/thefactory.gif) no-repeat 50% 0%;
}

#h1_thevault, #h1_thevault span { 
	background: url(../img/thevault.gif) no-repeat 50% 0%;
}

#h1_moreinfo, #h1_moreinfo span { 
	background: url(../img/moreinfo.gif) no-repeat 50% 0%;
}

#h1_transcript, #h1_transcript span { 
	background: url(../img/videotranscript.gif) no-repeat 50% 0%;
}

#h1_terms, #h1_terms span { 
	background: url(../img/termsconditions.gif) no-repeat 50% 0%;
}

#h1_theportrait, #h1_theportrait span { 
	background: url(../img/theportrait.gif) no-repeat 50% 0%;
}


/* forms */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

form {
	width: 35em;
	margin: 0 auto;
	text-align: left;
}

.desc {
	float: left;
	width: 15em;
	text-align: right;
	margin: 0 10px 0 0;
}

.opt {
	text-align: center;
}

.checkbox {
	padding-left:15em;
}

select {
	font-size: 100%;
	margin-right: 4px;
}

.frm {
	width: 15em;
	font-size: 100%;
	margin-bottom: 5px;
}

.btnSubmit {
	padding: 2px 10px;
	font-size: 100%;
}