/* css document for www.islandrobotfilms.com */
/* created by www.andreasheldmann.com */


/* css */ 

body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-weight:bold;
	font-size:15px; 
	line-height:24px;
}
a:link, a:visited {
	color:#cb0000;
	text-decoration:none;
}
a:hover, a:active {
	color:#cb0000;
	text-decoration:underline;
}
.inputText { 
    width:206px; 
	height:23px; 
	border:#666666 1px solid; 
	background:transparent; 
	margin-bottom:7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
textarea { 
    width:206px; 
	height:146px; 
	border:#666666 1px solid; 
	background:transparent; 
	margin-bottom:7px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#formArea { 
    float:right; 
	text-align:left; 
	margin:2px 56px 0px 0px;
}
#formLabels { 
    float:right; 
	text-align:right; 
	font-size:14px; 
	line-height:32px; 
	margin:40px 20px 0px 0px;
}
#formFields { 
    float:left; 
	font-size:13px; 
	font-weight:bold; 
	line-height:18px; 
	letter-spacing:1px;
}
table.tableStyle td {
	border-bottom:#343434 1px solid;
}
/* accordion nav */

.AccordionTitle0, .AccordionTitle1, .AccordionContent, .AccordionContainer, .AccordionItem0, .AccordionItem1 {
	position:relative;
	width:274px;
}
.AccordionContent a:link, .AccordionContent a:hover, .AccordionContent a:visited, .AccordionContent a:active {
	text-decoration:none;
}
.AccordionTitle0 {
	height:30px;
	margin-bottom:4px;
	overflow:hidden;
	cursor:pointer;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	vertical-align:bottom;
	text-align:left;
	line-height:38px;
	background-color:#35302c;
	background-image:url(../images/navSquare.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	-moz-user-select:none;
}
.AccordionTitle1 {
	height:30px;
	margin-bottom:4px;
	overflow:hidden;
	cursor:pointer;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	vertical-align:bottom;
	text-align:left;
	line-height:38px;
	background-color:#666666;
	background-image:url(../images/navSquare.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	-moz-user-select:none;
}
.AccordionContent {
	height:0px;
	overflow:hidden;  /* change to "auto" if there are too many entries for the space to show */
	display:none;
}
.AccordionItem0 {
	height:16px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	margin-bottom:1px;
}
.AccordionItem1 {
	height:16px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	margin-bottom:1px;
	background-color:#7a110e;
}
.AccordionContainer {
	height:315px;
}
/* end accordion nav */

/* start production */

#latestProduction {
	float:left;
	margin:10px 0px 0px 100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#CCCCCC;
}
#latestProductionHead {
	margin-bottom:6px;
}
#latestProductionImage {
	float:left;
	width:190px;
	height:270px;
}
#latestProductionText {
	font-size:10px;
	width:185px;
	float:left;
	padding:5px;
	line-height:16px;
}
.prodHead { 
    margin:13px 0px 0px 0px; 
	height:33px; 
	width:760px; 
	border-bottom:#cccccc 1px solid;
}
.prodClipHead { 
    font-size:18px; 
	margin:0px 0px 10px 8px;
}
.prodClipText { 
    font-size:10px; 
	line-height:16px; 
	margin:0px 0px 4px 8px;
}

/* end production */

#torsten {
    float:right; 
	margin:17px 10px 0px 0px;
}
#bert { 
    float:left; 
	line-height:21px;
}
#shab { 
    float:left; 
	margin:5px 0px 0px 58px; 
	line-height:21px;
}
#torstenText { 
    padding:1px 0px 0px 9px; 
	line-height:21px;
}
#bertText { 
    padding:1px 0px 0px 7px;
}
#shabText {
    padding:0px 0px 0px 24px;
}
.wideHead { 
    margin:13px 0px 15px 0px; 
	height:33px; 
	width:760px; 
	border-bottom:#cccccc 1px solid;
}
.aboutHead { 
    margin:13px 0px 6px 0px; 
	height:33px; 
	width:760px; 
	border-bottom:#cccccc 1px solid;
}
.locationHead { 
    margin:13px 0px 15px 14px; 
	height:33px; 
	width:350px; 
	border-bottom:#cccccc 1px solid;
}
fieldset, input {
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #ffffff;
}
body {
	margin:0px;
}
#bg_image {
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position:fixed;
	z-index: 0;
}
#frame-home {
	width: 1550px;
	height: 550px;
	position: absolute;
	top:40px;
	left: 0px;
	background:url(../graphics/film_1.png);
	z-index: 1;
}
#frame-spacer_1 {
	width: 1550px;
	height: 550px;
	position: absolute;
	top:40px;
	left: 1550px;
	background:url(../graphics/film_1.png);
	z-index: 1;
}
#frame-location {
	width: 1550px;
	height: 550px;
	position: absolute;
	top:40px;
	left: 3100px;
	background:url(../graphics/film_1.png);
	z-index: 1;
}
#frame-spacer_2 {
	width: 1550px;
	height: 550px;
	position: absolute;
	top:40px;
	left: 4650px;
	background:url(../graphics/film_1.png);
	z-index: 1;
}
#frame-about {
	width: 1550px;
	height: 550px;
	position: absolute;
	top:40px;
	left: 6200px;
	background:url(../graphics/film_1.png);
	z-index: 1;
}
#frame-spacer_3 {
	width: 1550px;
	height: 550px;
	position: absolute;
	top:40px;
	left: 7750px;
	background:url(../graphics/film_1.png);
	z-index: 1;
}
#frame-productions {
	width: 1550px;
	height: 550px;
	position: absolute;
	top:40px;
	left: 9300px;
	background:url(../graphics/film_1.png);
	z-index: 1;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
}
#frame-spacer_4 {
	width: 1550px;
	height: 550px;
	position: absolute;
	top:40px;
	left: 10850px;
	background:url(../graphics/film_1.png);
	z-index: 1;
}
#frame-service {
	width: 1550px;
	height: 550px;
	position: absolute;
	top:40px;
	left: 12400px;
	background:url(../graphics/film_1.png);
	z-index: 1;
}
#frame-spacer_5 {
	width: 1550px;
	height: 550px;
	position: absolute;
	top:40px;
	left: 13950px;
	background:url(../graphics/film_1.png);
	z-index: 1;
}
#frame-contact {
	width: 1550px;
	height: 550px;
	position: absolute;
	top:40px;
	left: 15500px;
	background:url(../graphics/film_1.png);
	z-index: 1;
}
#frame-spacer_6 {
	width: 1550px;
	height: 550px;
	position: absolute;
	top:40px;
	left: 17050px;
	background:url(../graphics/film_1.png);
	z-index: 1;
}
#frame-photo_gallery {
	width: 1550px;
	height: 550px;
	position: absolute;
	top:40px;
	left: 18600px;
	background:url(../graphics/film_1.png);
	z-index: 1;
}
#blurb {
	width: 350px;
	position: absolute;
	top: 75px;
	left: 75px;
}
#welcome_text {
	background-repeat:no-repeat;
	position: absolute;
	z-index:3;
	width:800px;
	height:350px;
	left:400px;
	top:80px;
}
#map {
	background-repeat:no-repeat;
	position: absolute;
	z-index:3;
	width:435px;
	height:300px;
	left:400px;
	top:105px;
}
#players {
	background-repeat:no-repeat;
	position: absolute;
	z-index:3;
	width:800px;
	height:400px;
	left:400px;
	top:62px;
}
#player_1 {
	background-repeat:no-repeat;
	position: absolute;
	z-index:3;
	width:177px;
	height:30px;
	left:2px;
	top:10px;
}
#player_2 {
	background-repeat:no-repeat;
	position: absolute;
	z-index:3;
	width:201px;
	height:10px;
	left:9px;
	top:65px;
}
#player_3 {
	background-repeat:no-repeat;
	position: absolute;
	z-index:3;
	width:202px;
	height:4px;
	left:9px;
	top:95px;
}
#about_text {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 400px;
	position: absolute;
	top: 60px;
	left: 400px;
	z-index:2;
}
#service_text {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 400px;
	position: absolute;
	top: 60px;
	left: 400px;
	z-index:2;
}
#productions {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 400px;
	position: absolute;
	top: 60px;
	left: 400px;
	z-index:2;
}
#location_text {
	margin: 0;
	padding: 0;
	width: 400px;
	height: 300px;
	position: absolute;
	top: 105px;
	left: 840px;
	z-index:2;
}
#contact_form {
	margin: 0;
	padding: 0;
	width: 760px;
	height: 400px;
	position: absolute;
	top: 60px;
	left: 400px;
	z-index:2;
}
#photos {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 400px;
	position: absolute;
	top: 60px;
	left: 400px;
	z-index:2;
}
#flashcontent {
	width: 654px;
	height: 310px;
	position: absolute;
	top: 88px;
	left: 188px;
	background: #000;
}
#info-copy {
	width: 384px;
	position: absolute;
	top: 406px;
	left: 411px;
	height: 36px;
}
#clippings {
	width: 581px;
	position: absolute;
	top: 116px;
	left: 753px;
	height: 291px;
	text-align: justify;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
}
#copyright {
	position: absolute;
	top: 480px;
	left: 75px;
}
#menu a {
	position: absolute;
	top: 225px;
	left: 650px;
	padding: 4px;
	border: 1px solid #ffcc60;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
/*
------------------------------------
TEXT FORMATTING
------------------------------------
*/
#main_text {
	font-family: Verdana, Geneva, sans-serif;
	color: #ffffff;
	text-decoration:none;
	text-transform:none;
}
#info-copy p {
	font-size: 14px;
	line-height: 22px;
	color: #ffffff;
}
p.quote {
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 8px 0;
	font-weight: normal;
	color: #fff;
}
p.cite {
	font-size: 9px;
	line-height: 15px;
	font-weight: bold;
	color: #20150a;
	text-transform: uppercase;
	text-align: right;
	letter-spacing: 1px;
	margin: 0 0 15px 0;
}
#copyright p {
	font-size: 11px;
	color: #ffe2b1;
}
strong {
	font-weight: normal;
	color: #ffaf06;
}
/*
------------------------------------
LINAKGE
------------------------------------
*/

#menu a:link, #menu a:visited {
	color: #ffcc60;
	text-decoration: none;
}
#menu a:hover {
	background: #aaccc5;
	border: 1px solid #fff;
	color: #292e30;
}
#copyright a:link, #copyright a:visited {
	color: #ffe2b1;
	text-decoration: none;
}
#copyright a:hover {
	color: #fff;
	border-bottom: 1px dotted #fff;
}
/*
------------------------------------
NAVIGATION
------------------------------------
*/
#reel_case {
	position: fixed;
	z-index:3;
	top: 0px;
	left: -50px;
	background-color: #transparent;
	width:300px;
	height:615px;
}
#navigation-home {
	position: fixed;
	z-index:4;
	top: 45px;
	left: 10px;
	background-color: #transparent;
	width: 200px;
	height: 500px;
}
#navigation-home ul, #navigation-about ul, #navigation-story ul, #navigation-photos ul, #navigation-info ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* */

li#nav-home-home {
	margin: 0 0px 0 0;
	padding: 0;
	width: 170px;
	height: 166px;
	float:left;
}
li#nav-home-home a {
	width: 170px;
	height: 166px;
	display: block;
	background: url(../graphics/sticker.png);
}
li#nav-home-location {
	margin: 0 0px 0 0;
	padding: 0;
	width: 220px;
	height: 60px;
	float:left;
}
li#nav-home-location a {
	width: 220px;
	height: 60px;
	display: block;
	background: url(../graphics/location_1.png);
}
li#nav-home-about {
	margin: 0 0px 0 0;
	padding: 0;
	width: 152px;
	height: 60px;
	float:left;
}
li#nav-home-about a {
	width: 152px;
	height: 60px;
	display: block;
	background: url(../graphics/about_1.png);
}
li#nav-home-productions {
	margin: 0 0px 0 0;
	padding: 0;
	width: 210px;
	height: 60px;
	float:left;
}
li#nav-home-productions a {
	width: 210px;
	height: 60px;
	display: block;
	background: url(../graphics/productions_1.png);
}
li#nav-home-service {
	margin: 0 0px 0 0;
	padding: 0;
	width: 154px;
	height: 60px;
	float:left;
}
li#nav-home-service a {
	width: 154px;
	height: 60px;
	display: block;
	background: url(../graphics/service_1.png);
}
li#nav-home-contact {
	margin: 0;
	padding: 0;
	width: 147px;
	height: 60px;
	float:left;
}
li#nav-home-contact a {
	width: 147px;
	height: 60px;
	display: block;
	background: url(../graphics/contact_1.png);
}
li#nav-home-photo_gallery {
	margin: 0;
	padding: 0;
	width: 267px;
	height: 60px;
	float:left;
}
li#nav-home-photo_gallery a {
	width: 267px;
	height: 60px;
	display: block;
	background: url(../graphics/photo_gallery_1.png);
}
li#nav-home-story a:hover, li#nav-home-photos a:hover, li#nav-home-info a:hover, li#nav-story-story a:hover, li#nav-story-photos a:hover, li#nav-story-info a:hover, li#nav-photos-story a:hover, li#nav-photos-photos a:hover, li#nav-photos-info a:hover, li#nav-info-story a:hover, li#nav-info-photos a:hover, li#nav-info-info a:hover,  #frame-story li#nav-story-story a {
	background-position: 0px 0px;
}
#frame-photos li#nav-photos-photos a {
	background-position: 0px 0px;
}
#frame-info li#nav-info-info a {
	background-position: 0px 0px;
}
#navigation-home a span, #navigation-story a span, #navigation-photos a span, #navigation-info a span {
	display: none;
}

.vidrow {
	width: 760px;
	overflow: hidden;
	margin: 10px 0 24px 0;
}

.vidrow a.vidthumb {
	float: left;
	margin: 0 20px 0 0;
}

.vidrow a.vidthumb img {
	display: block;
	background-color: #ccc;
	padding: 1px;
	border: 0;
}

.vidrow a.vidtitle {
	line-height: 16px;
	float: left;
	margin: 36px 0;
	color: #ccc;
	text-decoration: none;
}

.vidrow .viddesc {
	font-size: 12px;
	padding: 0 30px 0 0;
}