@import url("reset.css");

a {
	color: #fff;
}

a:focus { outline: none; }


a:hover {
	color: #717171;
	text-decoration: none;
}

.clear {
	clear: both;
}

.hidden {
	visibility: hidden;
}

body {
	background-color: #000;
	text-align: center;
	padding: 12px 0 0;
	color: #999;
	font: normal 12px Arial, Helvetica, sans-serif;
}

#container {
	width: 750px;
	margin: 0 auto;
	text-align: left;
}

/*
--------------- FOOTER --------------- */

#footer 
{
	margin-top: 180px;
}

/*	=header
---------------------------------------------------------------------------- */

#header
{
	padding: 103px 0 0;
	background: transparent url(../gfx/dec-header.gif) repeat-x;
}

#header h1 {
	height: 25px;
	overflow: hidden;
	background: transparent url(../gfx/h-s-g-k-b-management.png) no-repeat;
	margin-bottom: 6px;
}

#header h1 a {
	display: block;
	width: 568px;
	height: 100%;
}

#header h1 span {
	display: none;
}

ul#mainnav,
ul#footernav{
	height: 27px;
	margin-bottom: 3px;
}

ul#mainnav li,
ul#footernav li{
	list-style: none;
	margin: 0;
	display: inline;
}

ul#mainnav li a,
ul#footernav li a {
	display: block;
	height: 100%;
	width: 150px;
	float: left;
	margin-left: 12px;
	opacity: 0.63;
}

ul#footernav li a
{
	opacity: 0.06;
}

ul#mainnav li.creatives a {	background-image: url(../gfx/menu-creatives.gif); width: 151px; }
ul#mainnav li.crew-talents a {	background-image: url(../gfx/menu-crew-talents.gif); width: 213px; }

ul#mainnav li.sharing-is-caring a {	background-image: url(../gfx/menu-sharing.gif); width: 270px; }
ul#mainnav li.associations a {	background-image: url(../gfx/menu-associations.gif); width: 204px; }

ul#mainnav li.contact a {	background-image: url(../gfx/menu-contact.gif); width: 131px; }

ul#mainnav li.disclaimer { display: none; }
ul#footernav li.disclaimer a {	background-image: url(../gfx/menu-disclaimer.gif); width: 161px; }

ul#mainnav li.first a,
ul#footernav li.first a 
{
	margin: 0;
}

ul#mainnav li a:hover,
ul#mainnav li.active a,
ul#footernav li a:hover,
ul#footernav li.active a 
{
	opacity: 1.0;
}

ul#mainnav li a span,
ul#footernav li a span
{
	display: none;
}

#subheader
{
	height: 27px;
	margin-bottom: 10px;
}

#fullcontent #subheader
{
	height: 60px;
}

#subheader h2,
#subheader h3 {
	width: 150px;
	height: 27px;
	margin: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
	margin-left: 12px;
}

#subheader h2
{
	margin-left: 0;
}

#subheader h3.first
{
	margin-left: 0px;
	margin-top: 3px;
}

#subheader h2.WhoIsWho { background-image: url(../gfx/h-who-is-who.gif); width: 168px; }
#subheader h2.GetInTouch { background-image: url(../gfx/h-get-in-touch.gif); width: 368px; }
#subheader h2.AllRightsReserved { background-image: url(../gfx/h-all-rights-reserved.gif); width: 311px; }

#subheader h2.SharingIsCaring { background-image: url(../gfx/sharing-is-caring.gif); width: 468px; }
#subheader h2.Associations { background-image: url(../gfx/sharing-is-caring.gif); width: 468px; }

#subheader h3.DOP { background-image: url(../gfx/h-dop.gif); width: 59px; }
#subheader h3.DIRECTOR { background-image: url(../gfx/h-director.gif); width: 142px; }
#subheader h3.Director { background-image: url(../gfx/h-director.gif); width: 142px; }
#subheader h3.ART_DIRECTOR { background-image: url(../gfx/h-artdirector.gif); width: 205px; }
#subheader h3.Art_director { background-image: url(../gfx/h-artdirector.gif); width: 205px; }

#subheader h3.Production_designer { background-image: url(../gfx/h-productiondesigner.gif); width: 329px; }
#subheader h3.Editor { background-image: url(../gfx/h-editor.gif); width: 103px; }
#subheader h3.Casting { background-image: url(../gfx/h-casting.gif); width: 124px; }
#subheader h3.Beer_stylist { background-image: url(../gfx/h-beerstylist.gif); width: 190px; }
#subheader h3.Construction_manager { background-image: url(../gfx/h-constructionmanager.gif); width: 362px; }
#subheader h3.Documentary_cameraman { background-image: url(../gfx/h-documentarycameraman.gif); width: 397px; }
#subheader h3.Steadicam { background-image: url(../gfx/h-steadicam.gif); width: 161px; }
#subheader h3.Sound_mixer { background-image: url(../gfx/h-soundmixer.gif); width: 194px; }
#subheader h3.Photographer { background-image: url(../gfx/h-photographer.gif); width: 297px; }
#subheader h3.Storyboard_artist_Illustrator { background-image: url(../gfx/h-storyboardartistillustrator.gif); width: 487px; }
#subheader h3.Assistant_director { background-image: url(../gfx/h-assistdirector.gif); width: 297px; }
#subheader h3.Associated_Director { background-image: url(../gfx/h-assocdirector.gif); width: 320px; }

#subheader h3.Production { background-image: url(../gfx/h-production.gif); width: 182px; }
#subheader h3.Art_Department { background-image: url(../gfx/h-artdepartment.png); width: 246px; }
#subheader h3.Assistant_Director { background-image: url(../gfx/h-assistantdirector.gif); width: 298px; }
#subheader h3.Food_Stylist { background-image: url(../gfx/h-foodstylist.gif); width: 195px; }
#subheader h3.Make_up_Hair { background-image: url(../gfx/h-makeuphair.gif); width: 206px; }
#subheader h3.Costume_Designer_Wardrobe { background-image: url(../gfx/h-costumedesignerwardrobe.gif); width: 450px; }
#subheader h3.Camera_Department { background-image: url(../gfx/h-cameradepartment.gif); width: 309px; }
#subheader h3.Electric_Grip { background-image: url(../gfx/h-electronicgrip.gif); width: 211px; }
#subheader h3.Translators { background-image: url(../gfx/h-translators.gif); width: 201px; }
#subheader h3.Continuity { background-image: url(../gfx/h-continuity.gif); width: 167px; }
#subheader h3.Stunts { background-image: url(../gfx/h-stunts.gif); width: 111px; }

#subheader h3.Awards { width: 122px; } 
#subheader h3.Awards a { background-image: url(../gfx/h-awards.gif); }
#subheader h3.AwardsOnly { width: 122px; } 
#subheader h3.AwardsOnly a { background-image: url(../gfx/h-awards-only.gif); }

#subheader h3.CV { width: 41px; } 
#subheader h3.CV a { background-image: url(../gfx/h-cv.gif); }
#subheader h3.CVOnly { width: 41px; } 
#subheader h3.CVOnly a { background-image: url(../gfx/h-cv-only.gif); }

#subheader h3.Online { width: 106px; } 
#subheader h3.Online a { background-image: url(../gfx/h-online.gif); }

#subheader h2.Kurle_Baas { background-image: url(../gfx/by_kurle_baas.png); width:309px; }
#subheader h2.Graf { background-image: url(../gfx/by_graf.png); width:181px; }
#subheader h2.Saward { background-image: url(../gfx/by_saward.png); width:227px; }
#subheader h2.Kurle { background-image: url(../gfx/by_kurle.png); width:309px; }
#subheader h2.Graf_Kurle { background-image: url(../gfx/by_graf_kurle.png); width:309px; }

#subheader h2.managedby
{
	margin-left: 12px;
}

#subheader h2 a,
#subheader h3 a {
	margin-top: 3px;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.63;
}

#subheader h2 a:hover,
#subheader h2.active a,
#subheader h3 a:hover,
#subheader h3.active a {
	opacity: 1;
}

#subheader h2 span,
#subheader h3 span
{
	display: none;
}

/*	=intro
---------------------------------------------------------------------------- */

#intro {	
	min-height: 460px;	
	margin-top: 4px;
}


#intro2 {
	background: transparent url(../gfx/bg-main.jpg) repeat-x;
	min-height: 200px;	
	margin-top: 4px;
}

.slideshowOut {
	text-align: center;
}

.slideshow {
padding: 0px;
	
	margin: 0 auto;
}

/* =people
---------------------------------------------------------------------------- */

ul.people {
	width: 245px;
	float: left;
	margin: 0;
	line-height: 15px;
}

ul.people li {
	list-style: none;
	margin: 0;
	text-transform: uppercase;
}

ul.people li a em {
	display: none;
	color: #00FFFE;
}

ul.people li a:hover em {
	display: inline;
}

ul.people .title
{
	color: #00FFFE;
}

td.third ul.people
{
	width: 245px;
}

/* =creations
---------------------------------------------------------------------------- */

div.devider
{
	height: 37px;
	width: 100%;
	background-image: url(../gfx/dec-header-sub.gif);
	background-repeat: repeat-x;
	background-position: 0px 20px;
}

ul#bernadette li {
	list-style: none;
	margin: 0;
	display: inline;
	height: 10px;
}

ul#bernadette li a,
ul#bernadette li div
{
	padding: 0px;
	margin: 0px;
	display: block;
	height: 13px;
	float: left;
	opacity: 0.63;
}

ul#bernadette li.title div { opacity: 1.0; background-image: url(../gfx/menu-bernadette.gif); width: 175px; }
ul#bernadette li.contact a { background-image: url(../gfx/menu-bernadette-contact.gif); width: 67px; }


ul#bernadette li a:hover,
ul#bernadette li.active a 
{
	opacity: 1.0;
}

ul#bernadette li a span,
ul#bernadette li div span
{
	background-color: white;
	display: none;
}

ul.creations {
	margin: 0;
}

ul.creations li {
	list-style: none;
	margin: 0;
	width: 150px;
	height: 130px;
	float: left;
}

ul.creations li a {
	display: block;
}

ul.creations strong {
	display: block;
	font-weight: normal;
	text-transform: uppercase;
}

/* =clips
---------------------------------------------------------------------------- */
#sotester
{
padding: 0px;
margin: 0px;
float: left;
}

.clip {
	width: 600px;
	height: 480px;
	position: relative;
	padding: 0px;
margin: 0px;
}

.clipWide {
	width: 750px;
	height: 421px;
}

.clip h4,
.clip h5 {
	position: absolute;
	bottom: 0;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
}

.clip h4 {
	left: 0;
}

.clip h5 {
	right: 0;
}

/* =pages
---------------------------------------------------------------------------- */

#main
{
	overflow: auto;
	padding: 0 0 10px;
}

.pageContact {
	color: #fff;
	width: 545px;
}

.pageContact address {
	width: 225px;
	float: left;
}




.cols3 .col1,
.cols3 .col2,
.cols3 .col3 {
	width: 222px;
	float: left;
}

#main h3 {
	text-transform: uppercase;
	margin-bottom: 0;
	color: #fff;
	font-size: 1em;
	font-weight: normal;
}

ul.nl {
	margin-bottom: 15px;
}

ul.nl li {
	list-style: none;
	margin: 0;
}

ul.nl li a {
	color: #888;
}

ul.nl li a:hover {
	color: #fff;
}