/*
Name: 
Designer: Paste
Designer_url: http://www.paste.com.au
*/     

/*
Author: Steven Watts - Paste
Author URL: http://www.paste.com.au
*/

/* DEFAULT styles
    
	index -> 	
				CSS reset
				self clearing
				default styles 
				
*/


/* =css reset     
--------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; 
list-style-type:none; 
}

/* =self clearing
----------------- */
.clear:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;
}
 
.clear { display: inline-block; }
 
/* Hides from IE-mac */
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */
/*** end clearing hack ***/


/* =default styles
----------------- */

body { background-color: #000; width:100%; height:100%;}  
body.frg-home {height:100%;}  

#frg-loader-image { top:116px; left:228px;}

h1#zspaceLogo { display:block; width:88px; height:24px; z-index:3; margin-bottom:10px;}
h1#zspaceLogo a {background: #000 url('../images/zspaceLogo.gif') no-repeat 0 0; display:block; width:88px; height:24px; text-indent:-9999px; }
div.homeSection h1#zspaceLogo { display:block; width:88px; height:24px; z-index:3; margin-bottom:10px; background: #000 url('../images/zspaceLogo.gif') no-repeat 0 0; text-indent:-9999px; } 

div.creativeSection, div.contactSection, div.homeSection h1#zspaceLogo a { background-position:0 0;} 
div.liveSection h1#zspaceLogo a { background-position:0 -48px;} 
div.picturesSection h1#zspaceLogo a { background-position:0 -24px;} 
div.toolkitSection h1#zspaceLogo a { background-position:0 -72px;} 

h2.imageHeader { float:left; height:22px; background: url('../images/headers.gif') no-repeat 0 0; border-bottom:1px solid #404040; width:100%; text-indent:-9999px; padding-bottom:14px; margin-bottom:14px; } 
body h2#headerCreative { background-position:0 0;}    
body h2#headerCreativeContact { background-position:0 -40px;} 
body div.contactSection h2#headerCreativeContact { background-position:0 -40px; border-bottom:none;}    
/*Accordion Headers*/
body h2#headerCommercials { background-position:0 -560px; cursor:pointer;}  
body h2#headerCommercials:hover { background-position:0 -680px; }
body h2#headerBroadcast { background-position:0 -600px; cursor:pointer;}   
body h2#headerBroadcast:hover { background-position:0 -720px; } 
body h2#headerMusicVideos { background-position:0 -640px; cursor:pointer;}   
body h2#headerMusicVideos:hover { background-position:0 -760px; }    
body h2#headerCommercials span, body h2#headerBroadcast span, body h2#headerMusicVideos span {display:block; width:6px; height:6px; position:relative; top:-9px; } 
h2.on span { background:url('../images/headers.gif') -6px -810px no-repeat; }  
h2.off span { background:url('../images/headers.gif') 0px -810px no-repeat; } 
body h2#headerCommercials span {left:122px;}
body h2#headerBroadcast span {left:96px;}
body h2#headerMusicVideos span {left:125px;}   
/*End Accordion Headers*/
body h2#headerLive { background-position:0 -200px;}    
body h2#headerLiveContact { background-position:0 -240px;} 
body h2#headerLiveWork { background-position:0 -400px;} 
body h2#headerPictures { background-position:0 -280px;} 
body h2#headerPicturesContact { background-position:0 -320px;}     
body h2#headerPicturesWork { background-position:0 -440px;}     
body h2#headerToolkit { background-position:0 -360px; border:0;} 
body h2.ourProfileHeader { display:block; height:24px; background: url('../images/headers.gif') no-repeat 0 -160px; text-indent:-9999px; margin-bottom:14px; }
 
body h2#headerProjects {background-position:0 -840px;}
body h2#headerProjectsWork {background-position:0 -480px;}
body h2#headerProjectsContact {background-position:0 -40px;}


h3 {
}

h4 {         
}

p { font-family: Arial, Helvetica, Sans-Serif; font-size:11px; line-height:1.9em; color:#ccc; margin-bottom:2.2em; opacity:0.9999; }

li, label { font-family: Arial, Helvetica, Sans-Serif; font-size:11px; line-height:1.5; color:#ccc; opacity:0.9999; } 

dl, dt, dd { font-family: Arial, Helvetica, Sans-Serif; font-size:11px; line-height:1.7; color:#ccc; opacity:0.9999; }

.uppercase {
text-transform:uppercase;
}

a { color:#f2ddb4; text-decoration:none; }
a:hover { color:#e90e8b; text-decoration:none; } 
                                                  
a:active { outline: none; }
a:focus { outline: none; }

strong { color:#fff;}
   

/* Layout styles
    
	index -> 	
				navigation 
				containers  
				footer
				
				
*/
  


       
/* =navigation
----------------- */  
ul#mainNav { float:left; height:17px; z-index:20; padding-bottom:15px; margin-left:-6px; }   
div.nav346 ul#mainNav { width:352px;}   
div.nav512 ul#mainNav { width:518px;}   
div.nav608 ul#mainNav { width:616px;}   

ul#mainNav li { height:17px; float:left; }
ul#mainNav li a { display:block; background:url('../images/nav.gif') no-repeat; text-indent:-9999px; height:17px; } 
ul#mainNav li.contact { float:right; }
 
ul#mainNav li.creative a { background-position:0 -17px; width:66px; }
ul#mainNav li.live a { background-position:-66px -17px; width:38px; }
ul#mainNav li.pictures a { background-position:-104px -17px; width:69px; }
ul#mainNav li.toolkit a { background-position:-173px -17px; width:59px; }
ul#mainNav li.contact a { background-position:-234px -17px; width:59px; }  
     

div.homeSection ul#mainNav li.creative a { background-position:0 -85px; }
div.homeSection ul#mainNav li.live a { background-position:-66px -17px;} 
div.homeSection ul#mainNav li.pictures a { background-position:-104px -17px; } 
div.homeSection ul#mainNav li.toolkit { background-position:-173px -17px; } 
div.homeSection ul#mainNav li.contact a { background-position:-234px -17px; }

div.creativeSection ul#mainNav li.creative a { background-position:0 -17px; }
div.creativeSection ul#mainNav li.live a { background-position:-66px -17px;} 
div.creativeSection ul#mainNav li.pictures a { background-position:-104px -17px; } 
div.creativeSection ul#mainNav li.toolkit { background-position:-173px -17px; } 
div.creativeSection ul#mainNav li.contact a { background-position:-234px -17px; }   

div.liveSection ul#mainNav li.creative a { background-position:0 -34px; }  
div.liveSection ul#mainNav li.live a { background-position:-66px -34px; } 
div.liveSection ul#mainNav li.pictures a { background-position:-104px -34px; } 
div.liveSection ul#mainNav li.toolkit a { background-position:-173px -34px; } 
div.liveSection ul#mainNav li.contact a { background-position:-234px -34px; }    

div.picturesSection ul#mainNav li.creative a { background-position:0 -51px; }  
div.picturesSection ul#mainNav li.live a { background-position:-66px -51px; } 
div.picturesSection ul#mainNav li.pictures a { background-position:-104px -51px; } 
div.picturesSection ul#mainNav li.toolkit a { background-position:-173px -51px; } 
div.picturesSection ul#mainNav li.contact a { background-position:-234px -51px; }

div.toolkitSection ul#mainNav li.creative a { background-position:0 -68px; }  
div.toolkitSection ul#mainNav li.live a { background-position:-66px -68px; } 
div.toolkitSection ul#mainNav li.pictures a { background-position:-104px -68px; } 
div.toolkitSection ul#mainNav li.toolkit a { background-position:-173px -68px; } 
div.toolkitSection ul#mainNav li.contact a { background-position:-234px -68px; }  

div.contactSection ul#mainNav li.creative a { background-position:0 -85px; }  
div.contactSection ul#mainNav li.live a { background-position:-66px -85px; } 
div.contactSection ul#mainNav li.pictures a { background-position:-104px -85px; } 
div.contactSection ul#mainNav li.toolkit a { background-position:-173px -85px; } 
div.contactSection ul#mainNav li.contact a { background-position:-234px -85px; }

div.projectsSection ul#mainNav li.creative a { background-position:0 -85px; }

ul#mainNav li.creative a:hover { background-position:0 0px!important;}        
ul#mainNav li.live a:hover { background-position:-66px 0px!important;}  
ul#mainNav li.pictures a:hover { background-position:-104px 0px!important; }  
ul#mainNav li.toolkit a:hover { background-position:-173px 0px!important; } 
ul#mainNav li.contact a:hover { background-position:-234px 0px!important; }     
                                                                     

/* =containers
----------------- */         
#flashBackground { position:absolute; right:0; top:0; z-index:-1; } 
div#trans { background: url('http://www.zspace.com.au/images/transTile.png') 0 0 repeat-y; width:816px; height:100%; -khtml-opacity:.80; -moz-opacity:.80; -ms-filter:”alpha(opacity=80)”; filter:alpha(opacity=80); opacity:.80; position:absolute; left:120px; top:0; z-index:0;}
#iframe { position: absolute; top: 0; right: 0; display: none; width: 550px; height: 400px; z-index: 0; background-color:#000;}
div#zspaceRadar {position:absolute; top:0; left:0; background: url('../images/radar.gif') no-repeat 0 0; display:block; width:217px; height:293px; z-index:2; }
div.bgFlash {position:absolute; right:0; top:0; z-index:-2; background: url('../images/flashPlaceholder.gif') no-repeat 0 0; display:block; width:281px; height:397px; }
div#content { width:900px; clear:both; float:left; height:17px; position:absolute; top:114px; left:126px; z-index:2;} 
div.videoContainer {padding-bottom:30px;}  
#flashVideo {position:relative; top:0; left:0;}      

/* =footer
----------------- */   
p.credit {margin:0; padding:0; position:fixed; bottom:0; right:0; cursor:pointer; }
p.credit a { display:block; padding:2px 6px 2px 6px; background-color:#0e0e0e; color:#2f2f2f; font-style:italic; }
p.credit a:hover { background-color:#e90e8b; color:#fff; }
                      

/* Page styles
    
	index -> 	
				default 
				home
				creative
				contact
				video
				 
				
				
*/
  


/* =default
----------------- */    
div.heroCol { width:512px; float:left; margin:0 40px 0 0; padding-top:24px; border-top:1px solid #404040; }       
div.nav608 div.heroCol { width:608px; float:left; margin:0 40px 0 0; padding-top:24px; border-top:1px solid #404040; }       
div.heroCol div.heroLeft { width:300px; float:left; margin-right:40px; }
div.heroCol div.heroRight { width:150px; float:left;}
div.heroCol div.heroRight ul {margin-bottom:20px; }
div.heroCol div.heroRight ul li { font-weight:bold; opacity:0.9999; }
div.heroCol div.heroRight ul li.name { color:#fff; }

                                                         
div.listCol { width:250px; float:left; margin:-36px 0 0 0; position:relative; top:0 ;left:0; z-index:20; } 
div.listCol div.ulWrapper {position:absolute;left:-9999px; float:left; /* FROM PATRICK LEE*/ }     
div.listCol ul { float:left; margin-bottom:20px; }   
div.listCol ul li { color:#e90e8b; list-style-type:disc; list-style-position:outside; margin:0 0 5px 3em; padding-left:5px; font-size:8px; /*Decrease Bullet Size*/ } 
div.listCol ul li a { font-size:11px; /*Restore Font Size*/ }
div.listCol h2 {margin-bottom:24px;}     


div.singleCol { width:608px; float:left;}  
   
div.videoCol { width:608px; float:left; padding-top:24px; border-top:1px solid #404040; }
div.videoCol dl { float:left; padding-bottom:30px;}
div.videoCol dl dt {clear:left; float:left; padding-right:4px; font-weight:bold; color:#fff; } 
div.videoCol dl dd {float:left; } 
div.videoCol p { clear:both; }

p.back { position:absolute; top:500px; left:548px;}
p.back a { display:block; text-align:center; width:60px; height:24px; background-color:#121212; font-family:Georgia, Serif, "Times New Roman", Times; font-size:14px; text-transform:lowercase; padding:2px 0 0px 0; color:#ccc;} 
p.back a:hover { background-color:#e90e8b; color:#fff; }   

p.pdfDownload {float:left;}
p.pdfDownload a { float:left; text-align:center; height:24px; background-color:#121212; font-family:Georgia, Serif, "Times New Roman", Times; font-size:13px; text-transform:lowercase; padding:2px 12px 0px 12px; color:#a9a9a9;} 
p.pdfDownload a:hover { background-color:#e90e8b; color:#fff; }


  

/* =home
----------------- */     

div.homeSection {}
div.homeLeftCol {width:346px; clear:both; float:left; margin:0 80px 0 0; padding-top:24px; border-top:1px solid #404040;} 
div.homeRightCol { width:250px; float:left; padding-top:20px; border-top:1px solid #404040; }  
div.cubeImage { position:fixed; bottom:0; left:0; background: url('/images/zspaceCube.jpg') 0 0 no-repeat; width:252px; height:248px; z-index:1;} 

/* =creative
----------------- */ 

/* =toolkit
----------------- */    
div.toolkitContent ul { margin-bottom:14px;}
div.toolkitContent ul li { color:#ccc; list-style-type:disc; list-style-position:outside; margin:0 0 5px 3em; padding-left:5px; font-size:11px; }

/* =contact
----------------- */ 
div.contactSection div.contactCol1 { width:220px; float:left; margin-right:30px; }  
div.contactSection div.contactCol2 { width:160px; float:left; margin-right:30px; }
div.contactSection div.contactCol3 { width:160px; float:left; }  

div.contactSection div.contactCol1 p {font-weight:bold; margin:0; line-height:1.5; }
div.contactSection div.contactCol1 p strong { color:#f69320; display:block; margin:14px 0 11px 0; }

div.contactSection div.contactCol3 ul, div.contactSection div.contactCol2 ul {margin-bottom:16px; }
div.contactSection div.contactCol3, div.contactSection div.contactCol2 { font-weight:bold; opacity:0.9999; }
div.contactSection div.contactCol3, div.contactSection div.contactCol2 { color:#fff; }
            
div.contactSection div.contactCol3 p, div.singleCol div.contactCol2 p { line-height:1.9em; color:#f69320; margin:14px 0 8px 0; opacity:0.9999; }        

div.contactSection div.contactCol1 form { padding-top:2px;} 
div.contactSection div.contactCol1 form label { clear:both; float:left; font-family: Arial, Helvetica, Sans-Serif; font-size:11px; color:#ccc; opacity:0.9999; font-weight:bold; padding-bottom:3px; width:65px; }
div.contactSection div.contactCol1 input { padding:2px; background-color:#121212; border:1px solid #404040; font-family: Arial, Helvetica, Sans-Serif; font-size:11px; color:#ccc; opacity:0.9999; margin-bottom:6px; }  
div.contactSection div.contactCol1 input#subscribeBtn { cursor:pointer; float:left; border:0; text-align:center; height:24px; background-color:#121212; font-family:Georgia, Serif, "Times New Roman", Times; font-size:13px; text-transform:lowercase; padding:2px 14px 10px 12px; color:#a9a9a9; margin:4px 0 0 66px; }
div.contactSection div.contactCol1 input#subscribeBtn:hover { background-color:#e90e8b; }

/* =video
----------------- */