* { margin: 0px; padding: 0px; border: none; outline: none; text-decoration: none; list-style-type: none; }
.clr { clear: both; }
a .alt { display: none; }
.fade * { display: none; }
.left { float: left; }
.right { float: right; }
.left,
.right {  width: 260px; }


html { min-height: 1200px; background: #363a3c url(../img/html_bg.png) top center no-repeat; }

	#container { min-height: 1200px; width: 960px; margin: 0 auto; }
	#container #header { height:250px; }
	
	a#screen.fade { float: left; display: block; position: relative; top: 23px; left: 12px; width: 320px; height: 231px; background: url(../img/screen.png) 0 0 no-repeat; }
	a#screen.fade .hover { float: left; display: block; position: absolute; top: 0; left: 0; width: 320px; height: 231px; background: url(../img/screen.png) 0 -231px no-repeat; }
	a#smallscreen_domeview.fade { float: left; display: block; position: relative; top: 30px; left: 77px; width: 249px; height: 180px; background: url(../img/small_screen_left_domeview.png) 0 0 no-repeat; }
	a#smallscreen_domeview.fade .hover { float: left; display: block; position: absolute; top: 0; left: 0; width: 249px; height: 180px; background: url(../img/small_screen_left_domeview.png) 0 -180px no-repeat; }
	a#smallscreen_fulldome.fade { float: left; display: block; position: relative; top: 30px; left: 90px; width: 249px; height: 180px; background: url(../img/small_screen_right_fulldome.png) 0 0 no-repeat; }
	a#smallscreen_fulldome.fade .hover { float: left; display: block; position: absolute; top: 0; left: 0; width: 249px; height: 180px; background: url(../img/small_screen_right_fulldome.png) 0 -180px no-repeat; }
	
	
	#container #box { height: 750px; margin-top: 40px; }
	#container #box #top { padding: 20px 20px 0px 20px; }
	
	#container #box #menu { margin: 0 20px; }
	#container #box #menu a { margin-right: 10px; }
	
		/* MENU */
	
		a#watch.fade,
		a#software.fade,
		a#features.fade,	
		a#news.fade,
		a#purchase.fade,
		a#clients.fade,
		a#request_trial.fade { float: left; position: relative; display: block; height: 31px; cursor: pointer; }
		
		a#watch.fade { width: 148px; background: url(../img/watch.png) 0 0 no-repeat; }
		a#software.fade { width: 120px; background: url(../img/the_software.png) 0 0 no-repeat; }
		a#features.fade { width: 85px; background: url(../img/features.png) 0 0 no-repeat; }
		a#news.fade { width: 59px; background: url(../img/news.png) 0 0 no-repeat; }
		a#purchase.fade { width: 88px; background: url(../img/purchase.png) 0 0 no-repeat; }
		a#clients.fade { width: 100px; background: url(../img/clients.png) 0 0 no-repeat; }
		a#request_trial.fade { float: right; width: 132px; margin: 0px!important; background: url(../img/request_trial.png) 0 0 no-repeat; }
		
		a#watch.fade .hover,
		a#software.fade .hover,
		a#features.fade .hover,
		a#news.fade .hover,
		a#purchase.fade .hover,
		a#clients.fade .hover,
		a#request_trial.fade .hover { display: block; position: absolute; top: 0; left: 0; height: 31px; }
		
		a#watch.fade .hover { width: 148px; background: url(../img/watch.png) 0 -31px no-repeat; }
		a#software.fade .hover { width: 120px; background: url(../img/the_software.png) 0 -31px no-repeat; }
		a#features.fade .hover { width: 85px; background: url(../img/features.png) 0 -31px no-repeat; }
		a#news.fade .hover { width: 59px; background: url(../img/news.png) 0 -31px no-repeat; }
		a#purchase.fade .hover { width: 88px; background: url(../img/purchase.png) 0 -31px no-repeat; }
		a#clients.fade .hover { width: 100px; background: url(../img/clients.png) 0 -31px no-repeat; }
		a#request_trial.fade .hover { width: 132px; background: url(../img/request_trial.png) 0 -31px no-repeat; }
		
		a#watch.fade.active,
		a#software.fade.active,
		a#features.fade.active,
		a#news.fade.active,
		a#purchase.fade.active,
		a#clients.fade.active { background-position: 0 -31px; }
		
	
		
	#container #content,
	#container #examples { margin-top: 40px; }
	
	#container #content { float: left; width: 622px; height: 480px; margin-left: 19px; background: url(../img/content_bg.png) no-repeat; }
	#container #content #ajax_content { padding: 30px; height: 420px; }
	.video_player { position: relative; top: -30px; left: -30px; width: 622px; height: 480px; background: url(../img/video_player_bg.png) center no-repeat; }
	#container #content .cols { height: 410px; background: url(../img/content_cols_bg.png) center no-repeat; }
	#container #content h1,
	#container #content h2 { padding-left: 18px; color: #d0d1d1; }
	#container #content h1 { font: bold 14px Trebuchet MS; background: url(../img/h1_bull.png) center left no-repeat; }
	#container #content h2 { font: italic 12px Trebuchet MS; }
	#container #content h1.margin,
	#container #content h2.margin { margin-top: 30px; }
	#container #content hr { margin-top: 60px; }
	#container #content h1 span,
	#container #content ul li span { font-size: 11px; line-height: 14px; }
	#container #content p,
	#container #content p.top,
	#container #content ul { font: italic 12px Trebuchet MS; line-height: 17px; color: #b9baba; }
	#container #content p,
	#container #content p.top { padding-left: 18px; }
	#container #content p,
	#container #content ul { margin: 13px 0; }
	#container #content p.top,
	#container #content ul.top,
	#container #content ul.top_cols { margin: 6px 0; padding-top: 7px; }
	#container #content p.top ,
	#container #content ul.top { background: url(../img/p_top_bg.png) 18px 0 no-repeat; }
	#container #content ul.top_cols { background: url(../img/p_top_cols_bg.png) 18px 0 no-repeat; }
	#container #content ul li { margin-bottom: 1px; padding-left: 18px; background: url(../img/ul_bull.png) 7px 3px no-repeat; }
	
	a#us_residents.fade { position: relative; display: block; height: 88px; width: 562px; background: url(../img/us_residents_btn.png) 0 0 no-repeat; border: none!important; }
	a#us_residents.fade .hover { position: absolute; display: block; height: 88px; width: 562px; background: url(../img/us_residents_btn.png) 0 -88px no-repeat; }
	
	#container #content a { font-weight: bold; color: #b9baba; border-bottom: 1px solid #b9baba; }
	#container #content a:hover { color: #fff; border-bottom: 1px solid #fff; }
	
	form.purchase { width: 454px; margin-top: 50px; }
	form.purchase label { float: left; width: 135px; padding-top: 6px; font: bold 16px Trebuchet MS; color: #d0d1d1; text-align: right; }
	form.purchase input,
	form.purchase textarea { padding: 3px 10px; font: bold 14px Trebuchet MS; color: #b9baba; }
	form.purchase input { float: right; width: 280px; height: 29px; margin-bottom: 12px; background: url(../img/purchase_input_bg.png) 0 0 no-repeat; }
	form.purchase input:hover { background-position: 0 -35px; }
	form.purchase input:focus { background-position: 0 -70px; }
	form.purchase textarea { resize: none; width: 415px; height: 192px; margin: 10px 0 20px 18px; padding-top: 10px; background: url(../img/purchase_textarea_bg.png) 0 0 no-repeat; }
	form.purchase textarea:hover { background-position: 0 -205px; }
	form.purchase textarea:focus { background-position: 0 -410px; }
	form.purchase input.submit_btn { float: right; height: 39px; width: 80px; margin-left: 10px; background: url(../img/purchase_submit_btn.png) 0 0 no-repeat; }
	form.purchase input.submit_btn:hover { background-position: 0 -39px; }
	form.purchase input.cancel_btn { float: right; height: 39px; width: 67px; background: url(../img/purchase_cancel_btn.png) 0 0 no-repeat; }
	form.purchase input.cancel_btn:hover { background-position: 0 -39px; }
	
	#container #examples { float: right; width: 282px; height: 460px; margin-right: 19px; padding-top: 60px; background: url(../img/examples_bg.png) top center no-repeat; }
	#container #examples .row { margin-top: 40px; height: 94px; padding-left: 1px; }
	#container #examples .row a { float: left; position: relative; display: block; width: 109px; height: 94px; margin-left: 20px; }
	#container #examples .row a#thumb1 { background: url(../img/thumb1.png) 0 0 no-repeat; }
	#container #examples .row a#thumb2 { background: url(../img/thumb2.png) 0 0 no-repeat; }
	#container #examples .row a#thumb3 { background: url(../img/thumb3.png) 0 0 no-repeat; }
	#container #examples .row a#thumb4 { background: url(../img/thumb4.png) 0 0 no-repeat; }
	#container #examples .row a#thumb5 { background: url(../img/thumb5.png) 0 0 no-repeat; }
	#container #examples .row a#thumb6 { background: url(../img/thumb6.png) 0 0 no-repeat; }
	#container #examples .row a#thumb7 { background: url(../img/thumb7.png) 0 0 no-repeat; }
	#container #examples .row a#thumb8 { background: url(../img/thumb8.png) 0 0 no-repeat; }
	#container #examples .row a#thumb9 { background: url(../img/thumb9.png) 0 0 no-repeat; }
	#container #examples .row a#thumb10 { background: url(../img/thumb10.png) 0 0 no-repeat; }
	#container #examples .row a#thumb11 { background: url(../img/thumb11.png) 0 0 no-repeat; }
	#container #examples .row a#thumb12 { background: url(../img/thumb12.png) 0 0 no-repeat; }
	#container #examples .row a .hover { display: block; position: absolute; top: 0; left: 0; height: 94px; width: 109px; }
	#container #examples .row a#thumb1 .hover {  background: url(../img/thumb1.png) 0 -94px no-repeat; }
	#container #examples .row a#thumb2 .hover {  background: url(../img/thumb2.png) 0 -94px no-repeat; }
	#container #examples .row a#thumb3 .hover {  background: url(../img/thumb3.png) 0 -94px no-repeat; }
	#container #examples .row a#thumb4 .hover {  background: url(../img/thumb4.png) 0 -94px no-repeat; }
	#container #examples .row a#thumb5 .hover {  background: url(../img/thumb5.png) 0 -94px no-repeat; }
	#container #examples .row a#thumb6 .hover {  background: url(../img/thumb6.png) 0 -94px no-repeat; }
	#container #examples .row a#thumb7 .hover {  background: url(../img/thumb7.png) 0 -94px no-repeat; }
	#container #examples .row a#thumb8 .hover {  background: url(../img/thumb8.png) 0 -94px no-repeat; }
	#container #examples .row a#thumb9 .hover {  background: url(../img/thumb9.png) 0 -94px no-repeat; }
	#container #examples .row a#thumb10 .hover {  background: url(../img/thumb10.png) 0 -94px no-repeat; }
	#container #examples .row a#thumb11 .hover {  background: url(../img/thumb11.png) 0 -94px no-repeat; }
	#container #examples .row a#thumb12 .hover {  background: url(../img/thumb12.png) 0 -94px no-repeat; }
	
	#container p.footer { margin-top: 34px; text-align: center; font: italic 11px Trebuchet MS; color: #3A3A3C; }
	#container p.footer a { color: #3A3A3C; text-decoration: underline;}
	#container p.footer a:hover { color: #7A7A7C; text-decoration: underline;}
	
	#loading{ float: left; position: relative; top: -44px; left: 32px; height: 20px; visibility: hidden; }
	
	
	
	
	/* TOOLTIP */
	.tip { overflow: hidden; display: none; width: 212px; position: absolute; z-index: 500; padding-top: 15px; font: 12px Trebuchet MS; color: #c9c9c9; background: transparent url(../img/tipTop.png) no-repeat top;}
	.tipMid { padding: 0 15px;background: transparent url(../img/tipMid.png) repeat-y; }
	.tipBtm { height: 27px; background: transparent url(../img/tipBtm.png) no-repeat bottom; }

	
	/* slider */
	#slider { width: 282px; margin: 0px auto; position: relative; }
	.scroll { width: 282px; height: 410px; overflow: auto; overflow-x: hidden; position: relative; clear: left; }
	.scrollContainer { width: 282px; }
	.scrollContainer div.panel { position: absolute; top: 0px; width: 282px; height: 410px; }
	.scrollButtons { position: absolute; top: 423px; cursor: pointer; }
	.scrollButtons.left,
	.scrollButtons.right { width: 20px; height: 20px; }
	.scrollButtons.left { left: 115px; }
	.scrollButtons.right { right: 115px; }
	.scrollButtons.left:hover { top: 424px; }
	.scrollButtons.left:active { left: 114px; }
	.scrollButtons.right { right: 115px; }
	.scrollButtons.right:hover { top: 424px; }
	.scrollButtons.right:active { right: 114px; }
	.hide { display: none; }
	
	
	/* THICKBOX */
	#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
	.TB_overlayMacFFBGHack { background: url(../img/macFFBgHack.png) repeat;}
	.TB_overlayBG { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; background: #0b0c0e url(../img/thickbox_bg.jpg) top center repeat; }
	* html #TB_overlay { /* ie6 hack */
	     position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
	#TB_window { position: fixed; z-index: 102; color:#000000; display:none; text-align:left; top:50%; left:50%;	}
	* html #TB_window { /* ie6 hack */
		position: absolute;	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
	#TB_window img#TB_Image { display:block; margin: 15px 0px 0px 15px; }
	#TB_caption{ height:10px; float:left; }
	#TB_closeWindow{ height:10px; float:right; }
	#TB_closeAjaxWindow{ text-align:right; float:right; font: 11px Arial; color: #aaa; }
	#TB_closeAjaxWindow a { color: #8fc0cc; }
	#TB_closeAjaxWindow a:hover { color: #00a3cc; }
	#TB_ajaxWindowTitle{ float:left; }
	#TB_title{  }
	#TB_ajaxContent{ clear:both; padding: 2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
	#TB_ajaxContent.TB_modal{ padding: 15px; }
	#TB_ajaxContent p { padding:5px 0px 5px 0px; }
	#TB_load{ position: fixed; display:none; height:32px; width:32px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
	* html #TB_load { /* ie6 hack */
		position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
	#TB_HideSelect{
	  z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
	* html #TB_HideSelect { /* ie6 hack */
	     position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
	#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px;_margin-bottom:1px; }
	#TB_closeWindowButton { position: absolute; top: -26px; right: -20px; padding: 18px; background: url(../img/closebox.png) center no-repeat; opacity: 0.85; }
	#TB_closeWindowButton:hover { opacity: 1; }
	
	
	
	/* SCROLL */
	#scroll_content { width: 563px; height: 417px; padding-right: 25px; overflow: hidden; }
	.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
	.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: url(../img/scroll_track_bg.png) 0 0 no-repeat; }
	.jScrollPaneDrag { position: absolute; overflow: hidden; width: 7px; background: url(../img/drag_mid.png) 0 0 repeat-y; }
	.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; height: 5px; width: 7px; background: url(../img/drag_top.png) 0 0 no-repeat; }
	.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; height: 5px; width: 7px; background: url(../img/drag_bottom.png) 0 0 no-repeat; }

	
	
	/* SLIDESHOW */
	#slideshow { position: relative; top: 12px; left: 11px; width: 600px; height: 465px; }
	#slideshow div { position: absolute; top: 0; left:0; z-index: 8; opacity: 0.0; height: 465px; }
	#slideshow div.active { z-index: 10; opacity: 1.0; }
	#slideshow div.last-active { z-index: 9; }
	#slideshow div img { width: 600px; height: 465px; display: block; }