/* ------------------------------------------
project:	Mumbojumbo
date:		2006/11/08
------------------------------------------ */

html { height: 100%; margin-bottom: 1px; }
body { margin: 0; padding: 0; background: #fff url(../img/bg.gif) repeat-x; color: #000; font: 68.75%/150% Arial,Helvetica,sans-serif; }
textarea, input, select, option { font-size: 100%; font-family: Arial,Helvetica,sans-serif; }

/* COMMON
-------------------------------------*/
form { display: inline; }
img { border: none; }
hr { border: none; color: #f3f3f3; background: #f3f3f3; height: 1px; margin: 6px 0 10px !important; margin: -3px 0 4px; }

p { margin: 0 0 10px; padding: 0; }
.decorate:first-letter { color: #e04ea0; font-weight: bold; }

em.a { color: #e04ea0; font-style: normal; font-weight: bold; }

.center { text-align: center; }
.wrapper { overflow: hidden;  }
.section { position: absolute; left: -10001em; }

.nm { margin: 0; }

/* ANCHORS
-------------------------------------*/
a {	color: #000; text-decoration: none; }
#content a { text-decoration: underline; }
a:hover { color: #e04ea0; }

/* HEADERS
-------------------------------------*/
h1 { margin: 0 0 15px; padding: 0; font: bold 109% Arial,Helvetica,sans-serif; color: #f24ea0; }
h2 { margin: 0 0 15px; padding: 0; font: bold 100% Arial,Helvetica,sans-serif; color: #f24ea0; }

/* LAYOUT
-------------------------------------*/
#root { width: 675px; margin: 0 auto; }
 #top { position: relative; width: 675px; padding: 15px 0 0; }
  #logo { width: 293px; height: 56px; margin: 0 0 25px; border: none; background: url(../img/logo.png) no-repeat; }
   #logo a { display: block; overflow: hidden; width: 293px; height: 56px; text-indent: -10001px; }
  #top-nav { position: absolute; right: 0; top: 40px; list-style: none; margin: 0; padding: 0; }
   #top-nav li { display: inline; float: left; margin: 0 0 0 10px; }
    #top-nav li a { display: block; overflow: hidden; height: 16px; background: url(../img/topnav.gif) no-repeat; text-indent: -10001em; }
    #top-nav li.home a { width: 38px; background-position: 0 0; } #top-nav li.home a:hover { background-position: 0 -16px; } #top-nav li.home a.current { background-position: 0 -32px; }
    #top-nav li.quote a { width: 80px; background-position: -54px 0; } #top-nav li.quote a:hover { background-position: -54px -16px; } #top-nav li.quote a.current { background-position: -54px -32px; }
    #top-nav li.catalog a { width: 85px; background-position: -149px 0; } #top-nav li.catalog a:hover { background-position: -149px -16px; } #top-nav li.catalog a.current { background-position: -149px -32px; }
    #top-nav li.login a { width: 64px; background-position: -251px 0; } #top-nav li.login a:hover { background-position: -251px -16px; } #top-nav li.login a.current { background-position: -251px -32px; }
 #wrapper { overflow: hidden; margin: 0 0 15px; }
  #side { float: left; width: 200px; padding: 0; }
   #nav { list-style: none; margin: 0 0 15px; padding: 0; background-position: 0 0; }
    #nav li {  }
     #nav li a { display: block; height: 29px; text-indent: -10001em; background-repeat: no-repeat; }
     #nav li.services a { background-image: url(../img/n_services.png); }
     #nav li.recent-work a { background-image: url(../img/n_recent.png); }
     #nav li.contact-us a { background-image: url(../img/n_contact.png); }
	 #nav li.about a { background-image: url(../img/n_about.png); }
     #nav li a:hover { background-position: -313px 0; }
     #nav li ul { position: absolute; left: -10001em; list-style: none; margin: 0; padding: 0; }
      #nav li ul li { }
       #nav li ul li a { height: 21px; }
       #nav li ul li.project-management a { background-image: url(../img/n_project-management.png); }
       #nav li ul li.translation a { background-image: url(../img/n_translation.png); }
       #nav li ul li.voice-casting a { background-image: url(../img/n_voice-casting.png); }
       #nav li ul li.recording a { background-image: url(../img/n_recording.png); }
       #nav li ul li.direction a { background-image: url(../img/n_direction.png); }
       #nav li ul li.testimonials a { background-image: url(../img/n_testimonials.png); }
  #content { float: right; width: 460px; }
   #inner { width: 260px; overflow: hidden; padding: 0 200px 0 0; }
    #inner img.main { float: right; margin: 0 -200px 0 0; border: 1px solid #e04ea0; }
 #footer { overflow: hidden; float:right;}
  #clients { position: absolute; left: -10001px; overflow: hidden; float: right; width: 460px; height: 35px; background: url(../img/logosJan2010.jpg) no-repeat; }
  .home #clients { position: static; left: 0; }
   #clients p { position: absolute; left: -10001em; } 
   #clients ul { position: relative; list-style: none; width: 460px; height: 35px; margin: 0; padding: 0; }
    #clients ul li { }
     #clients ul li a { position: absolute; left: 0; top: 0; z-index: 100; overflow: hidden; display: block; text-indent: -10001px; background: url(../img/bullet_a.gif) -10001em 0 no-repeat; }
	 #clients ul li.riney a { left: 97px; width: 50px; height: 35px; }
	 #clients ul li.smithereen a { left: 157px; width: 37px; height: 35px; }
     #clients ul li.discovery a { left: 208px; width: 66px; height: 35px; }
     #clients ul li.otx a { left: 282px; width: 84px; height: 35px; }
     #clients ul li.brothersandsisters a { left: 383px; width: 77px; height: 35px; }
  #footer-nav { padding: 6px 0 0; }
  #side #footer-nav { padding-left: 17px; }
   #footer-nav p { display: inline; float: left; margin: 0 0 0 10px; }
   #footer-nav ul { list-style: none; margin: 0; padding: 0; }
    #footer-nav ul li { display: inline; float: left; padding: 0 0 0 15px; }
     #footer-nav li a { display: block; overflow: hidden; height: 16px; background: url(../img/footernav.gif) no-repeat; text-indent: -10001em; }
     #footer-nav li.subscribe a { width: 57px; background-position: 0 0; } #footer-nav li.subscribe a:hover { background-position: 0 -16px; } #footer-nav li.subscribe a.current { background-position: 0 -32px; }
     #footer-nav li.links a { width: 30px; background-position: -61px 0; } #footer-nav li.links a:hover { background-position: -61px -16px; } #footer-nav li.links a.current { background-position: -61px -32px; }

body.services #nav li.services ul,
body.project-management #nav li.services ul,
body.translation #nav li.services ul,
body.voice-casting #nav li.services ul,
body.recording #nav li.services ul,
body.direction #nav li.services ul,
body.recent-work #nav li.recent-work ul,
body.testimonials #nav li.recent-work ul { position: static; }
	 
h1.h, h2.h { height: 29px; background-repeat: no-repeat; text-indent: -10001em; }
 h1.home { background-image: url(../img/h_home.png); }
 h1.e404 { background-image: url(../img/h_e404.png); }
 h1.contact { background-image: url(../img/h_contact-us.png); }
 h1.about { background-image: url(../img/h_about.png); }
 h1.tailored-quote { background-image: url(../img/h_tailored-quote.png); }
 h1.services { background-image: url(../img/h_services.png); }
 h1.project-management { background-image: url(../img/h_project-management.png); }
 h1.translation { background-image: url(../img/h_translation.png); }
 h1.voice-casting { background-image: url(../img/h_voice-casting.png); }
 h1.recording { background-image: url(../img/h_recording.png); }
 h1.direction { background-image: url(../img/h_direction.png); }
 h1.recent-work { background-image: url(../img/h_recent-work.png); }
 h1.testimonials { background-image: url(../img/h_testimonials.png); }
 h1.subscribe { background-image: url(../img/h_subscribe.png); }
 h1.unsubscribe { background-image: url(../img/h_unsubscribe.png); }
 h1.links { background-image: url(../img/h_links.png); }
 h1.voice-catalog { background-image: url(../img/h_voice-catalog.png); }
 h1.login { background-image: url(../img/h_login.png); }
 h1.quicksearch { background-image: url(../img/h_quicksearch.png); }
 h2.voice-basket { background-image: url(../img/h_voice-basket.png); }
 h2.client-login { background-image: url(../img/h_client-login.png); }
  
.bg { min-height: 178px; background: url(../img/sideShort.png) 0 -20px no-repeat; }
  
p.mainPic { margin: -15px 0 10px; }
p.gonext { margin-top: 30px; padding-top: 10px; border-top: 1px solid #eee; }
  
#flashcontent { margin: 50px auto 20px; width: 400px; }
#flashcontentBoom { margin: 12px auto 2px; width: 460px; }
#flashcontentKalash { margin: 12px auto 2px; width: 460px; }
  
/* SKIPS
-------------------------------------*/
 #skip-links { position: absolute; top: 43px; right: 10px; list-style: none; margin: 0; padding: 0; }
  #skip-links li {  }
   #skip-links li a { display: block; position: absolute; right: 0; top: -10001px; width: 245px; text-align: center; color: #c4b48a; }
   #skip-links li a:focus, #skip-links li a:active { top: 0; }
   
/* ELEMENTS
-------------------------------------*/
ol.form-a { list-style: none; margin: 0 0 15px; padding: 0; }
 ol.form-a li { overflow: hidden; padding: 4px 0 4px 120px; }
  ol.form-a li label,
  ol.form-a li span.label { float: left; width: 100px; margin-left: -120px; padding-right: 10px; text-align: right; }
  ol.form-a li input { width: 250px; border: 1px solid #000; text-transform: none; }
 ol.form-a li.submit { margin: 15px 0 0; }
  ol.form-a li.submit input { width: 120px; }
  ol.form-a li textarea { width: 280px; height: 80px; border: 1px solid #000; text-transform: none; }
  ol.form-a li.checkbox input { width: auto; border: none; }
  ol.form-a li.checkboxes input { width: auto; margin: 0 5px 0 0; }
  ol.form-a li.checkboxes label { float: none; width: auto; margin: 0; }
  ol.form-a li.agree { margin: 20px 0 10px; padding: 0; }
   ol.form-a li.agree input { width: auto; float: left; margin: 3px 10px 10px 0;  }
   ol.form-a li.agree label { float: none; width: auto; margin: 0; padding: 0; }
   
  ol.form-a li ul { padding: 0; margin: 0; list-style: none; float: left; }
   ol.form-a li ul li { padding: 4px 0; }
    ol.form-a li ul label { float: none; width: auto; margin: 0; padding: 0; text-align: left;}
     ol.form-a li ul input { width: auto; border: none; padding: 0; margin: 0; }
   #quick-estimate-form fieldset { border: 1px solid #F24EA0; padding: 1em; margin-bottom: 1em;}
    #quick-estimate-form fieldset legend { padding: 0 1em; color: #000;  }
    #quick-estimate-form ol.form-a { margin-bottom: 0; }   
	  
     ul.language-list { width: 49%; float: left;  }
	 #quick-estimate-form ol.form-a ul.language-list li { padding: 0 3px;  }  
	 
.msg-error { padding: 10px; border: 2px solid #dcabab; background: #fff2f2; color: #622f2f; font-size: 120%; text-align: center; font-weight: bold; text-transform: uppercase; }

#filter { margin: 0 0 13px; padding: 0 20px; }
 #filter label { position: absolute; left: -10001px; }
 #filter select { width: 120px; }
  #filter select option.first { color: #aaa; }

#breadcrumbs { margin: 0 0 15px; padding: 0 0 10px 15px; border-bottom: 1px solid #eee; background: url(../img/breadcrumbs.gif) 0 3px no-repeat; }
 #breadcrumbs a.last { color: #e04ea0; }
 
#folders { overflow: hidden; list-style: none; margin: -15px 0 0; padding: 0; }
 #folders li { padding: 0 10px 0 15px; background: #ebebeb; line-height: 30px; }
 #folders li.alt { background: #f5f5f5; }
  #folders li a { text-decoration: none; font-weight: bold; }
   #folders li a span { position: absolute; left: -10001em; }
  
#items { overflow: hidden; list-style: none; margin: -15px 0 0; padding: 0; }
 #items li { position: relative; margin: 0; padding: 3px 210px 3px 15px; background: #ebebeb; line-height: 25px; }
 #items li.alt { background: #f5f5f5; }
  #items li strong { display: block; font-weight: bold; text-decoration: none; font-size: 1.1em; }
  #items li a { font-weight: bold; }
  #items li br { display: none; }
  #items li object { position: absolute; right: 12px; bottom: 5px; } 
  #items li a.addtocart { position: absolute; bottom: 28px; right: 15px; display: block; overflow: hidden; color: #000; font-size: 1.1em; text-decoration: none; text-transform: lowercase; } 
  #items li a.addtocart:hover { color: #e04ea0; } 
   #items li a.addtocart img { display: none; } 
  
#item { overflow: hidden; list-style: none; margin: 0; padding: 0; }
 #item li { min-height: 65px; margin: 0 0 10px; padding: 0 0 0 80px; background: url(../img/mic.jpg) no-repeat; color: #e04ea0; font-weight: bold; } 
  #item li span { padding: 0 3px 0 0; color: #555; font-weight: normal; } 
  #item li object { display: block; margin: 7px 0 0 -5px; } 
  #item li a.addtocart { overflow: hidden; display: block; width: 8em; margin: 5px 0 0 0; text-decoration: none; } 
   #item li a.addtocart img { margin: 0 5px 0 0; vertical-align: middle; } 
  
blockquote.quote { margin: 0 0 15px; padding: 0 0 0 20px; background: url(../img/quotes-s.png) 0 0 no-repeat; }
 blockquote.quote p.qend { display: inline; padding: 0 20px 0 0; background: url(../img/quotes-s.png) 100% 100% no-repeat; color: #000; font-style: normal; }
 blockquote.quote p { margin-top: 10px; color: #f24ea0; font-style: italic; }
 
blockquote.testimonial { margin: 0 0 25px; padding: 0 0 0 20px; background: url(../img/quotes-s.png) 0 0 no-repeat; }
 blockquote.testimonial p { display: inline; padding: 0 20px 0 0; background: url(../img/quotes-e.png) 100% 100% no-repeat; color: #000; font-style: normal; }
 blockquote.testimonial p.author  { display: block; margin-top: 10px; padding: 0; background: none; color: #f24ea0; }
 
img.main { border: 1px solid #e04ea0; }

a.quick-quote { display: block; width: 101px; height: 19px; background: url(../img/quick-quote.png) no-repeat; text-indent: -10001em; }
a.voice-catalogue { display: block; width: 101px; height: 19px; background: url(../img/voice-catalogue.png) no-repeat; text-indent: -10001em; }

#gmaps { width: 458px; height: 230px; margin: 0 0 15px; border: 1px solid #888; }

.vcard { position: relative; }
 .vcard .phones { position: absolute; left: 240px; top: 0; }
 .vcard .hours { position: absolute; right: 0; top: 0; }
 
#projects { list-style: none; margin: 0; padding: 0; }
 #projects li { overflow: hidden; margin: 0 0 50px; padding: 0 0 30px 0; border-bottom: 1px solid #e04ea0; }
 #projects li ul li { border-bottom: 0px}
  #projects li br { }
  #projects li img { display: inline; float: right; margin: 0 0 0 15px; border: 0px solid #e04ea0; }
  #projects li strong { display: block; margin: 0 0 -5px; font-size: 1.27em; }
  #projects li a.link { display: block; margin: 0; font-weight: bold; text-align: right; text-decoration: none; }
   #projects li a.link span { padding: 0 7px 0 0; background: url(../img/bullet_c.gif) 100% 60% no-repeat; }
   
   #projects p.quote { color: #333; font-style:italic; font-weight:bold; font-size:100%; line-height: 120%; padding-top:10px; width:350px;}
   #projects p.attribute { color: #666; font-size: 90%; line-height: 100%; padding-top:3px; padding-bottom:20px;}
   
   #projects p.servicesRendered {font-weight:bold; padding:0 0 0 0; margin:0 0 0 0;}
   
   #projects ul.audioItems { overflow: hidden; list-style: none; margin:20px 0 10px 0; padding:0; }
   #projects ul.audioItems li { position: relative; margin:0 0 5px 0; padding: 3px 210px 10px 0px; background: #FBFBFB; line-height: 10px; }
   #projects ul.audioItems li strong { display: block; font-weight: bold; text-decoration: none; font-size: 1.1em; }
    #projects ul.audioItems li object { position: absolute; right: 5px; bottom: 5px; }  

#aboutPage .bio {padding-bottom:30px;}
#aboutPage img { display: inline; float: left; margin: 0 15px 0 0px; border: 3px solid #e04ea0; }
#aboutPage h2 { display: block; margin: 0 0 2px; font-weight:normal; font-size: 1.27em; }
   
#paging { list-style: none; margin: 0 0 15px; padding: 10px 0 0; border-top: 1px solid #eee; }
 #paging li.prev { float: left; }
 #paging li.next { float: right; }

#voice-basket { margin: 0 0 25px; }
 #voice-basket h2 { margin: 0; }
 #voice-basket ul { list-style: none; margin: 0; padding: 0; }
  #voice-basket ul li { position: relative; padding: 0 90px 0 0; background: #ebebeb; line-height: 30px; }
  #voice-basket ul li.row-b { background: #f5f5f5; }
   #voice-basket ul li a { padding: 0; margin: 0; background: none; font-weight: normal; }
   #voice-basket ul li.current a,
   #voice-basket ul li a:hover { color: #e04ea0; }
   #voice-basket ul li a.delete { position: absolute; right: 10px; top: 50%; overflow: hidden; width: 16px; height: 16px; margin: -8px 0 0; background: url(../img/i_delete.gif) no-repeat; text-indent: -10001em; }
   #voice-basket ul li object { position: absolute; right: 30px; top: 50%; margin: -10px 0 0; }
   #voice-basket ul li a.title,
   #voice-basket ul li strong { display: block; margin: 0 0 0 13px; font-weight: bold; }
   #voice-basket ul li span { position: absolute; left: -10001em; }
 #voice-basket p { margin: 0; padding: 0 10px; line-height: 30px; background: #cbcbcb; font-weight: bold; }
 #voice-basket p.tools { margin: 0; padding: 0 10px 0 13px; text-align: right; text-transform: uppercase; }  
 #voice-basket p.tools a.empty { float: left; }
 /*#voice-basket p.tools a.empty { float: left; padding: 0 0 0 25px; background: url(../img/i_basket-delete.gif) 0 50% no-repeat;  }  
  #voice-basket p.tools a.logout { padding: 1px 25px 1px 0; background: url(../img/i_logout.gif) 100% 50% no-repeat;  }  
  #voice-basket p.tools a.send { padding: 0 25px 0 0; background: url(../img/i_mail.gif) 100% 50% no-repeat;  }  */
  #voice-basket p.tools span { display: none; }
 
#homeCopy {float:right;}
p.home-info { color: #999; text-align: justify; line-height: 120%; margin-top:0px; padding-top:0px;}
p.home-quote { color: #666; text-align: justify; font-style:italic; font-weight:bold; line-height: 120%; padding-bottom:0px; margin-bottom:2px;}
p.home-attribute { color: #999; font-size: 90%; line-height: 100%; padding-top:0px; magin-top:0px;}

#login-form { display: block; margin-top: 30px; }
 #login-form input { width: 150px; }
 #login-form li.submit input { width: auto; padding: 0 20px; }
 
#login-box { padding: 0 16px; background-position: 0 -20px; }
 #login-box p a { text-decoration: underline; }
 #login-box p a:hover { text-decoration: none; }
 #login-box h2 { position: relative; margin: 0 -16px 10px; }
 #login-box form { margin: 0; padding: 0; }
  #login-box li { padding: 4px 0; }
  #login-box li.submit { margin: 10px 0 0; }
   #login-box li label,
   #login-box li span.label { display: block; margin: 0 0 4px; text-align: left; }