/*
Title:      	Goodbody Effects stylesheet for screen media
Author:     	Karl Ridley, falling@happyleaves.com
Updated:    	5 November, 2006
*/


/* main components */	

body {
	font-family: "Lucida Grande", Arial, Helvetica, "Verdana", sans-serif;
	font-size: small;
	text-align: left;
	color: #c4c6ca;
	line-height: 1.3em;
	margin: 0;
	background: #949598 url(../jpg/main-tile.jpg) repeat top left;
	behavior:url("csshover.htc");
	}
	
#html body {
	font-size: x-small; /* IE5/Win */
	}
	
h1 {
	font-size: 140%;
	color: #c4c6ca;
	}
	
h2 {
	font-size: 120%;
	color: #c4c6ca;
	}
	
h3 {
	font-size: 110%;
	color: #c4c6ca;
	}	
	
.clear {
 	clear: both;
  }
	

				
/* general components */	

#wrapper {
	width: 100%;
	font-size: 95%;
	margin: 0 auto;
	padding: 0 0 25px 0;
	}
	
#headertile {
	width: 100%;
	height: 125px;
	margin: 0 auto;
	background: #949598 url(../jpg/header-tile.jpg) repeat top left;
	border-bottom: #ceced0 1px solid;
	}	
	
#topblock {
	margin: 0 auto;
	width: 840px;
	height: 10px;
	background: url(../jpg/top-bar.jpg) no-repeat top left;
	}	
	
#logo {
	margin: 0 auto;
	width: 780px;
	padding: 30px 0 0 60px;
	}	
	
	
.normaltxt {
	text-align: left;
	color: #c4c6ca;
	}	
	
.normaltxt a:link, .normaltxt a:visited {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
	
.normaltxt a:active {
	color:#62c9f4;
	text-decoration:none;
	font-weight:bold;
	}
	
.normaltxt a:hover {
	color:#62c9f4;
	font-weight: bold;
	}
	
.largertxt {
	font-size: 125%;
	line-height: 1.4em;
	color:#c4c6ca;
	}
	
.largertxt a:link, .largertxt a:visited {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
	
.largertxt a:active {
	color:#62c9f4;
	text-decoration:none;
	font-weight:bold;
	}
	
.largertxt a:hover {
	color:#62c9f4;
	font-weight: bold;
	}
	
.mediumtxt {
	font-size: 110%;
	color:#c4c6ca;
	font-weight:bold;
	}
	
.smallertxt {
	font-size: 85%;
	text-align: left;
	color: #c4c6ca;
	line-height: 1.4em;
	}	
	
.smallertxt a:link, .smallertxt a:visited {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
	
.smallertxt a:active {
	color:#62c9f4;
	text-decoration:none;
	font-weight:bold;
	}
	
.smallertxt a:hover {
	color:#62c9f4;
	font-weight: bold;
	}
	
	
	
/* effvid popup components */		
	
#logopop {
	margin: 0 auto;
	width: 350px;
	padding: 15px 0 0 30px;
	}	
	
#topblockpop {
	margin: 0 auto;
	width: 380px;
	height: 10px;
	background: url(../jpg/top-bar.jpg) no-repeat top left;
	}
	
#headertilepop {
	width: 100%;
	height: 90px;
	margin: 0 auto;
	background: #949598 url(../jpg/header-tile.jpg) repeat top left;
	border-bottom: #ceced0 1px solid;
	}
	
#footercontainerpop {
	width: 330px;
	margin: 0 auto;
	padding: 0 20px 0 30px;
	}	
	
.bodywrapperpop {
	width: 330px;
	padding: 0 20px 20px 30px;
	margin: 0 auto;
	background: url(../jpg/vertical-block.jpg) repeat-y top left;
	}
	
.bodytippop {
	width: 380px;
	padding: 5px 0 0 0;
	margin: 0 auto;
	background: url(../jpg/footer-tip.jpg) no-repeat top left;
	}
	
#qtpop {
	width: 260px;
	margin: 0;
	font-size: 90%;
	line-height: 1.3em;
	padding: 10px 0 10px 60px;
	background: url(../gif/qt-icon.gif) no-repeat 0 50%;
	}
	
.titlepop {
	font-size: 125%;
	font-weight: bold;
	}
	
	



/* navigation components */	


#navwrapper {
	background: url(../jpg/header-tile.jpg) repeat top left;
	}
	
#navshadow {
	height: 35px;
	background: url(../jpg/navshadow.jpg) repeat-x top left;
	}	


#navholder {
	margin: 0 auto;
	width: 840px;
	padding: 0;
	}
	
ul#navigation {
	list-style-type: none;
	padding: 0 0 0 50px;
	margin: 0;
	border: 0;
	top: 0px;
	left: 0px;
	width: 780px;
	height: 30px;
	background: url(../jpg/header-tile.jpg) repeat top left;
	}
	
a, a:link, a:visited {
	text-decoration: none;x
	}




/*<group=level 1>*/

ul#navigation li {
	padding: 0;
	margin: 0;
	display: block;
	position: relative;
	float: left;
	text-indent: -9999px;
	}

ul#navigation li a {
	border: 0;
	display: block;
	height: 30px;
	background: url(../gif/navigation.gif) no-repeat;
	}

ul#navigation li a:hover {
	border: 0;
	display: block;
	background-image: url(../gif/navigation_over.gif);
	}	
	
/*</group>*/

/*<group=level 1 ids>*/

li#Information a {
	width: 110px;
	}

li#Information a:link,
li#Information a:visited,
li#Information a:hover {
	background-position: -0px 0px;
	}



li#FilmSetGallery a {
	width: 125px;
	}

li#FilmSetGallery a:link,
li#FilmSetGallery a:visited,
li#FilmSetGallery a:hover {	
	background-position: -110px 0px;
	}



li#MovieEffects a {
	width: 116px;
	}

li#MovieEffects a:link, 
li#MovieEffects a:visited, 
li#MovieEffects a:hover {	
	background-position: -235px 0px;
	}



li#ContactDetails a {
	width: 125px;
	}

li#ContactDetails a:link,
li#ContactDetails a:visited, 
li#ContactDetails a:hover {
	background-position: -351px 0px;
	}
		
/*</group>*/



/*<group=level 2>*/


#navigation li ul {	
	display: block;
	visibility: hidden;
	position: absolute;
	left: 0px;
	width: 352px;
	margin: 0;
	}

#navigation li:hover ul {
	visibility: visible;
	z-index: 100;
	}

#navigation li#FilmSetGallery ul {
	background: none;
	height: 20px;
	margin-left: -40px;
	}

* html #navigation li#FilmSetGallery ul {
	margin-left: -40px;
	}


/*</group>*/

/*<group=level 2 ids>*/

ul#navigation li#FilmSetGallery ul li#Atmospherics a:link, 
ul#navigation li#FilmSetGallery ul li#Atmospherics a:visited {
	width: 108px;
	height: 20px;
	background: url(../gif/subnavigation_film.gif) no-repeat 0px 0px;
	}

ul#navigation li#FilmSetGallery ul li#Atmospherics a:hover {
	width: 108px;
	height: 20px;
	background: url(../gif/subnavigation_film.gif) no-repeat 0px -20px;
	}
	

ul#navigation li#FilmSetGallery ul li#Engineering a:link, 
ul#navigation li#FilmSetGallery ul li#Engineering a:visited {
	width: 98px;
	height: 20px;
	background: url(../gif/subnavigation_film.gif) no-repeat -108px 0px;
	}

ul#navigation li#FilmSetGallery ul li#Engineering a:hover {
	width: 98px;
	height: 20px;
	background: url(../gif/subnavigation_film.gif) no-repeat -108px -20px;
	}
	
	
ul#navigation li#FilmSetGallery ul li#CAD a:link, 
ul#navigation li#FilmSetGallery ul li#CAD a:visited {
	width: 38px;
	height: 20px;
	background: url(../gif/subnavigation_film.gif) no-repeat -206px 0px;
	}

ul#navigation li#FilmSetGallery ul li#CAD a:hover {
	width: 38px;
	height: 20px;
	background: url(../gif/subnavigation_film.gif) no-repeat -206px -20px;
	}
	
	
ul#navigation li#FilmSetGallery ul li#Pyrotechnics a:link, 
ul#navigation li#FilmSetGallery ul li#Pyrotechnics a:visited {
	width: 108px;
	height: 20px;
	background: url(../gif/subnavigation_film.gif) no-repeat -244px 0px;
	}

ul#navigation li#FilmSetGallery ul li#Pyrotechnics a:hover {
	width: 108px;
	height: 20px;
	background: url(../gif/subnavigation_film.gif) no-repeat -244px -20px;
	}
	
/*</group>*/





/* body components */	


.bodywrapper {
	width: 760px;
	padding: 0 20px 20px 60px;
	margin: 0 auto;
	background: url(../jpg/vertical-block.jpg) repeat-y top left;
	}
	
.bodytip {
	width: 840px;
	padding: 5px 0 0 0;
	margin: 0 auto;
	background: url(../jpg/footer-tip.jpg) no-repeat top left;
	}
	
.tn img {
	padding: 3px;
	border: #75777b 1px solid;
	background: #afb0b3;
	margin-bottom: 20px;
	}
	
#filmeffimg a img {
	padding: 5px;
	border: #75777b 1px solid;
	background: #ebe9f4;
	}
	
#filmeffimg a:hover img {
	padding: 5px;
	border: #75777b 1px solid;
	background: #afb0b3;
	}
	
#qt {
	width: 440px;
	margin: 0;
	padding: 10px 10px 10px 60px;
	background: url(../gif/qt-icon.gif) no-repeat 0 50%;
	}
	





/* page title components */

.pagetitle {
	margin: 0 auto;
	width: 785px;
	height: 30px;
	padding: 10px 20px 0 35px;
	margin-bottom: 10px;
	}

	
	


/* footer area components */	
	
#footercontainer {
	width: 760px;
	margin: 0 auto;
	padding: 15px 20px 0 60px;
	}
	
#footertxt {
	color: #acaeb2;
	font-size: 80%;
	line-height: 1.5em;
	}	

#footertxt a:link, #footertxt a:visited {
	font-weight: bold;
	color: #cbced2;
	text-decoration:none;
	}

#footertxt a:active, #footertxt a:hover  {
	font-weight: bold;
	color: #62c9f4;
	text-decoration:none;
	}