/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* clear floats */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

<!-- main stylesheet ends, CC with new stylesheet below... -->

<!--[if IE]>
.clearfix {
	zoom: 1;     /* triggers hasLayout */
	display: block;     /* resets display for IE/Win */
}  /* Only IE can see inside the conditional comment
and read this CSS rule. Don't ever use a normal HTML
comment inside the CC or it will close prematurely. */
<![endif]-->

/* layout.css */

html 	{ text-align : center;  }

body { 
/*
       position: relative; 
       width : 800px;
       min-height : 710px;
*/
/* centering
       margin : 0 auto;
*/
/* move to typography?
       text-align : left;
*/
     }

div#bg {
position : relative;
width : 800px;
min-height : 710px;
margin : 0 auto;
text-align : left;
}

div#branding h1 {
position : relative;
text-indent : -9999px;
}

div#branding blockquote p {
text-indent : -9999px;
}

div#nav_main ul li {
display : inline;
}

div#nav_main ul li a {
position : absolute;
display : block;

text-indent : -9999px;

}

ul#nav_primary li a {
top : 13px;
}

div#nav_main li a:active, a:focus {
outline : 0
}

/* delete this after confirm top one is fixed 
ul#nav_primary li a:active, a:focus {
outline: 0;
} */

ul#nav_primary li#nav-home a, li#nav-site-map a, li#nav-contact a {
width : 80px;
height : 23px;
}


/* nav_primary */
li#nav-home a {
left : 18px;
background : transparent url(/static/images/devel/nav-main/home.png) no-repeat;
}

li#nav-home a:hover {
background : transparent url(/static/images/devel/nav-main-over/home.png) no-repeat;
background : transparent url(/static/images/devel/nav-main-down/home.png) no-repeat;
}
/*
li#nav-home a:active {
background : transparent url(/static/images/devel/nav-main-down/home.png) no-repeat;
}
*/

li#nav-home a.here {
background : transparent url(/static/images/devel/nav-main-selected/home.png) no-repeat;
}

li#nav-home a.here:hover {
background : transparent url(/static/images/devel/nav-main-selected/home.png) no-repeat;
}

li#nav-site-map a {
left : 98px;
background : transparent url(/static/images/devel/nav-main/sitemap.png) no-repeat;
}

li#nav-site-map a:hover {
background : transparent url(/static/images/devel/nav-main-over/sitemap.png) no-repeat;
background : transparent url(/static/images/devel/nav-main-down/sitemap.png) no-repeat;
}

/*
li#nav-site-map a:active {
background : transparent url(/static/images/devel/nav-main-selected/sitemap.png) no-repeat;
}
*/

li#nav-site-map a.here {
background : transparent url(/static/images/devel/nav-main-selected/sitemap.png) no-repeat;
}

li#nav-site-map a.here:hover {
background : transparent url(/static/images/devel/nav-main-selected/sitemap.png) no-repeat;
}

li#nav-contact a {
left : 178px;
background : transparent url(/static/images/devel/nav-main/contact.png) no-repeat;
}

li#nav-contact a:hover {
background : transparent url(/static/images/devel/nav-main-over/contact.png) no-repeat;
background : transparent url(/static/images/devel/nav-main-down/contact.png) no-repeat;
}

/*
li#nav-contact a:active {
background : transparent url(/static/images/devel/nav-main-down/contact.png) no-repeat;
}
*/
li#nav-contact a.here {
background : transparent url(/static/images/devel/nav-main-selected/contact.png) no-repeat;
}

li#nav-contact a.here:hover {
background : transparent url(/static/images/devel/nav-main-selected/contact.png) no-repeat;
}

li#nav-inside-rh a {
left : 258px;
width : 135px;
height : 35px;
background : transparent url(/static/images/devel/nav-main/inside.png) no-repeat;
}

li#nav-inside-rh a:hover {
background : transparent url(/static/images/devel/nav-main-over/inside.png) no-repeat;
background : transparent url(/static/images/devel/nav-main-down/inside.png) no-repeat;
}

/*
li#nav-inside-rh a:active {
background : transparent url(/static/images/devel/nav-main-down/inside.png) no-repeat;
}
*/
li#nav-inside-rh a.here {
background : transparent url(/static/images/devel/nav-main-selected/inside.png) no-repeat;
}

li#nav-inside-rh a.here:hover {
background : transparent url(/static/images/devel/nav-main-selected/inside.png) no-repeat;
}

li#nav-film a {
left : 393px;
width : 135px;
height : 35px;
background : transparent url(/static/images/devel/nav-main/film.png) no-repeat;
}

li#nav-film a:hover {
background : transparent url(/static/images/devel/nav-main-over/film.png) no-repeat;
background : transparent url(/static/images/devel/nav-main-down/film.png) no-repeat;
}

/*
li#nav-film a:active {
background : transparent url(/static/images/devel/nav-main-down/film.png) no-repeat;
}
*/

li#nav-film a.here {
background : transparent url(/static/images/devel/nav-main-selected/film.png) no-repeat;
}

li#nav-film a.here:hover {
background : transparent url(/static/images/devel/nav-main-selected/film.png) no-repeat;
}

li#nav-commercials a {
left : 478px;
width : 190px;
height : 35px;
background : transparent url(/static/images/devel/nav-main/commercial.png) no-repeat;
}

li#nav-commercials a:hover {
background : transparent url(/static/images/devel/nav-main-over/commercial.png) no-repeat;
background : transparent url(/static/images/devel/nav-main-down/commercial.png) no-repeat;
}

/*
li#nav-commercials a:active {
background : transparent url(/static/images/devel/nav-main-down/commercial.png) no-repeat;
}
*/

li#nav-commercials a.here {
background : transparent url(/static/images/devel/nav-main-selected/commercial.png) no-repeat;
}

li#nav-commercials a.here:hover {
background : transparent url(/static/images/devel/nav-main-selected/commercial.png) no-repeat;
}

li#nav-design a {
left : 668px;
width : 112px;
height : 35px;
background : transparent url(/static/images/devel/nav-main/design.png) no-repeat;
}

li#nav-design a:hover {
background : transparent url(/static/images/devel/nav-main-over/design.png) no-repeat;
background : transparent url(/static/images/devel/nav-main-down/design.png) no-repeat;
}

/*
li#nav-design a:active {
background : transparent url(/static/images/devel/nav-main-down/design.png) no-repeat;
}
*/

li#nav-design a.here {
background : transparent url(/static/images/devel/nav-main-selected/design.png) no-repeat;
}

li#nav-design a.here:hover {
background : transparent url(/static/images/devel/nav-main-selected/design.png) no-repeat;
}

/* nav secondary */
ul#nav_secondary li a {
height : 19px;
top : 50px;
}

ul#nav_secondary li#nav-company-info a { 
background : transparent url(/static/images/devel/nav-main/inside-company-info.png) no-repeat;
left : 275px;
width : 132px;
}

ul#nav_secondary li#nav-company-info a:hover {
background : transparent url(/static/images/devel/nav-main-down/inside-company-info.png) no-repeat;
}

ul#nav_secondary li#nav-company-info a.here {
background : transparent url(/static/images/devel/nav-main-selected/inside-company-info.png) no-repeat;
}

ul#nav_secondary li#nav-company-info a.here:hover {
background : transparent url(/static/images/devel/nav-main-selected/inside-company-info.png) no-repeat;
}

ul#nav_secondary li#nav-opportunities a { 
background : transparent url(/static/images/devel/nav-main/inside-opportunities.png) no-repeat;
left : 407px;
width : 113px;
}

ul#nav_secondary li#nav-opportunities a:hover {
background : transparent url(/static/images/devel/nav-main-down/inside-opportunities.png) no-repeat;
}

ul#nav_secondary li#nav-opportunities a.here {
background : transparent url(/static/images/devel/nav-main-selected/inside-opportunities.png) no-repeat;
}

ul#nav_secondary li#nav-opportunities a.here:hover {
background : transparent url(/static/images/devel/nav-main-selected/inside-opportunities.png) no-repeat;
}

ul#nav_secondary li#nav-press-area a { 
background : transparent url(/static/images/devel/nav-main/inside-press-area.png) no-repeat;
left : 520px;
width : 91px;
}

ul#nav_secondary li#nav-press-area a:hover {
background : transparent url(/static/images/devel/nav-main-down/inside-press-area.png) no-repeat;
}

ul#nav_secondary li#nav-press-area a.here {
background : transparent url(/static/images/devel/nav-main-selected/inside-press-area.png) no-repeat;
}

ul#nav_secondary li#nav-press-area a.here:hover {
background : transparent url(/static/images/devel/nav-main-selected/inside-press-area.png) no-repeat;
}

ul#nav_secondary li#nav-outreach a { 
background : transparent url(/static/images/devel/nav-main/inside-outreach.png) no-repeat;
left : 611px;
width : 83px;
}

ul#nav_secondary li#nav-outreach a:hover {
background : transparent url(/static/images/devel/nav-main-down/inside-outreach.png) no-repeat;
}

ul#nav_secondary li#nav-outreach a.here {
background : transparent url(/static/images/devel/nav-main-selected/inside-outreach.png) no-repeat;
}

ul#nav_secondary li#nav-outreach a.here:hover {
background : transparent url(/static/images/devel/nav-main-selected/inside-outreach.png) no-repeat;
}

ul#nav_secondary li#nav-facilities a { 
background : transparent url(/static/images/devel/nav-main/inside-facilities.png) no-repeat;
left : 694px;
width : 86px;
}

ul#nav_secondary li#nav-facilities a:hover {
background : transparent url(/static/images/devel/nav-main-down/inside-facilities.png) no-repeat;
}

ul#nav_secondary li#nav-facilities a.here {
background : transparent url(/static/images/devel/nav-main-selected/inside-facilities.png) no-repeat;
}

ul#nav_secondary li#nav-facilities a.here:hover {
background : transparent url(/static/images/devel/nav-main-selected/inside-facilities.png) no-repeat;
}

ul#nav_secondary li#nav-main-page a { 
background : transparent url(/static/images/devel/nav-main/film-main-page.png) no-repeat;
left : 275px;
width : 101px;
}

ul#nav_secondary li#nav-main-page a:hover {
background : transparent url(/static/images/devel/nav-main-down/film-main-page.png) no-repeat;
}

ul#nav_secondary li#nav-main-page a.here {
background : transparent url(/static/images/devel/nav-main-selected/film-main-page.png) no-repeat;
}

ul#nav_secondary li#nav-main-page a.here:hover {
background : transparent url(/static/images/devel/nav-main-selected/film-main-page.png) no-repeat;
}

ul#nav_secondary li#nav-credits a { 
background : transparent url(/static/images/devel/nav-main/film-credits.png) no-repeat;
left : 376px;
width : 62px;
}

ul#nav_secondary li#nav-credits a:hover {
background : transparent url(/static/images/devel/nav-main-down/film-credits.png) no-repeat;
}

ul#nav_secondary li#nav-credits a.here {
background : transparent url(/static/images/devel/nav-main-selected/film-credits.png) no-repeat;
}

ul#nav_secondary li#nav-credits a.here:hover {
background : transparent url(/static/images/devel/nav-main-selected/film-credits.png) no-repeat;
}

ul#nav_secondary li#nav-execs a { 
background : transparent url(/static/images/devel/nav-main/film-execs.png) no-repeat;
left : 438px;
width : 54px;
}

ul#nav_secondary li#nav-execs a:hover {
background : transparent url(/static/images/devel/nav-main-down/film-execs.png) no-repeat;
}

ul#nav_secondary li#nav-execs a.here {
background : transparent url(/static/images/devel/nav-main-selected/film-execs.png) no-repeat;
}

ul#nav_secondary li#nav-execs a.here:hover {
background : transparent url(/static/images/devel/nav-main-selected/film-execs.png) no-repeat;
}
ul#nav_secondary li#nav-vfx-sups a { 
background : transparent url(/static/images/devel/nav-main/film-vfx-sups.png) no-repeat;
left : 492px;
width : 114px;
}

ul#nav_secondary li#nav-vfx-sups a:hover {
background : transparent url(/static/images/devel/nav-main-down/film-vfx-sups.png) no-repeat;
}

ul#nav_secondary li#nav-vfx-sups a.here {
background : transparent url(/static/images/devel/nav-main-selected/film-vfx-sups.png) no-repeat;
}

ul#nav_secondary li#nav-vfx-sups a.here:hover {
background : transparent url(/static/images/devel/nav-main-selected/film-vfx-sups.png) no-repeat;
}
ul#nav_secondary li#nav-scanning a { 
background : transparent url(/static/images/devel/nav-main/film-scanning.png) no-repeat;
left : 606px;
width : 74px;
}

ul#nav_secondary li#nav-scanning a:hover {
background : transparent url(/static/images/devel/nav-main-down/film-scanning.png) no-repeat;
}

ul#nav_secondary li#nav-scanning a.here {
background : transparent url(/static/images/devel/nav-main-selected/film-scanning.png) no-repeat;
}

ul#nav_secondary li#nav-scanning a.here:hover {
background : transparent url(/static/images/devel/nav-main-selected/film-scanning.png) no-repeat;
}

ul#nav_secondary li#nav-theme-parks a { 
background : transparent url(/static/images/devel/nav-main/film-theme-parks.png) no-repeat;
left : 680px;
width : 100px;
}

ul#nav_secondary li#nav-theme-parks a:hover {
background : transparent url(/static/images/devel/nav-main-down/film-theme-parks.png) no-repeat;
}

ul#nav_secondary li#nav-theme-parks a.here {
background : transparent url(/static/images/devel/nav-main-selected/film-theme-parks.png) no-repeat;
}

ul#nav_secondary li#nav-theme-parks a.here:hover {
background : transparent url(/static/images/devel/nav-main-selected/film-theme-parks.png) no-repeat;
}

ul#nav_secondary li#nav-environments a { 
background : transparent url(/static/images/devel/nav-main/design-environments.png) no-repeat;
left : 260px;
width : 106px;
}

ul#nav_secondary li#nav-environments a:hover {
background : transparent url(/static/images/devel/nav-main-down/design-environments.png) no-repeat;
}

ul#nav_secondary li#nav-environments a.here {
background : transparent url(/static/images/devel/nav-main-down/design-environments.png) no-repeat;
}

ul#nav_secondary li#nav-games-mobile-online a { 
background : transparent url(/static/images/devel/nav-main/design-games.png) no-repeat;
left : 368px;
width : 133px;
}

ul#nav_secondary li#nav-games-mobile-online a:hover {
background : transparent url(/static/images/devel/nav-main-down/design-games.png) no-repeat;
}

ul#nav_secondary li#nav-games-mobile-online a.here {
background : transparent url(/static/images/devel/nav-main-down/design-games.png) no-repeat;
}

ul#nav_secondary li#nav-characters a { 
background : transparent url(/static/images/devel/nav-main/design-characters.png) no-repeat;
left : 504px;
width : 72px;
}

ul#nav_secondary li#nav-characters a:hover {
background : transparent url(/static/images/devel/nav-main-down/design-characters.png) no-repeat;
}

ul#nav_secondary li#nav-characters a.here {
background : transparent url(/static/images/devel/nav-main-down/design-characters.png) no-repeat;
}

ul#nav_secondary li#nav-advertising a { 
background : transparent url(/static/images/devel/nav-main/design-advertising.png) no-repeat;
left : 578px;
width : 76px;
}

ul#nav_secondary li#nav-advertising a:hover {
background : transparent url(/static/images/devel/nav-main-down/design-advertising.png) no-repeat;
}

ul#nav_secondary li#nav-advertising a.here {
background : transparent url(/static/images/devel/nav-main-down/design-advertising.png) no-repeat;
}

ul#nav_secondary li#nav-concept a { 
background : transparent url(/static/images/devel/nav-main/design-concept.png) no-repeat;
left : 656px;
width : 57px;
}

ul#nav_secondary li#nav-concept a:hover {
background : transparent url(/static/images/devel/nav-main-down/design-concept.png) no-repeat;
}

ul#nav_secondary li#nav-concept a.here {
background : transparent url(/static/images/devel/nav-main-down/design-concept.png) no-repeat;
}

ul#nav_secondary li#nav-creatures a { 
background : transparent url(/static/images/devel/nav-main/design-creatures.png) no-repeat;
left : 715px;
width : 65px;
}

ul#nav_secondary li#nav-creatures a:hover {
background : transparent url(/static/images/devel/nav-main-down/design-creatures.png) no-repeat;
}

ul#nav_secondary li#nav-creatures a.here {
background : transparent url(/static/images/devel/nav-main-down/design-creatures.png) no-repeat;
}
/* content area */
div#content {
margin-top : 55px;
width : 100%;
padding-bottom: 15px;
}

.inside-rh div#content {
margin-top : 100px;
}

.film div#content {
margin-top : 63px;
}

.design div#content {
margin-top : 85px;
}

div#content_sub {
position : absolute;
left : 0%;
width : 200px;
text-align : center;
padding-left : 20px;
}

.inside-rh div#content_sub {
width : 180px;
margin-left : 20px;
/* have to pad here b/c content pushes color down */
padding-top : 40px;
}

.film div#content_sub {
width : 180px;
margin-left : 20px;
padding-top : 40px;
text-align: left;
}

div#content_main {
position : relative;
left : 30%;
padding-left : 7px;
width : 525px;
}

.inside-rh div#content_main {
padding-top : 40px;
padding-left : 20px;
}

.film div#content_main {
padding-top : 40px;
padding-left : 20px;
}

#film-credits-page div#content_main {
/* to keep the subcontent from collapsing when not much in content_main */
min-height : 500px;
}


div#footer {
padding-left : 260px;
clear:both;
}

ul#director-list {
width : 100%;
min-width : 580px;
}

#design div#content_main li {
background : transparent url(/static/images/devel/design-main-portalbox.png) no-repeat;
width : 173px;
height : 176px;
text-align : center;
}

#design div#content_main li h2 {
padding-top: 145px;
}

#commercials-main div#content_main li {
background : transparent url(/static/images/devel/commercials-main-portalbox.png);
width : 258px;
height : 203px;
text-align : center;
}

#commercials-live div#content_main li {
background : transparent url(/static/images/devel/commercials-live-box.png) no-repeat;
width : 163px;
height : 156px;
}

#commercials-vfx div#content_main ul#director-list li {
width : 158px;
height : 148px;
}

#director-list li {
margin-right : 20px;
margin-bottom : 20px;
text-align : center;
float : left;
position : relative;
}

/* for image replaced boxes */
.commercials div#content_main li h2 {
height : 15px;
padding-top : 7px;
}

/* for css boxes */
#commercials-vfx div#content_main li h2 {
padding-top: 4px;
padding-bottom: 3px;
}

li#live-action {
position : absolute;
top : 5px;
left : 8px;
}

li#live-action a img {
position : absolute;
left: 4px;
bottom: 9px;
}

li#animation-visual-fx {
position : absolute;
top : 5px;
left : 283px;
}

li#animation-visual-fx a img {
position : absolute;
left : 4px;
bottom : 9px;
}

li#games {
position : absolute;
top : 220px;
left : 8px;
}

li#games a img {
position : absolute;
left : 3px;
bottom : 9px;

}

li#whats-new { 
position : absolute;
top : 220px;
left : 283px;
}

li#whats-new a img {
position : absolute;
left : 3px;
bottom : 9px;
}
 
#commercials-live li a img {
margin-left : -3.25px;
}

#commercials-main div#content_main li a img {
margin-top : 8.5px;
width : 245px;
height : 164px;
}

#commercials-live  li a img {
margin-top : 8px;
width : 150px;
height : 120px;
}

#director-list li a img {
position : absolute;
top : 22px;
left : 7px;
width : 152px;
height : 120px;
}

#commercials-vfx #director-list li a img {
position : absolute;
top : 26px;
left : 1px;
width : 157px;
height : 122px;
}

ul#sideMenu li {
padding-top: 8px;
}


ul#sideMenu li#client-ftp-login {
padding-left : 20px;
padding-top : 10px;
}

li#client-ftp-login h3 a {
display : block;
width : 158px;
height : 42px;
text-indent : -9999px;
left : 45px;
top : 10px;
}

/* animation + visual fx */
#commercials-vfx div#content_main ul li {
background : 405a0e;
border: 2px solid #82975b;
}

#commercials-vfx div#content_main ul li h2 {
border-bottom : 3px solid #63783d;
/* anim vfx color */
background-color : #557119;
text-align : center;
}

#commercials-vfx div#content_main ul li a img {
margin-bottom : -5px;

}

li#featured-spot {
position : absolute;
height : 130px;
width : 155px;
}

li#featured-spot a img {
position : absolute;
height : 105px;
}

li#fx-finishing {
position : absolute;
left : 175px;
height : 130px;
width : 155px;
}


li#fx-finishing a img {
position : absolute;
height : 105px;
}

li#directors {
position : absolute;
left : 345px;
height : 130px;

}

#commercials-vfx div#content_main ul li#directors h2 {
width : 195px;
}

li#directors a img {
position : absolute;
height : 105px;
}

li#featured-reels {
position : absolute;
top : 145px;
width : 535px;
}

div#content_main ul li#featured-reels h2 {
text-align : left;
padding-left : 30px;
}

#commercials-vfx div#content_main ul li ul li {
border-style : none;
}

li#featured-reels ul {
padding-top : 10px;
padding-left : 10px;
padding-right : 10px;
}

li#featured-reels ul li {
border-style : none;
float : left;
width : 235px;
height : 100px;
margin-left : 10px;
margin-right : 10px;
position : relative;
padding-bottom : 15px;
}

li#featured-reels li h3 img {
border-style : none;
}

li#featured-reels li img {
border : 2px solid white;
position : absolute;
}

li#featured-reels li h3 {
position : absolute;
top : 40px;
width : 85px;
}

li.li-left {
text-align : right;
}

li.li-left a img {
top : 0px;
left : 110px;
}

li.li-right a img {
top : 0px;
left : 0px;
}

li.li-left h3 {
right: 140px;
}

li.li-right h3 {
right : 5px;
}


ul#director-profile {
width: 535px;
}

ul#director-profile li {
padding-left : 20px;
/* float elements collapse this parent */
overflow : hidden;
padding-top : 10px;
padding-right : 20px;
padding-bottom : 10px;
}

ul#director-profile li p {
margin-left : 110px;
}


ul#director-profile li h3{
width : 75%;
float : left;
}

ul#director-profile li a.jump {
float: right;
text-align : right;
width : 10%;
}

img.headshot {
float : left;
} 


/* director-reels */
#commercials-live-profile div#content_main ul li {
background : 405a0e;
border: 2px solid #7A5248;
}

#commercials-live-profile div#content_main ul li ul li {
border-style: none;
}

ul#director-reels {
width: 535px;
}


ul#director-reels li {
padding-left : 20px;
/* float elements collapse this parent */
overflow : hidden;
padding-right : 20px;
padding-bottom : 10px;
padding-top : 10px;
}

ul#director-reels li h3 {
width : 75%;
float : left;
}

ul#director-reels li a.jump {
float: right;
text-align : right;
width : 10%;
}

ul#director-reels-list li {
position : relative;
width : 225px;
height : 100px;
float : left;
margin-right : 10px;
padding-left : 10px;
padding-right : 10px;
margin-bottom : 10px;
margin-top : 15px;
}

#director-reels-list li img {
border : 2px solid white;
position : absolute;
}

#director-reels-list li h4 {
top : 40px;
position: absolute;
width : 85px;
}

li.li-left h4 {
right: 150px;
text-align : right;
}

li.li-right h4 {
right : 0;
}

.inside-rh div#content_sub {
text-align : left;
}

/* suckerfish dropdowns need to move into its own css or spread out onto proper css */
.inside-rh #nav, .inside-rh #nav ul { /* all lists */
  float : left; 
  width : 15em;
}
	
.inside-rh #nav li { /* all list items */
  position : relative;
  float : left;
  line-height : 1.25em;
  margin-bottom : -1px; 
  width: 14em;
  z-index : 10;
}
	
.inside-rh #nav li ul { /* second-level lists */
   position : absolute;
   left: -999em;
   margin-left : 12.1em;
   margin-top: -1.5em;
}

.inside-rh #nav li ul ul { /* third-and-above-level lists */
   left: -999em;
}
	
.inside-rh #nav li a {
   display : block; width : 11em;
   font-weight : bold;
   text-decoration : none;
   border : 1px solid black;
   border: 1px solid #68CA6D;
   padding : 0.15em 0.5em;
   background-color: #003333;
}
	
.inside-rh #nav li a:hover {
   color : white;
   color: #CCFFFF;
}
	
.inside-rh #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
   left: -999em;
}
	
.inside-rh #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
   left: auto;
}

/* old style gutters */
#gutter-mission div#content_main img, #gutter-facilities div#content_main img, #gutter-profile div#content_main img , #gutter-theme div#content_main img {
float : left;
}

#gutter-mission div#content_main img {
margin-top:  -30px;
}

#gutter-facilities div#content_main img {
margin-bottom : 20px;
clear : both;
}

#gutter-mission div#content_main h2, #gutter-mission div#content_main h3, #gutter-mission div#content_main p, #gutter-facilities div#content_main h2, #gutter-mission div#content_main h3, #gutter-facilities div#content_main p { 
padding-left : 145px;
width : 370px;
}

#gutter-profile div#content_main h2, #gutter-profile div#content_main p, #gutter-profile div#content_main h3 { 
padding-left : 116px;
width : 395px;
}

#gutter-theme div#content_main h2, #gutter-theme div#content_main p {
padding-left : 131px;
width : 380px;
}

.inside-rh th {
padding-bottom : 10px;
border-bottom : 2px solid #68CA6D;
}

td {
padding-top : 5px;
padding-right : 10px;
}

#contact div#content_main {
left : 0%;
padding-left : 20px;
}

#contact div#film {
float : left;
width : 150px;
}

#contact div#commercials {
float : left;
width : 150px;
}

#contact div#inside-rh {
float : right;
width : 150px;
}

ul#film-credits li {
border-style : none;
float : left;
width : 125px;
height : 250px;
margin-left : 30px;
margin-right : 15px;
position : relative;
text-align:center;
/*
overflow : auto;
*/
}

body#film-main ul#film-credits {
/* alt layout */
margin-left : 15px;
}

body#film-main ul#film-credits li {
border-style : none;
float : left;
width : 100px;
height : 200px;
margin: 0 0 0 0 ;
margin-right : 5px;
text-align: center;
position : relative;
/*
overflow: hidden;
*/
/* alt layout */
margin-right : 25px;
}

body#film-main li#film-credits-4-5 {
clear: both;
padding-left : 50px;
}

body#film-main li#film-credits-5-6 {
padding-left : 125px;
}

body#film-main li#film-credits-5-7 {
padding-left : 50px;
}

body#film-main li#film-credits-5-9 {
padding-left : 50px;
}

body#film-main li#film-credits-8-9 {
clear: both;
padding-left : 125px;
}

body#film-main li#film-credits-9-10 {
padding-left : 125px;
}

body#film-main li#film-credits-9-11 {
padding-left : 50px;
}

ul#theme-park-credits li {
clear :both;
margin-bottom: 30px;
}

ul#theme-park-credits li img{
border-style : none;
list-style: none;
float : left;
padding-right : 25px;
position : relative;
}

ul#theme-park-credits li p {
padding-left : 125px;
}

.film ul#profile-list li {
float : left;
width : 100px;
height : 200px;
padding-right : 25px;
text-align: center;
}

body.film li#profile-list-4-5 {
clear: both;
padding-right:  155px;
}

body.film li#profile-list-5-6 {
padding-right:  125px;
}

body.film li#profile-list-5-7 {
padding-left:  50px;
}

body.film li#profile-list-5-9, body.film li#profile-list-9-11 {
padding-right:  125px;
}

body.film li#profile-list-8-9 {
clear: both;
padding-right:  155px;
}

body.film li#profile-list-9-10 {
clear: both;
padding-right:  155px;
}

.inside-rh ul#profile-list li {
float : left;
width : 100px;
height : 250px;
padding-left : 25px;
padding-right : 50px;
text-align: center;
}

ul#profile-list li img{
border : 1px solid white;
}

ul.film-contacts  {
list-style-type: none !important;
}

ul.film-contacts li {
width : 150px;
height : 150px;
padding-right: 15px;
float : left;
}

div#footer ul {
list-style-type : none;
}

div#footer ul li {
display: inline;
font-variant: small-caps;
padding-right : 0.5em;
}

ul.design-cat {
padding-top : 10px;
margin-left : -10px;
width : 600px;
}

ul.design-cat li {
float : left;
padding-right : 15px;
padding-bottom: 15px;
width : 173px;
height : 176px;
}

ul.design-cat li a {
position : relative;
top : -160px;
left : -5px;
}

ul#design-movies li {
float : left;
border : 3px solid #8F57AA;
margin-right : 15px;
margin-bottom: 15px;
}

body.design div#content_sub{
text-align: left;
}

body.design ul#sideMenu li {
padding-left : 2.5px;
}

body.design div#content_main {
text-align : center;
}