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

*{
	text-decoration:none;
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

html, body{
	margin: 10px 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}

object{
	display:block;
}

hr{
	background-color:#333333;
	height:1px;
	display:block;
}
hr.spaced{
	margin:10px 0;
}

p{
	padding:5px 0;
}
ul{
	padding:5px 0;
}
li{
	margin-left:15px;
	padding-left:0px;
}
b{
	font-weight:bold;
}
i{
	font-style:italic;
}

div.clear{
	clear:both;
	height:0;
	visibility:hidden;
}

a{
	color:#000000;
}

/*
--------------------------------------------
menu
--------------------------------------------
*/

div#main-menu-btns{
	width:630px;
	height:139px;
	margin:0 auto;
	position:fixed;
	left:50%;
	margin-left:-315px;
	top:0;
}

div#main-menu-btns ul{
	list-style:none;
	font-size:1px;
}

div#main-menu-btns li#btn1, div#main-menu-btns li#btn2, div#main-menu-btns li#btn3, div#main-menu-btns li#btn4, div#main-menu-btns li#btn5, div#main-menu-btns li#btn6{
	position:absolute;
	top:0;
	display:block;
	height:139px;
}
div#main-menu-btns li#btn1 a, div#main-menu-btns li#btn2 a, div#main-menu-btns li#btn3 a, div#main-menu-btns li#btn4 a, div#main-menu-btns li#btn5 a, div#main-menu-btns li#btn6 a{
	display:block;
	width:100%;
	height:139px;
	background-image:url(images/menu_btns.png);
	background-repeat:no-repeat;
	
}

div#main-menu-btns li#btn1{
	left:0;
	width:99px;
	z-index:110;
}
div#main-menu-btns li#btn2{
	left:73px;
	width:124px;
	z-index:109;
}
div#main-menu-btns li#btn3{
	left:171px;
	width:114px;
	z-index:108;
}
div#main-menu-btns li#btn4{
	left:259px;
	width:112px;
	z-index:107;
}
div#main-menu-btns li#btn5{
	left:344px;
	width:199px;
	z-index:106;
}
div#main-menu-btns li#btn6{
	left:516px;
	width:112px;
	z-index:105;
}

div#main-menu-btns li#btn1 a{
	background-position:0 -63px;
}
div#main-menu-btns li#btn2 a{
	background-position:-200px -63px;
}
div#main-menu-btns li#btn3 a{
	background-position:-400px -63px;
}
div#main-menu-btns li#btn4 a{
	background-position:-600px -63px;
}
div#main-menu-btns li#btn5 a{
	background-position:-800px -63px;
}
div#main-menu-btns li#btn6 a{
	background-position:-1000px -63px;
}


div#main-menu-bar{
	width:100%;
	height:90px;
	position:fixed;
	top:0;
	left:0;
	z-index:120;
	background-image:url(images/menu_bar.png);
}
div#main-menu-bar .content{
	width:900px;
	height:70px;
	margin:0 auto;
	background-image:url(images/3dilogo.gif);
	background-repeat:no-repeat;
	background-position:0 15px;
}
div#main-menu-bar .loginbtn{
	float:right;
	width:90px;
	height:17px;
	background-image:url(images/login_btn.png);
	background-repeat:no-repeat;
	cursor:pointer;
	margin-top:35px;
}
div#main-menu-bar .loginbtn:hover{
	background-position:bottom;
}



/*
--------------------------------------------
news ticker
--------------------------------------------
*/
div#news-ticker{
	float:right;
	color:#444444;
	height:23px;
	overflow:hidden;
	font-size:13px;
	margin-top:29px;
	font-family:Arial, Helvetica, sans-serif;
}
div#news-ticker ul{
	text-align:right;
	list-style:none;
	padding:0;
	
}
div#news-ticker a{
	color:#444444;
}
div#news-ticker a:hover{
	color:#444444;
	text-decoration:underline;
}
div#news-ticker .name{
	float:left;
	display:block;
	width:235px;
	height:45px;
	padding:5px 15px;
	border-right:1px solid #d9d9d9;
	text-align:right;
}
div#news-ticker .title{
	float:left;
	display:block;
	padding:5px 15px;
	width:590px;
	height:45px;
}


/*
--------------------------------------------
scrollable
--------------------------------------------
*/

div.scrable-btns{
	width:900px;
	height:1px;
	position:relative;
	z-index:15;
}
div.scrable-btns div.next, div.scrable-btns div.prev{
	width:90px;
	height:50px;
	position:absolute;
	top:60px;
	background-image:url(images/scrollable_btns.png);
	cursor:pointer;
}
div.scrable-btns div.next{
	right:-60px;;
	background-position:-90px 0;
}
div.scrable-btns div.next:hover{
	background-position:-90px -50px;
}
div.scrable-btns div.prev{
	left:-60px;
	background-position:0 0;
}
div.scrable-btns div.prev:hover{
	background-position:0 -50px;
}



div.scrable-container{
	width:900px;
	height:175px;
	position:relative;
	overflow:hidden;
	margin-bottom:15px;
}
div.scrable-container div.scrable-items{
	width:5000em;
	position:absolute; 
}
div.scrable-container div.scrable-item{
	display:block;
	float:left;
	position:relative;
	width:295px;
	height:175px;
	background-image:url(images/scrable_item_bg.gif);
	background-repeat:no-repeat;
	margin-right:8px;
	
}
div.scrable-container div.scrable-item img{
	position:absolute;
	z-index:10;
	top:0;
	left:0;
}
div.scrable-container div.scrable-item div.overlay{
	background-image:url(images/overlay_white.png);
	padding:5px 10px;
	width:95px;
	height:155px;
	position:absolute;
	z-index:11;
	top:0;
	left:0;
	overflow:hidden;
	font-size:14px;
}

div.scrable-container a.textbtn, div.scrable-container a.textbtn-blue, div.scrable-container a.textbtn-grey{
	display:block;
	margin:3px 0 30px 0;
	font-family:"Arial Narrow", Charcoal, sans-serif;
	font-weight:bold;
	font-size:24px;
	color:#000000;
	text-decoration:none;
	cursor:pointer;
}
div.scrable-container a.textbtn-blue{
	color:#0066FF;
}

div.scrable-container a.textbtn:hover, div.scrable-container a.textbtn-blue:hover{
	text-decoration:underline;
}
div.scrable-container a.textbtn-grey{
	color:#CCCCCC;
}




/*
--------------------------------------------
product page scrollable
--------------------------------------------
*/

div.products-scrable-btns{
	width:710px;
	padding:0 95px;
	height:1px;
	position:relative;
	z-index:15;
}
div.products-scrable-btns div.next, div.products-scrable-btns div.prev{
	width:90px;
	height:50px;
	position:absolute;
	top:35px;
	cursor:pointer;
	background-image:url(images/scrollable_btns.png);
}
div.products-scrable-btns div.next{
	right:0;
	background-position:-90px 0;
}
div.products-scrable-btns div.prev{
	left:0;
	background-position:0 0;
}
div.products-scrable-btns div.next:hover{
	background-position:-90px -50px;
}
div.products-scrable-btns div.prev:hover{
	background-position:0 -50px;
}


div.products-scrable-container{
	width:710px;
	margin:0 95px;
	height:250px;
	position:relative;
	overflow:hidden;
	margin-bottom:15px;
}
div.products-scrable-container div.scrable-items{
	width:5000em;
	position:absolute; 
}
div.products-scrable-container div.scrable-item{
	display:block;
	float:left;
	position:relative;
	width:210px;
	margin-right:40px;
}

div.products-scrable-container .moreinfo{
	position:absolute;
	bottom:0;
	right:0;
	width:210px;
	margin-top:10px;
}
div.products-scrable-container .moreinfobtn{
	float:right;
	width:90px;
	height:21px;
	background-image:url(images/moreinfo_btn.png);
	cursor:pointer;
}
div.products-scrable-container .moreinfobtn:hover{
	background-position:bottom;
}

div.products-scrable-container ul{
	list-style:none;
}
div.products-scrable-container li{	
	display:block;
	float:right;
	margin-left:3px;
	padding:0;
}
div.products-scrable-container li a{
	color:#FFFFFF;
	display:block;
	width:90px;
	height:21px;
	padding-top:1px;
	text-align:center;
	background-image:url(images/moreinfo_btn.png);
}
div.products-scrable-container li a:hover{
	background-position:bottom;
}

/*
--------------------------------------------
forms
--------------------------------------------
*/ 

form input.text{
	background-color:#F0F0F0;
	width:100%;
}
form td{
	padding:3px;
	background-color:#F0F0F0;
}
form table{
	margin:7px 0;
}

form div.ajaxmsg{
	padding:4px;
	visibility:hidden;
}
form div.received{
	color:#0099FF;
	font-weight:bold;
}
/*
--------------------------------------------
content
--------------------------------------------
*/ 


ul.list-small-btns{
	font-size:11px;
	list-style:none;
}
ul.list-small-btns li{	
	display:block;
	float:right;
	margin-left:3px;
	padding:0;
}
ul.list-small-btns li a{
	color:#FFFFFF;
	display:block;
	width:75px;
	height:18px;
	padding-top:1px;
	text-align:center;
	background-image:url(images/btn2.gif);
}
ul.list-small-btns li a:hover{
	background-position:bottom;
}


#contact-page div.h1{
	font-size:24px;
	padding:30px 50px 0 50px;
}
#contact-page h1{
	font-size:24px;
	padding:10px 0;
	font-weight:normal;
}
#contact-page h2{
	font-size:18px;
}
#contact-page h3{
	font-size:15px;
	font-weight:bold;
}
#contact-page span.h2{
	font-size:18px;
}
#contact-page span.h3{
	font-size:15px;
	font-weight:bold;
}

#training-page h1, #studio-page h1{
	font-family:"Arial Narrow", Charcoal, sans-serif;
	font-weight:bold;
	font-size:24px;
	padding-top:7px;
}

#training-page h2, #studio-page h2{
	font-family:"Arial Narrow", Charcoal, sans-serif;
	font-weight:bold;
	font-size:18px;
	padding:10px 0;
}

#products-page {
	font-size:12px;
	color:#444444;
}

#products-page h1{
	font-family:Arial, Charcoal, sans-serif;
	font-weight:bold;
	font-size:26px;
	padding:20px 0 5px 0;
	color:#000000;
}

#products-page h2{
	font-family:Arial, Charcoal, sans-serif;
	font-weight:bold;
	font-size:16px;
	padding:15px 0;
	color:#000000;
}

#products-page h3{
	font-family:Arial, Charcoal, sans-serif;
	font-weight:bold;
	font-size:14px;
	padding:5px 0;
	color:#000000;
}

#products-page h4{
	font-family:Arial, Charcoal, sans-serif;
	font-weight:normal;
	font-size:14px;
	padding:5px 0;
	color:#000000;
}

span.black{
	color:#000000;
}

span.orange{
	color:#FF6600;
}
span.red{
	color:#FF0000;
}

span.size2{
	font-size:14px;
}

ul.sidelinks{
	float:right;
	display:block;
	list-style:none;
	font-size:14px;
	padding:20px 20px 0 0;
}
ul.sidelinks li{
	float:left;
	display:block;
	padding-left:30px;
}
ul.sidelinks a{
	color:#000000;
}
ul.sidelinks a:hover{
	color:#000000;
	text-decoration:underline;
}

div.textlinks{
	font-weight:bold;
	font-size:12px;
	color:#999999;
	padding:0 0 10px 5px;
}
div.textlinks span{
	font-weight:bold;
	font-size:13px;
	color:#000000;
	cursor:pointer;
}
div.textlinks span:hover{
	text-decoration:underline;
}

div.btn1{
	float:right;
	height:25px;
	font-family:"Arial Narrow", Helvetica, sans-serif;
	font-size:17px;
	background-image:url(images/btn1.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#141130;
	padding:3px 20px 0 30px;
	text-align:right;
}

div.btn1 a{
	display:block;
	color:#FFFFFF;
}

span.strongtxt{
	font-family:"Arial Narrow";
	font-weight:bold;
	font-size:24px;
}

div#main-container{
	width:900px;
	margin:0 auto;
	padding-top:120px;
}

div#footer{
	clear:both;
	text-align:right;
	width:900px;
	border-top:1px solid #CCCCCC;
	color:#999999;
	margin-top:20px;
}
div#footer:before {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


div.two-column{
	width:900px;
}
div.two-column .col1{
	width:280px;
	float:left;
	display:block;
	margin-right:20px;
}
div.two-column .col2{
	width:600px;
	float:left;
	display:block;
}

div.contact-area{
	width:800px;
	height:455px;
	padding:25px 50px;
	background-image:url(images/contact.jpg);
}
div.contact-area a{
	color:#333333;
}
div.contact-area a:hover{
	color:#333333;
	text-decoration:underline;
}

div.career-area{
	width:800px;
	height:455px;
	padding:25px 50px;
	background-image:url(images/careers.jpg);
}



div.contact-area p{
	font-size:14px;
	padding:13px 0;
	color:#444444
}

div.products-area{
	width:900px;
	margin-bottom:15px;
	text-align:center;
}


div.display-area{
	width:900px;
	padding-bottom:25px;
	background-image:url(images/display_area_shadow.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-bottom:15px;
	line-height:0;
}

div.home-area{
	width:900px;
	background-position:bottom;
	background-repeat:no-repeat;
	margin-bottom:15px;
	line-height:0;
}

div.display-area img{
	display:block;
}

div.hr-content{
	width:900px;
	margin:5px 0;
}
div.hr-content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

img.border{
	border:1px solid #CCCCCC;
}



/*
--------------------------------------------
popup window
--------------------------------------------
*/ 

/* 20px shadow */
div.popup{
	width:880px;
	height:540px;
	display: none;
	position: fixed;
	padding:20px;
	background-image:url(images/popup_bg.png);
	font-size:12px;
	top: 30px;
	left: 50%;
	margin-left: -470px;
}


div.popup .content{
	position:relative;
	width:470px;
	height:225px;
	padding:180px 360px 20px 50px;
	background-position:0 15px;
	background-repeat:no-repeat;
}


div.popup .demobtn{
	background-image:url(images/demo_btn.png);
	background-position:0 0;
	width:87px;
	height:25px;
	cursor:pointer;
	float:left;
}
div.popup .demobtn:hover{
	background-position:bottom;
}

div.popup .sendbtn{
	background-image:url(images/send_btn.png);
	background-position:0 0;
	width:87px;
	height:25px;
	cursor:pointer;
	float:left;
}
div.popup .sendbtn:hover{
	background-position:bottom;
}

div.popup .closebtn{
	cursor:pointer;
	position:absolute;
	top:8px;
	right:10px;
	width:15px;
	height:14px;
	background-image:url(images/btnclose.gif);
}
div.popup .closebtn:hover{
	background-image:url(images/btnclose_hover.gif);
}

div.popup .contact{
	margin:15px 0;
	width:300px;
}
div.popup .contactbtn{
	float:left;
	display:block;
	margin-left:10px;
	width:90px;
	height:17px;
	background-image:url(images/contact_btn.png);
	cursor:pointer;
}
div.popup .contacttxt{
	float:left;
	display:block;
	width:190px;
	height:17px;
	font-weight:bold;
}
div.popup .contactbtn:hover{
	background-position:0 -17px;
}

div.popup .videobtn{
	width:90px;
	height:17px;
	margin:8px 0;
	background-image:url(images/video_btn.png);
	cursor:pointer;
}
div.popup .videobtn:hover{
	background-position:0 -17px;
}


/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {

}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.popup {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}