/*
*****************************************************

Sea Dog Films - Screen
Created by Karl Brightman - Sat Sep 22 15:39:35 WST 2007
Currently listening to Seu Jorge - Rock 'n' Roll Suicide

*****************************************************
*/

@import "reset.css";

/* Basic Selectors
-------------------------------------------------------------- */
body {
  background: #00368a url('../images/core/body_bg.jpg') no-repeat center top;
  font: 62.5% "Lucida Grande", Tahoma, Verdana, sans-serif;
}

#container {
  height: 700px;
  margin: 0 auto;
  position: relative;
  width: 820px;
}

.clear {
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
}

/* Header
-------------------------------------------------------------- */
#header { height: 115px; }

#header h2 a, #header h3 a { overflow: hidden; position: absolute; text-indent: -9999px; top: 22px; }

#header h2 a {
  background: url('../images/core/h-films_logo.jpg') no-repeat 0 0;
  display: block;
  height: 86px;
  left: 7px;
  width: 333px;
}

#header h3 a {
  background: url('../images/core/h-tv_logo.jpg') no-repeat 0 0;
  display: block;
  height: 86px;
  right: 8px;
  width: 402px;
}

/* Top Navigation
-------------------------------------------------------------- */
.navigation#top_navigation {
  background: url('../images/core/top_navigation_bg.jpg') no-repeat 0 0;
  display: block;
  height: 45px;
  margin-bottom: 21px;
  padding: 0 18px 0 44px;
}

.navigation#top_navigation li { float: left; }

.navigation#top_navigation li a {
  display: block;
  height: 45px;
  margin-right: 17px;
  overflow: hidden;
  text-indent: -9999px;
}
.navigation#top_navigation li a:hover { background-position: 0 -45px !important; }

.navigation#top_navigation li.n-home a { background: url('../images/core/tn-home.jpg') no-repeat 0 0; width: 56px; }
.navigation#top_navigation li.n-about_us a { background: url('../images/core/tn-about_us.jpg') no-repeat 0 0; width: 80px; }
.navigation#top_navigation li.n-corporate_and_facilities a { background: url('../images/core/tn-corporate_and_facilities.jpg') no-repeat 0 0; width: 165px; }
.navigation#top_navigation li.n-gallery a { background: url('../images/core/tn-gallery.jpg') no-repeat 0 0; width: 73px; }
.navigation#top_navigation li.n-sea_dog_tv_international a { background: url('../images/core/tn-sea_dog_tv_international.jpg') no-repeat 0 0; width: 188px; }
.navigation#top_navigation li.n-contact_us a { background: url('../images/core/tn-contact_us.jpg') no-repeat 0 0; width: 94px; }

/* Content
-------------------------------------------------------------- */
#content_container {
  height: 300px;
  position: relative;
}


/* content image */
#content_image {
  background: url('../images/core/flash_bg.jpg') no-repeat 0 0;
  height: 300px;
  padding-left: 8px;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 432px;
}

#content_image img {
  height: 279px;
  width: 407px;
}

/* content */
#content {
  background: url('../images/core/content_background.jpg') no-repeat 0 0;
  height: 165px;
  left: 18px;
  padding: 63px 9px 30px 26px;
  position: absolute;
  top: 16px;
  width: 314px;
}

#content h1 {
  display: block;
  height: 46px;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: 0;
  width: 349px;
}
#content h1.welcome { background: url('../images/core/ch-welcome.jpg') no-repeat 0 0; }
#content h1.about_us { background: url('../images/core/ch-about_us.jpg') no-repeat 0 0; }
#content h1.corporate_and_facilities { background: url('../images/core/ch-corporate_and_facilities.jpg') no-repeat 0 0; }
#content h1.gallery { background: url('../images/core/ch-gallery.jpg') no-repeat 0 0; }
#content h1.sea_dog_tv_international { background: url('../images/core/ch-sea_dog_tv_international.jpg') no-repeat 0 0; }
#content h1.contact_us { background: url('../images/core/ch-contact_us.jpg') no-repeat 0 0; }

#content #content_inner {
  color: #fff;
  height: 165px;
  line-height: 1.8;
  overflow: hidden;
  padding: 4px;
  width: 298px;
}

#content #content_inner strong { font-weight: bold; }
#content #content_inner em { text-style: italic; }

#content #content_inner h1,
#content #content_inner h2,
#content #content_inner h3,
#content #content_inner h4,
#content #content_inner h5,
#content #content_inner ul,
#content #content_inner ol,
#content #content_inner table,
#content #content_inner img,
#content #content_inner dl,
#content #content_inner pre,
#content #content_inner blockquote,
#content #content_inner p { margin-bottom: 1em; }

#content #content_inner h3 {
  border-bottom: 1px solid #6393ac;
  color: #fff;
  font-weight: bold;
}

#content #content_inner a { color: #fff; text-decoration: underline; }
#content #content_inner a:hover { color: #a1dfff;}

#content #content_inner table td { padding: 2px; }

#content #content_inner .gallery_thumbnails { line-height: 1em; list-style: none; margin: 0; padding: 0; }
#content #content_inner .gallery_thumbnails li { float: left; margin-bottom: 10px; margin-right: 10px; }

/* Bottom Navigation
-------------------------------------------------------------- */
ul.navigation#bottom_navigation { height: 136px; margin-bottom: 24px; }
ul.navigation#bottom_navigation li { float: left; }
ul.navigation#bottom_navigation li a {
  display: block;
  height: 136px;
  overflow: hidden;
  text-indent: -9999px;
  width: 136px;
}

ul.navigation#bottom_navigation li.n-home a { background: url('../images/core/bn-home.jpg') no-repeat 0 0; }
ul.navigation#bottom_navigation li.n-about_us a { background: url('../images/core/bn-about_us.jpg') no-repeat 0 0; }
ul.navigation#bottom_navigation li.n-corporate_and_facilities a { background: url('../images/core/bn-corporate_and_facilities.jpg') no-repeat 0 0; }
ul.navigation#bottom_navigation li.n-gallery a { background: url('../images/core/bn-gallery.jpg') no-repeat 0 0; }
ul.navigation#bottom_navigation li.n-sea_dog_tv_international a { background: url('../images/core/bn-sea_dog_tv_international.jpg') no-repeat 0 0; }
ul.navigation#bottom_navigation li.n-contact_us a { background: url('../images/core/bn-contact_us.jpg') no-repeat 0 0; }

ul.navigation#bottom_navigation li a:hover { background-position: 0 -136px !important; }

/* Footer
-------------------------------------------------------------- */
#footer {
  border-top: 1px solid #0b4d9e;
  color: #4a9dd1;
  line-height: 1.8;
  margin: 0 7px;
  padding: 10px 0;
}

#footer strong { font-weight: bold; }

#footer a { color: #4a9dd1; text-decoration: none; }
#footer a:focus { text-decoration: none; }
#footer a:hover { color: #fff; }

#footer a#site_created_by_webfirm {
  background: url('../images/core/site_created_by_webfirm.jpg') no-repeat 0 0;
  bottom: 23px;
  display: block;
  height: 21px;
  overflow: hidden;
  position: absolute;
  right: 17px;
  text-indent: -9999px;
  width: 149px;
}

/*extras by oscar*/
/*contact page p*/
.collaspe { margin-bottom: 0.5em; }

/*---------------------------------------------   
    forms
----------------------------------------------*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 150px;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #333;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}