body {
	font-family: Arial, Helvetica, sans-serif;
}

#outside_container {
    background:url(images/bg.gif) repeat-x;
}

#container {
	background:url(images/story.png) top center no-repeat;
}

#content {
	width: 1000px;
	height:2120px;
	min-height:2120px !important;
	margin: 0 auto;
}

/********** SKY **********/

#sky_container {
	height:736px;
	min-height:736px !important;
}

#sky_content {
	width:560px;
	float:right;
	clear:right;
	padding-right:25px;
}

#contact_info {
	width:250px;
	float:left;
}

#contact_info p {
	color:#324f64;
}

#contact_form {
	width:310px;
	float:left;
	position:relative;
}

#contact_form form {
	text-align:right;
}

#contact_form input, #contact_form textarea {
	padding: 5px;
	width: 290px;
	margin: 5px 0px;
	border: 1px solid #cde2f6;
	background-color:#c5e2ab;
	color:#324f64;
	font-size:12px;
}

#contact_form textarea {
	height: 120px;
}

#contact_form textarea:focus, #contact_form input:focus {
	border: 1px solid #802c21;
}

#contact_form input.button {
	border:1px solid #dadada;
	margin:15px 0px 0px 0px;
	color:#3D7169; 
	background:#CCC;
	width:100px;
}

#contact_form input.button:hover {
	background:#009FAA none repeat scroll 0% 0%;
	color:white;
}

label.error { 
	font-size:12px;
	line-height:24px;
	color:#324f64;
	text-align:left;
	width:140px;
	padding-right:20px;
    background: url(images/cancel.png) no-repeat right;
}

#message { width:180px;margin:60px 0 0 100px; }
#message p { color:white;font-weight:bold;margin:12px 0px; }
#checkmark { position:relative;top:-46px;left:-60px; }

/********** ISLAND **********/

#island_container {
	height:736px;
	min-height:736px !important;
}

#island_content {
	width:500px;
	float:left;
	clear:left;
	padding-left:25px;
	padding-top:55px;
}

/********** OCEAN **********/

#ocean_container {
	height:648px;
	min-height:648px !important;
	position:relative;
}

#featuredvid {
	margin-top: 26px;
	margin-left: 53px;
	position: absolute;
	width: 250px;
}

ul.vidselector { margin:0; padding:0; }
ul.vidselector li { list-style: none; display: inline; margin: 11px; float: left; }
ul.vidselector li a { display: block; height: 29px; text-indent: -9999px; }
ul.vidselector li#graphics a { background: url(images/graphics.png) no-repeat; width: 103px; }
ul.vidselector li#websites a { background: url(images/websites.png) no-repeat; width: 103px; }

.fvid {
	width: 250px;
}

.fvid img {
	float: left;
	margin: 11px;
	border: 9px solid #3c312f;
}

.ui-tabs-hide {
	display: none;
}

.vidselector img, .vidselector img a{
	border:0px;
}

#footer {
	background:#68624c;
    padding:20px 50px 20px 50px;
    color:#dee7d2;
    font-size:10px;
    line-height:14px;
	text-align:center;
	width:410px;
	margin:0 auto;
}

#footer a {
    color:#dbaa70;
    text-decoration:none;
}   

#footer a:hover { color:#ffffff; }

/********** GENERAL STYLES **********/

h2 {
	font-family:"Serifa Std 55 Roman";
	font-size:30px !important;
	color:#ffffff;
	width:160px;
	height:30px;
}

hr {
	height:1px;
	border:0px;
	background-color:#ffffff;
	color:#ffffff;
	margin:5px 0px 10px 0px;
}

p {
	font-size:12px;
	line-height:18px;
	color:#324f64;
}

a {
	color:#802c21;
	text-decoration:none;
	font-weight:bold;
}

.intro {
	color:#802c21;
}

.space {
	height:20px;
	min-height:20px !important;
}

div.main_nav ul { float: right; padding: 25px 25px 0 0; }
div.main_nav ul li { display: inline; }
div.main_nav ul li a { float: left; display: block; height: 47px; text-indent: -9999px; margin-left: 15px; }
div.main_nav ul li.contact a { background: url(images/contact.png) no-repeat; width: 86px; }
div.main_nav ul li.portfolio a { background: url(images/portfolio.png) no-repeat; width: 91px; }
div.main_nav ul li.about a { background: url(images/about.png) no-repeat; width: 79px; }
div.main_nav ul li a:hover { background-position: 0 -51px!important; }
div.main_nav ul li.current a { background-position: 0 -102px!important; }