/* common */

body 
{ background: #000 url(../images/small/bg-letterbox.gif) center center no-repeat; font-family: verdana, arial, sans-serif; font-weight: normal; margin: 0; }

h3 
{ font-size: 13px; font-weight: normal; color: #8D2009; margin: 0 0 2px 0; }

p 
{ margin: 0 0 1em 0; }

a:link 
{ text-decoration: none; }

a:visited 
{ text-decoration: none; }

a:hover 
{ text-decoration: underline; }

a:active 
{ text-decoration: underline; }

a:active, a:focus 
{ outline: 0; }

#the_stage 
{ position: relative; width: 960px; height: 600px; background: url(../images/small/bg.jpg) #a10 center center; text-align: left; }

#language_links
{ position: absolute; width: 930px; text-align: right; font-size: 10px; margin-top: -17px; color: #444; opacity: 1; }

#language_links a, a:link, a:visited, a:hover
{ color: #777; }

#masthead_container 
{ position: absolute; top: 40px; left: 30px; }

#masthead_viewport 
{ font-size: 11px; color: #c65; line-height: 160%; width: 400px; }

#title_container 
{ position: absolute; top: 40px; left: 630px; }

#title_viewport 
{ font-size: 16px; color: #333; width: 300px; text-align: right; }

#content_container 
{ position: absolute; top: 90px; left: 650px; }

#content_viewport 
{ font-size: 10px; color: #333; width: 280px; height: 430px; text-align: right; padding-right: 10px; line-height: 160%; overflow: auto; }

#content_viewport a:link 
{ color: #333; }

#content_viewport a:visited 
{ color: #333; }

#content_viewport a:hover 
{ color: #a10; }

#content_viewport a:active 
{ color: #333; }

#main_navi_container 
{ position: absolute; top: 314px; left: 12px; opacity: 0.8; color: #fff; }

#main_navi_container a:link 
{ color: #fff; }

#main_navi_container a:visited 
{ color: #fff; }

#main_navi_container a:hover 
{ color: #fff; }

#main_navi_container a:active 
{ color: #fff; }

#main_navi_container a.subnavi:link 
{ color: #c65; }

#main_navi_container a.subnavi:visited 
{ color: #c65; }

#main_navi_container a.subnavi:hover 
{ color: #c65; }

#main_navi_container a.subnavi:active 
{ color: #c65; }

.main_navi_item 
{ font-size: 12px; text-transform: uppercase; }

.main_navi_subitem 
{ font-size: 10px; color: #c66; margin: 1px 0 2px 90px; }

#footer_container 
{ position: absolute; top: 569px; left: 30px; z-index: 100; width: 800px; }

#footer_viewport 
{ font-size: 9px; color: #c98; }

#footer_viewport a:link 
{ color: #c98; }

#footer_viewport a:visited 
{ color: #c98; }

#footer_viewport a:hover 
{ color: #777; }

#footer_viewport a:active 
{ color: #777; }

#webcargo_badge 
{ position: absolute; top: 556px; left: 815px; z-index: 100; }

#zlogo 
{ position: absolute; top: 236px; left: 326px; width: 225px; height: 148px; z-index: 1; }

/* page: productions */

#video_squigles 
{ position: absolute; top: 110px; left: 190px; }

#video_container 
{ position: absolute; top: 156px; left: 312px; width: 320px; height: 300px; }

#filter_pulldown_container 
{ position: absolute; top: 68px; left: 720px; }

#filter_pulldown_overlay 
{ position: absolute; font-size: 9px; font-weight: bold; color: #000; line-height: 125%; background: #fc9 url(../images/common/select-arrow.gif) center right no-repeat; border: 0px dotted #777; width: 190px; padding-right: 20px; opacity: 0.5; }

#filter_pulldown_select_container 
{ position: absolute; }

#filter_pulldown_select 
{ width: 216px; background-color: #FBD8BE; color: #555; font-size: 9px; opacity: 0; }

#selected 
{ margin: 3px; text-align: left; }

#qframe 
{ width: 320px; height: 240px; background: #000; }

#qframe_controls 
{ width: 320px; font-size: 10px; text-align: right; }

#qframe_controls a:link 
{ color: #000; }

#qframe_controls a:visited 
{ color: #000; }

#qframe_controls a:hover 
{ color: #333; }

#qframe_controls a:active 
{ color: #333; }

/* page: services */

/* page: studios */

#studios_container 
{ position: absolute; top: 135px; left: 20px; background: url(../images/small/t-squigles.gif) no-repeat; width: 460px; height: 209px; }

#studios_viewport 
{ margin-top: 9px; margin-left: 12px; line-height: 1.0; }

#studios_squigles 
{ position: absolute; top: 330px; left: 0px; }

/* page: clients */

/* page: people */

#teamz_container 
{ position: absolute; top: 115px; left: 20px; background: url(../images/small/pt-squigles.gif) no-repeat; width: 460px; height: 209px; }

#teamz_viewport 
{ margin-top: 9px; margin-left: 12px; line-height: 1.0; }

#people_squigles 
{ position: absolute; top: 330px; left: 0px; }

#people_large 
{ position: absolute; top: 350px; left: 460px; width: 480px; height: 195px; border: none; z-index: 100; }

#people_contact 
{ position: absolute; top: 520px; left: 460px; color: #555; font-size: 11px; line-height: 150%; }

#people_contact a:link 
{ color: #555; }

#people_contact a:visited 
{ color: #555; }

#people_contact a:hover 
{ color: #900; }

#people_contact a:active 
{ color: #900; }

.pt-container 
{ position: relative; float: left; width: 55px; height: 63px; }

.pt 
{ position: absolute; display: block; width: 48px; height: 37px; border: none; margin: 14px 1px 14px 1px; }

.pt-hover 
{ position: absolute; font-family: lucida grande, arial; font-size: 9px; color: #eee; opacity: 1; left: 22px; height: 16px; width: 200px; border-left: 1px solid #eee; padding: 0 0 5px 7px; visibility: hidden; }

/* page: difference */

#tower_squigles 
{ position: absolute; top: 140px; left: 0px; width: 960px; height: 433px; opacity: 1.0; }

/* page: contact */

#googlemap 
{ border: 0; margin-top: 1em; }

/* page: news */

.news_title 
{ font-size: 13px; color: #8D2009; margin-bottom: 3px; }

.news_date 
{ font-size: 9px; color: #676738; margin-bottom: 0px; }

.news_body 
{ margin-bottom: 3px; line-height: 160%; text-align: right; }

#footer_popup_link_container
{ position: absolute; top: 605px; font-size: x-small; display: block; text-align: center; width: 960px; }

#footer_popup_link_container a
{ color: #ccc; }