//* ================ */
/* Palette */
/* ================ */
/*
#4e3201 brown dark
#764511 brown light
#2e5907 green dark
#429601 green med
#67b22b green light
#fa8e1b orange dark
#fece83 orange med
#fff4d3 orange light
*/
/* ================ */

body
{
	background: #ffffff;
	color: #764511;
	line-height: 1.3;
}

p, a, body, table, td, dl, dt, dd, ul, li
{
	font-family: "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

a:link, a:visited { color: #67b22b; font-weight: bold; text-decoration: underline; }
a:hover, a:active { color: #fa8e1b; }

ul, li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h4, h5, h6
{
	font-family: "Century Gothic", "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
}

h1 { color: #67b22b; font-size: 200%; }
h2 { color: #67b22b; font-size: 180%; }
h3 { color: #67b22b; font-size: 160%; margin-top: 2em; }
h4 { color: #4e3201; font-size: 105%; }
h5 { color: #4e3201; font-size: 95%; }
h6 { color: #fa8e1b; font-size: 90%; font-variant: small-caps; margin: 0 0 .2em 0;}


/* =========================================================================== */
/* Layout */
/* =========================================================================== */

#wrap
{
	width: 800px;
	margin: 20px auto 0 auto;
	padding: 0 0 30px 0;
	border: 1px solid #67b22b;
	border-top: 5px solid #67b22b;
	border-bottom: 1px solid #fff4d3;
	text-align: center;
	background: url(../images/arc.png) 450px 0 no-repeat;
}

#header, #content { margin: 15px 20px 15px 160px; }

#header
{
	font-family: "Century Gothic", "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	background: url(../images/logo.png) top left no-repeat;
	width: 330px;
	height: 49px;
	text-indent: -3000px;
	font-size: 1px;
	margin-left: -130px;
}

html>body #header { margin-left: 160px; }

#menu
{
	display: block;
	float: left;
	overflow: hidden;
	margin: -86px 0 100px 0;
	width: 130px;
	padding: 285px 0 0 15px;
	background: url(../images/globemenu.jpg) top left no-repeat;
}

html>body #menu { margin-top: -79px; }

#content
{
	color: #764511;
	margin-right: 250px;
	padding-bottom: 40px;
}

.clear { clear: both; }

#footer
{
	width: 800px;
	margin: 0 auto 50px auto;
	padding: 20px 0;
	text-align: center;
	background: #fff4d3;
	border: 1px solid #67b22b;
	border-top: 0;
	border-bottom: 5px solid #fece83;
}

#footer p
{
	margin: 0 15px 10px 15px;
	font-size: 10px;
	text-align: left;
	color: #764511;
}

/* =========================================================================== */
/* Menu */
/* =========================================================================== */


#menu li
{
	line-height: 1.8;
}

#menu a
{
	font-family: "Century Gothic", "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
}

#menu .current a { font-weight: bold; border-bottom: 1px solid #fece83; }
#menu a:link, #menu a:visited { color: #67b22b; }
#menu a:hover, #menu a:active { color: #fa8e1b; font-weight: bold; }

/* =========================================================================== */
/* Content */
/* =========================================================================== */


#content p
{
	line-height: 1.3;
	margin: 1.5em 0;
	letter-spacing: 1px;
}

#content h2
{
	height: 40px;
	text-indent: -3000px;
	font-size: 1px;
	margin: 10px  0;
	border-bottom: 1px solid #fece83;
}

#content li { margin: .3em 0; }
#content ul, #content li
{
	list-style-type: disc;
	margin-left: 5px;
	padding-left: 5px;
}

#links #content a:link, #links #content a:visited { color: #764511; font-weight: normal;}
#links #content a:hover, #links #content a:active { font-weight: normal; }

#film #content h2 { background: url(../images/h2film.png) top left no-repeat; }
#team #content h2 { background: url(../images/h2team.png) top left no-repeat; }
#blog #content h2 { background: url(../images/h2blog.png) top left no-repeat; }
#press #content h2 { background: url(../images/h2press.png) top left no-repeat; }
#links #content h2 { background: url(../images/h2links.png) top left no-repeat; }
#contact #content h2 { background: url(../images/h2contact.png) top left no-repeat; }


/* =========================================================================== */
/* Forms */
/* =========================================================================== */

form, label, input, textarea
{
	display: block;
	text-align: left;
}

label
{
	font-weight: bold;
	margin: .5em 0;
}

textarea { width: 300px; }
input, textarea { padding: 2px 5px; margin: 0 0 1.5em 0; border: 1px solid #fece83; }


/* =========================================================================== */
/* Splash Layout */
/* =========================================================================== */


#splash #wrap { background: url(../images/globesplash.jpg) 15px 20px no-repeat; 
	width: 800px;
	height: 560px;}

#splash #header, #splash #menu, #splash #content { margin: 15px 15px 15px 400px; }

#splash #header
{
	background: url(../images/logosplash.png) top left no-repeat;
	width: 330px;
	height: 49px;
}

#splash #menu
{
	float: none;
	margin: 50px 0 0 400px;
	padding: 0;
	width: auto;
	background-image: none;
}

#splash #content
{
	color: #429601;
	margin-top: 0;
}

/* =========================================================================== */
/* Splash Menu */
/* =========================================================================== */

#splash #menu ul
{
	padding: 25px 0;
}

#splash #menu li
{
	display: block;
	line-height: 1.3;
	/*padding: 15px 0;*/
	padding: 5px 0;
}

#splash #film { margin-left: 10px }
#splash #team { margin-left: 20px }
#splash #blog { margin-left: 33px }
#splash #press { margin-left: 22px }
#splash #links { margin-left: 10px }
#splash #contact { margin-left: 0px }

#splash #menu a
{
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	/*padding: 0;
	display: block;
	margin: -10px 0;*/
}
/*
#splash #film a { margin: 25px 0 -10px 0; }
#splash #contact a { margin: -10px 0 50px 0; }
*/
#splash #menu a:link, #splash #menu a:visited { color: #764511; background: none; }
#splash #menu a:hover, #splash #menu a:active
{
	color: #67b22b;
	font-weight: bold;
	border-top: 3px solid #fa8e1b;
	border-bottom: 3px solid #fa8e1b;
	/*font-size: 26px;
	text-align: center;
	background: url(../images/menubg.png) center center no-repeat;
	padding: 45px 0;
	margin: -60px 0 -61px 0;*/
}

#splash #film a:hover, #splash #film a:active { margin: -20px 0 -66px 0; }
#splash #contact a:hover, #splash #contact a:active { margin: -64px 0 3px 0; }