@import url("reset.css");
/**
* Toxic Media Gallaxy UI Styles
* 
* @copyright: Toxic Media Ltd. Sofia, Bulgaria
* @version: 1.0
* @see: http://www.toxicmedia.bg
*/

body { display:table; width:100%; background-color:#000; }


.galaxy { position:relative; background:url(../images/texture.tile.jpg) 0 0 repeat-x; background-color:#f5f9fa;  display:none;  }

* html #content { height: 100%; }

#template { position:relative; }

#debug { height:500px; background-color:#fff; color:#000; }

/* Navigation styles */
#navigation { position:relative; background:url(../images/header.tile.jpg) 0 0 repeat-x; background-position:top; z-index:9997; }
#navigation ul { position:relative; width:976px; height:150px; padding-top:41px; margin:0px auto; z-index:9997; background:url(../images/logo.header.png) 0 0 no-repeat; background-position:top left; padding-left:1px;  }
#navigation ul li { position:relative; display:block; float:left; height:53px;  width:141px; z-index:1; }
#navigation ul li.x { width:90px; }
#navigation ul li a { display:block; height:35px; width:141px; padding-top:18px; text-transform:uppercase; text-align:center; font-family:Trebuchet MS, Verdana, UnDotum; font-size:11px; color:#707070; font-style: normal; }
#navigation ul li a.selected {  position:absolute; top:0px; left:0px; background:url(../images/button.over.jpg) 0 0 no-repeat; color:#f6ffb3; }

#navigation ul li.left-button, 
#navigation ul li.right-button  { width:160px; height:73px; }
#navigation ul li.left-button a,
#navigation ul li.right-button a { width:160px; height:73px }

#navigation ul li.left-button a.selected { position:absolute; top:-1px; padding-top:19px; background:url(../images/button.over.left.png) 0 0 no-repeat; }
#navigation ul li.right-button a.selected {  position:absolute; top:-1px; padding-top:19px; background:url(../images/button.over.right.png) 0 0 no-repeat;  }


/* Navigation buttons hovers */
#navigation ul li div { position:absolute; top:0px; left:0px; width:141px; height:53px; display:none; } 
#navigation ul li div a { position:absolute; top:0px; left:0px; color:#f6ffb3; background:url(../images/button.over.jpg) 0 0 no-repeat; }
#navigation ul li.active a { position:absolute; top:0px; left:0px; background:url(../images/button.over.jpg) 0 0 no-repeat; color:#f6ffb3; } 

#navigation ul li.active a.left-button-anchor { top:-1px; padding-top:19px; background:url(../images/button.over.left.png) 0 0 no-repeat; }
#navigation ul li.active a.right-button-anchor { top:-1px; padding-top:19px;  background:url(../images/button.over.right.png) 0 0 no-repeat;  }

#navigation ul li.left-button div { position:absolute; top:0px; left:0px; width:160px; height:73px; dispaly:none; } 
#navigation ul li.left-button div a { position:absolute; top:-1px; left:0px; padding-top:19px; color:#f6ffb3; background:url(../images/button.over.left.png) 0 0 no-repeat; }

#navigation ul li.right-button div { position:absolute; top:0px; left:0px; width:160px; height:73px; display:none; } 
#navigation ul li.right-button div a { position:absolute; top:-1px; padding-top:19px; left:0px; color:#f6ffb3; background:url(../images/button.over.right.png) 0 0 no-repeat }
/* EOF Navigation styles */

.loader-monitor { position:absolute; top:50%; left:50%; }

#loader, #preloader { position:absolute; top:50%; left:50%; width:40px; height:40px; z-index:9997; margin-top:-20px; margin-left:-45px; display:none; }
#preloader { display:block; } 

#content { position:relative; margin-top:-97px;  padding-top:88px;  height:100%; min-height:99%; z-index:1;  background:url(../images/texture.jpg) 0 0 no-repeat; background-position:top center;  }


/* Header */
.header { position:relative; width:1025px; margin:0px auto; padding-left:50px;  }

#languages { position:absolute; top:11px; left:50%; margin-left:434px; width:52px; height:23px; color:#fff; z-index:9998;  background:url(../images/language.gif) 0 0 no-repeat; }
#languages a { display:block; float:left;  width:17px; padding-left:6px; padding-top:2px; height:21px; background:url(../images/language.over.gif) 0 0 no-repeat; color:#848484; font-family:Trebuchet MS, Verdana, UnDotum; font-size:11px; }
#languages a:hover, #languages a.active-language { background:none; color:#c5e21b; } 
#languages a.next-language { margin-left:5px; width:17px; padding-left:6px; } 

#area { position:relative; height:547px; }

.area-shadow { position:absolute; left:-20px; bottom:0px; width:1039px; height:31px; -khtml-opacity:.50; -moz-opacity:.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); opacity:.50;  zoom:1; overflow:hidden; }

/* Monitor styles */
#monitor { position:relative; color:#fff; background:url(../images/screen.top.png) 0 0 no-repeat; background-position:top left; padding-top:15px; }
#monitor .monitor-circle { position:absolute; top:-72px; left:-62px; width:107px; height:107px; background:url(../images/top.circle.png) 0 0 no-repeat; z-index:9998; }
#monitor .monitor-frame { position:relative; margin-left:14px;  height:340px; width:944px; z-index:1; overflow:hidden; }
#monitor .monitor-glass-static { position:absolute; top:-54px; left:0px; width:1023px; height:201px; background:url(../images/glass.png) 0 0 no-repeat; background-position:left top; z-index:9997; }

#monitor h1 { display:block; position:absolute; width:200px; left:30px; top:-20px; font-family:Trebuchet MS, Verdana, UnDotum; font-size:13px; color:#dfdede; z-index:9998; }


#monitorcontrols  { position:relative; height:88px; background:url(../images/screen.bottom.png) 0 0 no-repeat; background-position:left bottom; margin-top:-35px; z-index:9998;  } 
#monitorcontrols .monitor-dot {  position:absolute; bottom:-25px; left:0px; width:1025px; height:153px; background:url(../images/ui.dot.png) 0 0 no-repeat; background-position:bottom right; z-index:9998; }

.monitor-tools { position:absolute; bottom:56px; right:150px;  height:51px; z-index:9998; width:auto; }
.monitor-tools .monitor-tools-buttons { height:53px; background:url(../images/ui.left.png) 0 0 no-repeat; background-position:left center; color:#fff; z-index:9998; padding-left:24px;  } 
.monitor-tools .monitor-tools-blank { background:none; }
.monitor-tools .monitor-tools-buttons .monitor-tools-buttons-container { float:left;  padding-right:0px;   height:51px;  } 

.monitor-data { position:relative; float:left; padding-top:16px; height:30px; color:#e3e3e3; font-family:Trebuchet MS, Verdana, UnDotum; font-size:13px; font-style:italic; }
.monitor-data span { color:#6a6a6a; }
.monitor-page { position:relative; float:left; padding-top:10px; }
.monitor-page ul li { position:relative; float:left; width:32px; height:32px; }
.monitor-page ul li a { display:block;  float:left;  width:21px; padding-left:11px; height:27px; padding-top:5px; background:url(../images/blue.circle.png) 0 0 no-repeat; background-position:center center; color:#fff; font-family:Trebuchet MS, Verdana, UnDotum; font-size:17px; font-weight:bold; font-style:italic; }
.monitor-page ul li div { position:absolute; top:0px; left:0px; width:32px; height:32px; }
.monitor-page ul li div a { display:block; float:none; background:url(../images/blue.circle.over.png) 0 0 no-repeat; color:#000; background-position:center center;  }
.monitor-page ul li.active a { background:url(../images/blue.circle.active.png) 0 0 no-repeat; background-position:center center; color:#000; }
.monitor-page ul li.active div a  { display:block; float:none; background:url(../images/blue.circle.over.png) 0 0 no-repeat; background-position:center center; color:#000;  } 

a.arrow { position:absolute; top:50%; width:40px; height:54px; z-index:9998; margin-top:-37px; }
a.arrow-prev { left:25px; background:url(../images/big.arr.left.png) 0 0 no-repeat;}
a.arrow-prev div { position:absolute; top:0px; left:0px; width:40px; height:54px; background:url(../images/big.arr.left.over.png) 0 0 no-repeat; }

a.arrow-next { left:906px; background:url(../images/big.arr.right.png) 0 0 no-repeat; }
a.arrow-next div { position:absolute; top:0px; left:0px; width:40px; height:54px; background:url(../images/big.arr.right.over.png) 0 0 no-repeat;  }

/* Page styles */
.page { position:relative; margin:0px auto; width:994px; padding-left:20px; padding-top:30px; padding-bottom:30px; } 

/* Sidebar styles */
.sidebar { width:312px; }

/* Content styles */
.content { width:682px; }

/* Columns */
.galaxy-column { position:relative; float:left; font-family:Trebuchet MS, Verdana, UnDotum; font-size:11px; color:#363636; line-height:15px; }

.single-column { width:323px; height:auto !important; height:180px; min-height:180px; }
.auto-column { padding:20px; padding-top:0px; width:283px;  } 

.separated-column { background:url(../images/footer.sep.png) 0 0 no-repeat; background-position:right center; }
.branded-column { height:180px; padding-left:120px; padding-right:20px;  }
.single-column h2 { display:block; padding-bottom:10px; margin-bottom:10px; height:20px; font-family:Trebuchet MS, Verdana, UnDotum; font-size:16px; color:#396500; background:url(../images/dots.jpg) 0 0 repeat-x; background-position:bottom; }

/* Brands */
.cms { background:url(../images/logo.cms.png) 0 0 no-repeat; }
.ecommerce { background:url(../images/logo.cms2.png) 0 0 no-repeat; }
.about { padding-left:20px; }


.button-more { position:absolute; left:120px; bottom:0px; width:114px; height:36px; }
.button-more a { position:absolute; left:0px; top:0px; display:block; width:114px; height:36px; line-height:25px; text-align:center; font-family:Trebuchet MS, Verdana, UnDotum; font-size:11px; color:#b8e717;  background:url(../images/button2.png) 0 0 no-repeat; } 
.button-more div { position:absolute; top:0px; left: 0px; display:none; width:114px; height:36px; background:none; }
.button-more div a { background:url(../images/button2.over.png) 0 0 no-repeat;  color:#000; } 

.about .button-more { left:20px; }

ul.showroom { position:relative; width:944px; }
ul.showroom li { position:absolute; top:0px; left:0px; width:944px; overflow:hidden; display:none; }
ul.showroom li.visible { display:block;  }

div.carousel { position:relative; height:53px; padding-left:34px; padding-right:34px; width:740px; overflow:hidden;  z-index:9998; margin-left:70px; }
div.carousel div { position:relative; }
div.carousel ul li { position:relative; display:block; float:left; width:146px; background:url(../images/separator2.png) 0 0 no-repeat; background-position:right;  }
div.carousel ul li a { display:block; height:35px; padding-top:18px; width:146px;  text-align:center; font-family:Trebuchet MS, Verdana, UnDotum; font-size:13px; color:#77941f; }
div.carousel ul li.active a { background:url(../images/ui.button.png) 0 0 no-repeat; background-position:right; color:#fff; }
div.carousel a.carousel-arrow { display:block; position:absolute; top:12px; width:34px; height:34px; cursor:pointer; z-index:9998; }
div.carousel a.carousel-arrow div { position:absolute; top:0px; left:0px;  width:34px; height:34px; }
div.carousel a.carousel-prev { left:0px; background:url(../images/arr.left.png) 0 0 no-repeat; }
div.carousel a.carousel-next { right:0px; background:url(../images/arr.right.png) 0 0 no-repeat}
div.carousel a.carousel-prev div { background:url(../images/arr.left.over.png) 0 0 no-repeat; }
div.carousel a.carousel-next div {  background:url(../images/arr.right.over.png) 0 0 no-repeat; }
div.carousel ul li div { position:absolute; top:0px; left:0px; }
div.carousel ul li div a { display:block; float:none; background:url(../images/ui.button.png) 0 0 no-repeat; color:#fff; background-position:center center; }

.tooltip { position:absolute; bottom:50px; left:110px; width:770px; height:70px; z-index:9998; display:none; }
.tooltip .toolcol { float:left; width:250px; height:70px; background:url(../images/dots.gif) 0 0 no-repeat; background-position:top right; padding-left:20px;  font-family:Trebuchet MS, Verdana, UnDotum; }
.tooltip .tooltip-project-name { width:200px; font-size:15px; color:#fff;  }
.tooltip .tooltip-project-info { font-size:12px; color:#777777; line-height:13px; overflow:hidden; } 
.tooltip .tooltip-project-domain { font-size:12px; color:#5e5e5e; height:12px; line-height:12px; }
.tooltip .tooltip-project-link { background:none; }
.tooltip .tooltip-project-link a { font-size:11px; color:#869c22; }
.tooltip .tooltip-project-link a:hover { color:#fff; }

.baloon { position:absolute; bottom:34px; right:0px; display:block; width:129px; height: 55px; background:url(../images/button1.png) 0 0 no-repeat; z-index:9998; display:none; }
.baloon a { display:block; width:129px; height:55px; text-align:center; line-height:45px; font-family:Trebuchet MS, Verdana, UnDotum; font-size:11px; color:#e6df18; } 
.baloon a:hover { color:#fff; } 

.floating { position:absolute; top:0px; left:-400px; width:950px; z-index:0;  font-family:Trebuchet MS, Verdana, UnDotum; font-size:11px; line-height:15px;  }
.floating .column { position:relative; float:left; padding-left:30px; padding-right:10px; z-index:1; font-size:12px; color:#646464; line-height:16px;  background:url(../images/separator.png) 0 0 no-repeat; background-position:top right; padding-bottom:20px;  }
.floating .column strong { display:block; padding-bottom:5px; font-size:14px; color:#c0d053; font-weight:normal; font-family:Trebuchet MS, Verdana, UnDotum;   }
.floating .last-column { background:none; } 
.floating .first-column { padding-left:45px; }
.floating .pad-column { } 
 
.floating .single-column { padding:0px; }
span.sensor { display:none; }

#footer { position:relative; height:54px; background:url(../images/footer.tile.gif) 0 0 repeat-x; background-position: bottom;  }
#footer .footer-content { height:29px; padding-top:25px; background:url(../images/footer.png) 0 0 no-repeat; background-position:top center; }

#footer .footer-content-links { position:relative; width:936px; margin:0px auto; height:29px; padding-right:80px;  } 
#footer .footer-content-links ul li { position:relative; float:left; }
#footer .footer-content-links ul li a { display:block; float:left; padding-right:20px; padding-left:20px; font-family:Trebuchet MS, Verdana, UnDotum; font-size:11px; color:#4f4f4f;  text-align:center; text-transform:lowercase; } 
#footer .footer-content-links ul li div { position:absolute; top:0px; left:0px; text-align:center; }
#footer .footer-content-links ul li div a { color:#000; text-align:center; }

.copyright { position:absolute; top:1px; right:20px; width:300px; text-align:right;  font-family:Trebuchet MS, Verdana, UnDotum; font-size:11px; color:#757575; }
.ie { position:absolute; top:100px; left:50%; width:500px; margin-left:-250px; color:#000; display:none; background-color:#FFF; padding:20px; border:1px solid #ccc; }

img.error { position:absolute; top:100px; left:50%; margin-left:-70px; }

.form { font-family:Trebuchet MS, Verdana, UnDotum; font-size:12px; color:#646464; line-height:16px;  }
.form .form-column { float:left; width:450px; height:200px;  }
.form .form-column div.form-row { padding-top:6px; padding-bottom:5px; }
.form .form-column div.label { position:relative; float:left; width:75px; text-align:right; padding-right:10px;  font-family:Trebuchet MS, Verdana, UnDotum; font-size:13px; color:#7a7979; padding-top:3px; }
.form .form-column div.error { color:#c70000; }
.form .form-column div.field { position:relative; float:left; width:326px; height:auto !important; height:28px; min-height:28px; background:url(../images/input1.gif ) 0 0 no-repeat;  }
.form .form-column div.field input { position:absolute; top:2px; left:4px; display:block; width:318px; height:24px; border:none; background-color:#000;  color:#fff; } 
.form .form-column div.field-area { position:relative; float:left; width:356px; height:auto !important; height:148px; min-height:148px; background:url(../images/input2.gif) 0 0 no-repeat; padding-top:1px; padding-bottom:1px; }
.form .form-column div.field-area textarea { display:block; position:absolute; top:3px; left:3px; width:350px; height:140px; background:none; border:none; background-color:#000; color:#fff; overflow:auto; }
.form span.required { color:#dcfe00; }
.form .fixed-column { height:120px; padding-left:80px; padding-top:50px; }

.overlay { position:absolute; top:0px; left:0px; background-color:#000; z-index:10000; border:1px solid #000; } 

.send { position:absolute; top:0px; left:87px; width:146px; height:53px; z-index:9998; }
.send a { position:absolute; left:0px; top:0px; display:block; width:146px; height:53px; line-height:50px; text-align:center; font-family:Trebuchet MS, Verdana, UnDotum; font-size:11px; color:#b8e717;  background:url(../images/button3.png) 0 0 no-repeat; } 
.send div { position:absolute; top:0px; left: 0px; display:block; width:146px; height:53px; }
.send div a { background:url(../images/button3.over.png) 0 0 no-repeat;  color:#fff; } 

.overlay { position:absolute; top:0px; left:0px; background-color:#000; width:100%; height:100%; border:none; padding:0; margin:0; z-index:9998;   }
.overlay-message { position:absolute; width:1000px; top:50px; left:50%; margin-left:-540px; height:auto !important; height:180px; min-height:180px; color:#fff; z-index:9998; background-color:#000; padding:40px;  font-family:Trebuchet MS, Verdana, UnDotum; font-size:11px; line-height:15px; color:#646464; }
.fullscale { position:absolute; top:25px; left:50%; width:0px; height:0px; overflow:hidden; z-index:9999; background-color:#fff; }