html { }
body { text-align:left; margin:0; padding:0; width:100%; background:url('img/img_background_page.jpg'); }
img { border:0;-ms-interpolation-mode: bicubic; }img { -ms-interpolation-mode: bicubic; }
p { font-family:arial, sans-serif; text-decoration:none; color:#fff; }
a { font-family:arial, sans-serif; text-decoration:none; color:#fff; }

.cursor:hover { cursor: pointer; }
.bold { font-weight:bold; }

img { 
  background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
  zoom: 1;
}


/* general container definitions */

  /* header */
    div#header { position:relative; width:100%; height:151px; background:url('img/img_background_header.jpg') repeat-x; }
    div#header #headerWrapper { position:relative; width:1000px; height:151px; margin:0 auto 0 auto; text-align:center; }
    div#header #headerWrapper #logo { position:absolute; width:1280px; height:815px; top:0; left:-530px; z-index:2; background:url('img/img_background_radial.jpg') no-repeat; }
    div#header #headerWrapper #logo img { position:relative; margin-top:20px; left:0; width:331px; height:325px; z-index:99; }
    div#header #headerWrapper #contactDetails { position:absolute; right:0; top:22px; z-index:3; text-align:right; font-family:arial; font-size:28px; color:#ffd616; line-height:100%; }
    div#header #headerWrapper #contactDetails a { position:relative; font-size:19px; color:#ffd616; }
    div#header #headerWrapper #contactDetails a:hover { position:relative; font-size:19px; color:#fff; }
    div#header #headerWrapper #contactDetails #contactEmail { position:relative; top:4px; }


  /* nav */
    div#nav { position:absolute; right:0; bottom:0; z-index:2; font-size:24px; }
    div#nav .navItem {
      behavior: url('/PIE.php'); -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;
      position:relative; float:left; margin:0 0 0 5px; padding:4px 3px 6px 3px; font-size:24px; background:#ffd616;
    }
    div#nav .navItem a { position:relative; font-size:24px; padding:6px 4px 6px 4px; color:#6a136a; }
    div#nav .navItem a:hover { position:relative; font-size:24px; color:#fff; }


  /* mainContent */

    div#mainContent { position:relative; width:1000px; min-height:400px; margin:0 auto 0 auto; z-index:3; font-family:arial; font-size:14px; color:#d0d0d0; }
    div#mainContent p { text-align:justify; width:398px; line-height:180%; color:#c0c0c0; }

    div#mainContent #staffProfiles { position:relative; float:left; margin-top:210px; padding:0 0 30px 0; width:235px; z-index:3; text-align:left; }
    div#mainContent #staffProfiles h2 { position:relative; font-size:38px; color:#799101; text-align:center; margin:0; padding:0; letter-spacing:-2px; }
    div#mainContent #staffProfiles .staffProfile { position:relative; width:213px; margin:30px 0 10px 0; min-height:218px; background:#fafbf7; border:11px solid #e5e5e5; }
    div#mainContent #staffProfiles .staffName { position:relative; width:100px; text-align:center; float:right; margin:10px 30px 0 0; padding:0 0 20px 0; font-size:18px; color:#000; background:url('img/img_divide_horizontal_96px.png') 3px bottom no-repeat; }
    div#mainContent #staffProfiles .staffPosition { position:relative; width:100px; text-align:center; float:right; margin:5px 0 0 0; padding:0 30px 10px 0; font-size:16px; font-weight:bold; color:#799101; }
    div#mainContent #staffProfiles .staffBio { position:relative; float:left; width:190px; padding:0 0 0 15px; }
    div#mainContent #staffProfiles .staffBio p { position:relative; width:180px; font-size:13px; margin:0; padding:0 0 10px 0; color:#000; }
    div#mainContent #staffProfiles .staffPic {
      behavior: url('/PIE.php'); box-shadow: 3px 5px 0px #b3b5ac; -moz-box-shadow: 3px 5px 0px #b3b5ac; -webkit-box-shadow: 3px 5px 0px #b3b5ac;
      position:absolute; top:-20px; left:-20px;
    }

    div#mainContent #home #intro { position:relative; width:400px; padding:50px 0 40px 296px; float:left; z-index:3; text-align:left; }
    div#mainContent #home #intro #title { position:relative; top:0px; left:0; padding:0 0 10px 0;}
    div#mainContent #home #intro h3 { font-size:20px; color:#000; text-align:left; margin:0; padding:0; font-weight:normal; line-height:170%; }
    div#mainContent #home img#collage { position:absolute; top:7px; right:-40px; z-index:9999; }
    
    div#mainContent #contact { position:relative; width:600px; padding:50px 0 40px 296px; float:left; z-index:3; text-align:left; }
    div#mainContent #contact #title { position:relative; top:0px; left:0; padding:0 0 20px 0;}
    div#mainContent #contact p { font-size:20px; width:600px; color:#000; text-align:left; margin:0; padding:0 0 20px 0; font-weight:normal; line-height:140%; }
    div#mainContent #contact h3 { font-size:20px; color:#000; text-align:left; margin:0; padding:0; font-weight:normal; line-height:140%; }

    /* events pages (private and corporate) */
      div#mainContent #events #intro { position:relative; width:400px; padding:50px 0 40px 296px; float:left; z-index:3; text-align:left; }
      div#mainContent #events #intro #title { position:relative; top:0px; left:0; padding:0 0 10px 0;}
      div#mainContent #events #intro h3 { font-size:20px; color:#000; text-align:left; margin:0; padding:0; font-weight:normal; line-height:150%; }
      div#mainContent #eventsWrapper { position:relative; float:left; margin:30px 0 40px 0; width:860px; min-height:440px; background:url('img/img_background_eventsWrapper.png'); border:11px solid #e5e5e5; z-index:3; }
      div#mainContent #eventsWrapper #private-partiesMainImg { position:absolute; left:-60px; bottom:-11px; z-index:5; }
      div#mainContent #eventsWrapper #corporate-eventsMainImg { position:absolute; left:-40px; bottom:-36px; z-index:5; }
      div#mainContent #eventsWrapper #our-boothsMainImg { position:absolute; left:-52px; top:-60px; }

      div#tabs { position:absolute; right:30px; top:-44px; z-index:2; }
      div#tabs .tab {
        behavior: url('/PIE.php'); -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;
        position:relative; float:left; height:30px; margin:0 0 0 10px; padding:8px 10px 6px 10px; font-size:28px; background:#e5e5e5;
      }
      div#tabs .tab a { color:#731472;  }
      div#tabs .tab a:hover { color:#9c009a; }
      div#tabs .tab .iconPDF { position:relative; float:left; left:-5px; }
      div#tabs .active { background:#f4f4f2; }

      div#tabBody { position:relative; float:right; width:500px; padding:10px 50px 30px 0; }
      div#tabBody p { color:#000; font-size:18px; width:500px; line-height:140%; padding:0 0 10px 0; }
      div#tabBody .tabDetail { display:none; }
      div#tabBody .tabDetail ul { list-style: none; padding:0; margin: 10px 0; font-family: 'Arial'; font-size:18px; color:#799101; }
      div#tabBody .tabDetail li { background: url('img/img_bullet-tick.png') 0px 0px no-repeat; padding: 2px 0 5px 35px; margin: 0 0 15px -5px; font-family: 'Arial'; font-size: 18px; color:#799101; }

      div#mainContent #collageWrapper { position:absolute; top:10px; right:-10px; z-index:1; width:240px; min-height:500px; text-align:center; }
      div#mainContent #collageWrapper #collageImage_1 { position:relative; top:0; left:20px; behavior: url('/PIE.php'); box-shadow: 3px 5px 0px #b3b5ac; -moz-box-shadow: 3px 5px 0px #b3b5ac; -webkit-box-shadow: 3px 5px 0px #b3b5ac; }
      div#mainContent #collageWrapper #collageImage_2 { position:relative; top:-20px; left:30px; behavior: url('/PIE.php'); box-shadow: 3px 5px 0px #b3b5ac; -moz-box-shadow: 3px 5px 0px #b3b5ac; -webkit-box-shadow: 3px 5px 0px #b3b5ac; }
      div#mainContent #collageWrapper #collageImage_3 { position:relative; top:-30px; left:40px; behavior: url('/PIE.php'); box-shadow: 3px 5px 0px #b3b5ac; -moz-box-shadow: 3px 5px 0px #b3b5ac; -webkit-box-shadow: 3px 5px 0px #b3b5ac; }

      div#mainContent #thumbsWrapper { position:relative; width:1000px; padding:0; clear:both; }
      div#mainContent #thumbsWrapper .thumbnail { position:relative; float:left; margin:0 40px 35px 0; behavior: url('/PIE.php'); box-shadow: 3px 5px 0px #b3b5ac; -moz-box-shadow: 3px 5px 0px #b3b5ac; -webkit-box-shadow: 3px 5px 0px #b3b5ac; }

    /* content pages (i.e. non-events page layouts) */
      div#mainContent #content { position:relative; float:left; width:500px; margin:0 0 0 30px; }
      div#mainContent #content #intro { position:relative; width:500px; padding:50px 0 0 30px; text-align:left; }
      div#mainContent #content #intro #title { position:relative; padding:0 0 15px 0;}
      div#mainContent #content #intro h3 { font-size:22px; color:#000; text-align:left; margin:0; padding:0 0 40px 0; font-weight:normal; background:url('img/img_divide_horizontal_370px.png') 35px bottom no-repeat; }
      div#mainContent #content img#collage { position:absolute; top:7px; right:-40px; z-index:9999; }
      div#mainContent #content #intro p { position:relative;  float:left; width:470px; padding:0; font-family:Arial; font-weight:normal; font-size:17px; color:#000; line-height:170%; }

      div#mainContent #content #body { position:relative; float:left; width:500px; padding:0 0 20px 30px; z-index:3; }
      div#mainContent #content #body .body { position:relative; padding:30px 0 30px 0; background:url('img/img_divide_horizontal_370px.png') 35px top no-repeat; }
      div#mainContent #content #body .body h2 { font-size:40px; color:#799101; text-align:left; margin:0; padding:0; letter-spacing:-2px; line-height:120%; }
      div#mainContent #content #body .body p { position:relative; width:470px; padding:10px 0 0 0; margin:0; font-family:Arial; font-weight:normal; font-size:17px; color:#000; line-height:170%; }

      div#mainContent #testimonials { position:absolute; right:-45px; top:92px; width:258px; }
      div#mainContent #testimonials .testimonial { position:relative; right:-45px; top:92px; width:258px; }
      div#mainContent #testimonials .testimonial .top { position:relative; height:42px; background:url('img/img_background_testimonials_top.png') no-repeat;
      	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
      	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
      	zoom: 1;
       }
      div#mainContent #testimonials .testimonial .middle { position:relative; min-height:100px; background:url('img/img_background_testimonials_middle.png') repeat-y; 
      	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
      	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
      	zoom: 1;
      }
      div#mainContent #testimonials .testimonial .middle p { position:relative; width:170px; margin:0; padding:0 0 0 45px; font-family:arial; font-size:17px; text-align:center; color:#799101; }
      div#mainContent #testimonials .testimonial .bottom { position:relative; height:156px; background:url('img/img_background_testimonials_bottom.png') no-repeat;
      	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
      	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
      	zoom: 1;
      }
      div#mainContent #testimonials .testimonial .bottom .attribution { position:relative; position:absolute; top:80px; font-size:13px; color:#799101; text-align:right; width:110px; margin-left:30px; }
      div#mainContent #testimonials .testimonial .bottom .attribution .name { position:relative; font-weight:bold; font-size:14px; }
      div#mainContent #testimonials .testimonial .bottom .attribution .company ,
      div#mainContent #testimonials .testimonial .bottom .attribution .location { position:relative; font-size:12px; font-style:italic; }

    /* home photobooth panel */
    div#mainContent #photoboothPanel {
      behavior: url('/PIE.php'); box-shadow: 5px 5px 0px #b7be95; -moz-box-shadow: 5px 5px 0px #b7be95; -webkit-box-shadow: 5px 5px 0px #b7be95;
      position:relative; clear:both; width:977px; height:336px; border:11px solid #e2e3dc; background:#c0c0c0 url('img/img_home_background_photobooth-panel.png') repeat-x; z-index:3;
    }
    div#mainContent #photoboothPanel img#photobooth { position:absolute; left:-52px; top:-66px; }
    div#mainContent #photoboothPanel #photoboothBody { position:absolute; left:270px; width:320px; top:10px; text-align:justify; }
    div#mainContent #photoboothPanel #photoboothBody h2 { font-size:44px; color:#799101; letter-spacing:-0.05em; padding:0; margin:5px 0; }
    div#mainContent #photoboothPanel #photoboothBody ul { list-style: none; padding: 0; margin: 15px 0; font-family: 'Arial'; font-size:18px; color:#799101; }
    div#mainContent #photoboothPanel #photoboothBody li { background: url('img/img_bullet-tick.png') 0px 0px no-repeat; padding: 2px 0 5px 35px; margin: 0 0 13px -5px; font-family: 'Arial'; font-size: 18px; color:#799101; }

    div#mainContent #photoboothPanel #privateParties { position:absolute; right:0; top:0; height:168px; width:359px; border-left:1px solid #d4d3cd; text-align:left; }
    div#mainContent #photoboothPanel #privateParties:hover { background:#fff; cursor:pointer }
    div#mainContent #photoboothPanel #privateParties h2 { font-size:44px; color:#691269; letter-spacing:-0.05em; padding:10px 10px 2px 24px; margin:5px 0; text-align:left; }
    div#mainContent #photoboothPanel #privateParties p { font-size:16px; color:#000; padding:0 25px; margin:0; width:auto; text-align:left; }
    div#mainContent #photoboothPanel #privateParties #divider { position:absolute; left:-22px; bottom:-10px; z-index:3; }

    div#mainContent #photoboothPanel #corporateEvents { position:absolute; right:0; bottom:0; height:168px; width:359px; border-left:1px solid #d4d3cd; text-align:left; }
    div#mainContent #photoboothPanel #corporateEvents:hover { background:#fff; cursor:pointer }
    div#mainContent #photoboothPanel #corporateEvents h2 { font-size:44px; color:#691269; letter-spacing:-0.05em; padding:10px 10px 2px 24px; margin:5px 0; text-align:left; }
    div#mainContent #photoboothPanel #corporateEvents p { font-size:16px; color:#000; padding:0 25px; margin:0; width:auto; text-align:left; }

    #footerWrapper { position:relative; clear:both; z-index:3; width:100%; padding-bottom:10px; height:417px; margin-top:60px; margin-left:auto; margin-right:auto; text-align:center; background:#bec989 url('img/img_background_footer.jpg'); }
    #footerWrapper #footerContent #map { position:relative; float:left; left:-30px; top:42px; }
    #footerWrapper #logos { position:absolute; width:145px; right:10px; top:30px; text-align:center; }
    #footerWrapper #logos img { float:left; margin:0 0 30px 0; }

    /* contactForm */

    div#contactForm { position:relative; float:left; padding:23px 0px 0px 0px; margin:10px 0px 0px 0px; width:500px; height:368px; background: url('img/img_background_frontEnquiry.png'); }
    div#contactForm label { font-family:Arial; color:#815b8d; }
    div#contactForm h2 { font-family:Arial; color:#815b8d; font-size:38px; }

    div#legal, div#legal a { position:relative; font-family:arial; font-size:12px; color:#fff; clear:both; margin:0 auto 0 auto; padding:6px 0 0 0; }
    div#legal a { position:relative; display:block; padding:2px 0 5px 0; font-size:11px; color:#ebebeb; }

/* ends container definitions */

/* h1, h2, h3 etc. */
  h1 { font-family:Century Gothic, arial, sans-serif; font-weight:normal; padding:0; margin:0 0 10px 0; font-size:34px; color:#fff; }

/* form stuff */

  div.formElementContainer { float:left; padding:0 10px 0 0; margin:10px 10px 5px 0; }

  .clear { width:1px; height:1px; clear:both; }

  div#contactForm input[type="text"], input[type="password"], input[type="file"], textarea, select {
    position: relative; font-family: 'arial'; font-size:14px; color:#ffffff; padding:3px 4px 4px 4px; margin:3px 0 3px 0; border:2px solid #e5e5e5; width:100%; background:#dae0ba;
  }
  div#contactForm input[type="text"].error, textarea.error {
    border:2px solid #d34242; background:#db8989;
  }  

  div#contactForm input[type="submit"] {
    position:relative; text-align:center; font-family:arial, sans-serif; font-size:14px; font-weight:bold; color:#fff; padding:3px 14px 4px 14px; margin:0 0 5px 0; border:2px solid #787878; background: url('img/img_button_submit.png') repeat-x; width:235px;
  }