@charset "UTF-8";
/* CSS Document */

body {
background-color:#d1e6e6;
background:url(images/background.gif);
background-repeat:repeat-x;
margin:0px;
padding:0px;
}
/*MAIN SITE CONTAINER */
div#centre_layout { 
width:970px;
margin:2px auto;
padding:0px;
position:relative;
}
/*
GENERAL STYLES
*/
/* h1 is for idealfilms logo and takes default h1 when no CSS but pushed off left. */
h1 { text-indent:-9999px; }

/* h2 is for the section title and takes default h2 when no CSS but pushed off left. */
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:18px;
font-weight:normal;
color:#666699;
margin:0px 0px 12px 0px;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:16px;
font-weight:normal;
color:#666699;
margin:0px 0px 12px 0px;
}
p {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
color:#2f4f4f;
margin:0px 0px 12px 0px;
}
p.para {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
color:#2f4f4f;
margin:12px 0px 12px 0px;
}
p.offscreen {
text-indent:-9999px;
}
li.links {
list-style-type:none;
text-indent:-40px;
}
img.hiddenPic {
display:none;
}
/*
IMAGE FLOAT STYLE
*/
img.right {
float:right;
padding:0px;
margin:0px 0px 10px 20px;
}
/*
TOP PART OF PAGE
*/
/* Logo position */
div#branding {
position:absolute; top:5px; left:10px;
}
/* Logo link to home */
a:link#logo {
width:539px; height:90px;
position:absolute; top:0px; left:0px;
padding:0px;
margin:0px;
display:block;
background:url(images/logo.gif) no-repeat;
}
a:visited#logo {
width:539px; height:90px;
position:absolute; top:0px; left:0px;
padding:0px;
margin:0px;
display:block;
background:url(images/logo.gif) no-repeat;
outline:none;
}
a:hover#logo {
width:539px; height:90px;
position:absolute; top:0px; left:0px;
padding:0px;
margin:0px;
display:block;
background:url(images/logoOver.gif) no-repeat;
outline:none;
}
a:active#logo, a:focus#logo {
width:539px; height:90px;
position:absolute; top:0px; left:0px;
padding:0px;
margin:0px;
display:block;
background:url(images/logoOver.gif) no-repeat;
outline:none;
}
/*
TITLE BACKGROUNDS
*/
div#hometitle {
width:421px; height:56px;
position:absolute; top:5px; left:549px;
background-color:#d6e0ed;
background:url(images/titleBGhome.gif) no-repeat;
margin:0px;
padding:0px;
}
div#hometitle ul {
list-style-type:none;
}
div#abouttitle {
width:421px; height:56px;
position:absolute; top:5px; left:549px;
background-color:#d6e0ed;
background:url(images/titleBGabout.gif) no-repeat;
margin:0px;
padding:0px;
}
div#abouttitle ul {
list-style-type:none;
}
div#gallerytitle {
width:421px; height:56px;
position:absolute; top:5px; left:549px;
background-color:#d6e0ed;
background:url(images/titleBGgallery.gif) no-repeat;
margin:0px;
padding:0px;
}
div#gallerytitle ul {
list-style-type:none;
}
div#contacttitle {
width:421px; height:56px;
position:absolute; top:5px; left:549px;
background-color:#d6e0ed;
background:url(images/titleBGcontact.gif) no-repeat;
margin:0px;
padding:0px;
}
div#contacttitle ul {
list-style-type:none;
}
div#zoetitle {
width:421px; height:56px;
position:absolute; top:5px; left:549px;
background-color:#d6e0ed;
background:url(images/titleBGzoe.gif) no-repeat;
margin:0px;
padding:0px;
}
div#zoetitle ul {
list-style-type:none;
}
div#mediaboxtitle {
width:421px; height:56px;
position:absolute; top:5px; left:549px;
background-color:#d6e0ed;
background:url(images/titleBGmediabox.gif) no-repeat;
margin:0px;
padding:0px;
}
div#mediaboxtitle ul {
list-style-type:none;
}
div#promotitle {
width:421px; height:56px;
position:absolute; top:5px; left:549px;
background-color:#d6e0ed;
background:url(images/titleBGpromo.gif) no-repeat;
margin:0px;
padding:0px;
}
div#promotitle ul {
list-style-type:none;
}
div#yptitle {
width:421px; height:56px;
position:absolute; top:5px; left:549px;
background-color:#d6e0ed;
background:url(images/titleBGyp.gif) no-repeat;
margin:0px;
padding:0px;
}
div#yptitle ul {
list-style-type:none;
}
div#corptitle {
width:421px; height:56px;
position:absolute; top:5px; left:549px;
background-color:#d6e0ed;
background:url(images/titleBGcorp.gif) no-repeat;
margin:0px;
padding:0px;
}
div#corptitle ul {
list-style-type:none;
}
div#mustitle {
width:421px; height:56px;
position:absolute; top:5px; left:549px;
background-color:#d6e0ed;
background:url(images/titleBGmus.gif) no-repeat;
margin:0px;
padding:0px;
}
div#mustitle ul {
list-style-type:none;
}
/*
MAIN NAVIGATION
*/
a:link#homebtn {
position:absolute; top:56px; left:0px;
width:87px; height:34px;
text-indent:-9999px;
background:url(images/btnhome.gif);
outline:none;
}
a:visited#homebtn {
position:absolute; top:56px; left:0px;
width:87px; height:34px;
text-indent:-9999px;
background:url(images/btnhome.gif);
outline:none;
}
a:hover#homebtn {
position:absolute; top:56px; left:0px;
width:87px; height:34px;
text-indent:-9999px;
background:url(images/btnhomeOver.gif);
outline:none;
}
a:active#homebtn, a:focus#homebtn {
position:absolute; top:56px; left:0px;
width:87px; height:34px;
text-indent:-9999px;
background:url(images/btnhome.gif);
outline:none;
}
a:link#aboutbtn {
position:absolute; top:56px; left:87px;
width:111px; height:34px;
text-indent:-9999px;
background:url(images/btnabout.gif);
outline:none;
}
a:visited#aboutbtn {
position:absolute; top:56px; left:87px;
width:111px; height:34px;
text-indent:-9999px;
background:url(images/btnabout.gif);
outline:none;
}
a:hover#aboutbtn {
position:absolute; top:56px; left:87px;
width:111px; height:34px;
text-indent:-9999px;
background:url(images/btnaboutOver.gif);
outline:none;
}
a:active#aboutbtn, a:focus#aboutbtn {
position:absolute; top:56px; left:87px;
width:111px; height:34px;
text-indent:-9999px;
background:url(images/btnabout.gif);
outline:none;
}
a:link#gallerybtn {
position:absolute; top:56px; left:198px;
width:94px; height:34px;
text-indent:-9999px;
background:url(images/btngallery.gif);
outline:none;
}
a:visited#gallerybtn {
position:absolute; top:56px; left:198px;
width:94px; height:34px;
text-indent:-9999px;
background:url(images/btngallery.gif);
outline:none;
}
a:hover#gallerybtn {
position:absolute; top:56px; left:198px;
width:94px; height:34px;
text-indent:-9999px;
background:url(images/btngalleryOver.gif);
outline:none;
}
a:active#gallerybtn, a:focus#gallerybtn {
position:absolute; top:56px; left:198px;
width:94px; height:34px;
text-indent:-9999px;
background:url(images/btngallery.gif);
outline:none;
}
a:link#contactbtn {
position:absolute; top:56px; left:292px;
width:129px; height:34px;
text-indent:-9999px;
background:url(images/btncontact.gif);
outline:none;
}
a:visited#contactbtn {
position:absolute; top:56px; left:292px;
width:129px; height:34px;
text-indent:-9999px;
background:url(images/btncontact.gif);
outline:none;
}
a:hover#contactbtn {
position:absolute; top:56px; left:292px;
width:129px; height:34px;
text-indent:-9999px;
background:url(images/btncontactOver.gif);
outline:none;
}
a:active#contactbtn, a:focus#contactbtn {
position:absolute; top:56px; left:292px;
width:129px; height:34px;
text-indent:-9999px;
background:url(images/btncontact.gif);
outline:none;
}
/*
MAIN SIDEBAR STYLES
*/
div#blocknav {
margin:0px;
padding:0px;
}
div#blocknav ul {
list-style-type:none;
margin:0px;
padding:0px;
}
a:link#promo {
position:absolute; top:105px; left:10px;
width:290px; height:155px;
text-indent:-9999px;
background:url(images/promo.gif);
outline:none;
}
a:visited#promo {
position:absolute; top:105px; left:10px;
width:290px; height:155px;
text-indent:-9999px;
background:url(images/promo.gif);
outline:none;
}
a:hover#promo {
position:absolute; top:105px; left:10px;
width:290px; height:155px;
text-indent:-9999px;
background:url(images/promoOver.gif);
outline:none;
}
a:active#promo, a:focus#promo {
position:absolute; top:105px; left:10px;
width:290px; height:155px;
text-indent:-9999px;
background:url(images/promoHit.gif);
outline:none;
}
a:link#yp {
position:absolute; top:270px; left:10px;
width:290px; height:155px;
text-indent:-9999px;
background:url(images/yp.gif);
outline:none;
}
a:visited#yp {
position:absolute; top:270px; left:10px;
width:290px; height:155px;
text-indent:-9999px;
background:url(images/yp.gif);
outline:none;
}
a:hover#yp {
position:absolute; top:270px; left:10px;
width:290px; height:155px;
text-indent:-9999px;
background:url(images/ypOver.gif);
outline:none;
}
a:active#yp, a:focus#yp {
position:absolute; top:270px; left:10px;
width:290px; height:155px;
text-indent:-9999px;
background:url(images/ypHit.gif);
outline:none;
}
a:link#corp {
position:absolute; top:435px; left:10px;
width:290px; height:155px;
text-indent:-9999px;
background:url(images/corp.gif);
outline:none;
}
a:visited#corp {
position:absolute; top:435px; left:10px;
width:290px; height:155px;
text-indent:-9999px;
background:url(images/corp.gif);
outline:none;
}
a:hover#corp {
position:absolute; top:435px; left:10px;
width:290px; height:155px;
text-indent:-9999px;
background:url(images/corpOver.gif);
outline:none;
}
a:active#corp, focus#corp {
position:absolute; top:435px; left:10px;
width:290px; height:155px;
text-indent:-9999px;
background:url(images/corpHit.gif);
outline:none;
}
a:link#mus {
position:absolute; top:600px; left:10px;
width:290px; height:155px;
text-indent:-9999px;
background:url(images/mus.gif);
outline:none;
}
a:visited#mus {
position:absolute; top:600px; left:10px;
width:290px; height:155px;
text-indent:-9999px;
background:url(images/mus.gif);
outline:none;
}
a:hover#mus {
position:absolute; top:600px; left:10px;
width:290px; height:155px;
text-indent:-9999px;
background:url(images/musOver.gif);
outline:none;
}
a:active#mus, focus#mus {
position:absolute; top:600px; left:10px;
width:290px; height:155px;
text-indent:-9999px;
background:url(images/musHit.gif);
outline:none;
}
/*
GALLERY NAVIGATION
*/
div#filmmenuBG {
width:260px; height:650px;
position:absolute; top:105px; left:710px;
background:url(images/filmmenuBG.gif);
}
div#filmmenu {
width:250px; height:630px;
position:absolute; top:10px; left:0px;
overflow:auto;
}
div#filmmenu h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666699;
margin-top:20px;
text-indent:20px;
}
div#filmmenu ul {
list-style-type:none;
padding:0px;
margin:0px;
}
div#filmmenu ul li {
display:block;
width:200px; height:24px;
margin-left:20px;
margin-bottom:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:24px;
text-indent:5px;
border-bottom:solid;
border-top:solid;
border-width:1px;
border-color:#669999;
}
div#filmmenu ul li a {
display:block;
width:200px; height:24px;
color:#666699;
text-decoration:none;
background-color:#D2D8E0;
}
div#filmmenu ul li a:visited {
display:block;
width:200px;
color:#669999;
}
div#filmmenu ul li a:hover {
display:block;
width:200px;
color:#ffffff;
background-color:#8ec1c1;
cursor:pointer;
outline:none;
}
div#filmmenu ul li a:active, ul li a:focus {
display:block;
width:200px;
color:#669999;
background-color:#d4e1ea;
cursor:pointer;
outline:none;
}
/*
GALLERY
*/
p.gallerytop {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
color:#2f4f4f;
margin:0px 0px 12px 0px;
text-indent:12px;
}
p.galleryfirsttext {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
color:#2f4f4f;
margin:12px 0px 12px 0px;
}
div#galleryBG {
display:block;
width:960px; height:650px;
position:absolute; top:105px; left:10px;
padding:10px;
background:url(images/galleryBG.gif) no-repeat;
}
div#gallery {
display:block;
width:900px; height:620px;
position:absolute; top:10px; left:10px;
margin:0px;
padding:0px 40px 0px 0px;
overflow:auto;
}
/*
MAIN STYLES
*/
div#mainBG {
display:block;
width:660px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/mainBG.gif) no-repeat;
margin:0px;
padding:0px;
}
div#main {
display:block;
width:580px; height:480px;
position:absolute; top:20px; left:30px;
margin:0px;
padding:0px 40px 0px 0px;
overflow:auto;
}
li.bullet1 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
color:#2f4f4f;
text-align:left;
text-indent:12px;
list-style-position:outside;
list-style-type:disc;
}
a:link.text {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
color:#666699;
text-decoration:underline;
text-align:left;
cursor:pointer
}
a:visited.text {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
color:#6633cc;
text-decoration:underline;
text-align:left;
cursor:pointer
}
a:hover.text {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
font-weight:bold;
color:#6633cc;
text-decoration:underline;
text-align:left;
cursor:pointer
}
a:active.text, a:focus.text {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
color:#669999;
text-decoration:underline;
text-align:left;
cursor:pointer
}
/*
FOOTER STYLE
*/
div#footer {
width:290px; height:140px;
position:absolute; top:630px; left:305px;
background:url(images/footerBG.gif) no-repeat;
margin:0px;
padding:20px 40px 0px 330px;
}
div#footer p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
color:#2f4f4f;
margin:0px 0px 12px 0px;
text-align:center;
}
div#footer span {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
color:#2f4f4f;
margin:0px 0px 12px 0px;
text-align:center;
}
/*
CONTACT STYLES
*/
div#contactIcons1 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG1.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons2 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG2.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons3 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG3.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons4 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG4.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons5 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG5.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons6 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG6.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons7 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG7.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons8 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG8.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons9 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG9.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons10 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG10.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons11 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG11.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons12 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG12.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons13 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG13.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons14 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG14.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons15 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG15.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons16 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG16.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons17 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG17.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons18 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG18.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons19 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG19.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons20 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG20.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons21 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG21.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons22 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG22.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons23 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG23.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons24 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG24.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons25 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG25.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons26 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG26.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons27 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG27.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons28 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG28.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons29 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG29.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons30 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG30.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contactIcons31 {
width:440px; height:520px;
position:absolute; top:105px; left:310px;
background:url(images/contactIconsBG31.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contact {
width:445px; height:520px;
position:absolute; top:105px; left:505px;
background:url(images/contactBG.gif) no-repeat;
padding:0px; margin:0px;
padding:50px 0px 0px 20px;
}
div#contact h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:16px;
font-weight:normal;
color:#666699;
padding:0px 0px 12px 0px;
margin:0px;
}
div#contact ul {
list-style-type:none;
padding:0px;
margin:0px 0px 35px 0px;
}
div#contact ul li {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
color:#2f4f4f;
padding:0px;
margin:0px;
}