a.fbLink span,
h3 span,
h2 span,
h1 span,
.toolBoxData,
.home_tooltip,
#logo a span,
#hideContent span,
#header_navi #lang_switch li a span,
.hide
{
  display: none;
}


pre
{
  border: 1px solid #666;
  margin: 10px;
  padding: 10px;
  text-align: left;
}

*
{
  margin: 0;
  padding: 0;
}

html
{
  overflow: -moz-scrollbars-vertical;
  height: 100%;
  min-height:800px;
}

body,
h1,
h2,
h3,
h4,
h5,
button,
input,
select,
textarea,
th,
td
{
  color: #fff;
  font: 11px Arial, Verdana, sans-serif;
  line-height: 1.3em;
}

body
{
  height:100%;
  background-color:#000;  
  background-image:url(../images/bg/bg_body.gif);
  
}

button
{
  cursor: pointer;
}

th,
td
{
  vertical-align: top;
}

th
{
  font-weight: bold;
}

a
{
  color: #77b800;
  text-decoration: none;
  outline: none;
}

a img
{
  border: 0;
}

a:hover
{
  color:#77b800;
  text-decoration: underline;
}

h1
{
  font-size:15px;
  font-weight:bold;
  color:#fff;
  padding-bottom:10px;
}

h1,h2,h3 {
  background-repeat:no-repeat;
}

h3 {
	min-height:25px !important;
}


ol,
ul
{
  list-style: none;
}

.clear
{
  clear: both;
  height: 0;
  line-height: 0;
  font-size:0;
}

.clear_left
{
  clear:left;
  line-height:0;
  height:0;
  font-size:0;
}

.clear_right
{
  clear:right;
  line-height:0;
  height:0;
  font-size:0;
}

#container
{
    position:relative;
    z-index:200;
}

#holder
{
    margin:0px auto;
    width:900px;
    position:relative;
}


#header,
#nav,
#main,
#footer
{
  clear:both;
}

#header
{
  height:87px;
  position:absolute;
  top:45px;
  z-index:600;
  width:100%;
  overflow:hidden;
}

#main
{
    padding:138px 0px 30px 0px;
    position:relative;
    z-index:500;
}

#footer
{
  padding:10px 0px 20px;
  border-top:1px solid #181818;
  overflow:hidden;
}


/* header begin */

#logo
{
    width:255px;
    height:87px;
    float:left;
}

#logo a
{
  width:255px;
  height:87px;
  display:block;
  background-image:url(../images/logo.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;	
}

#rootline
{
  margin-top:10px;
  clear:both;
  padding-left:30px;
}

#rootline li
{
  color:#fff;
  font-size:9px;
  display:inline;
  text-transform: uppercase;
}

#rootline li a
{
  text-decoration: underline;
  color:#fff;
}

/* header end */


/* navi begin */

#navi
{
    padding-top:25px;
    width:640px;
    float:left;
    overflow:hidden;
}

#navi ul li
{
  display:inline;
}

#navi ul li a
{
  height:15px;
  overflow:hidden;
  display:block;
  float:left;
  padding:1px 5px;
  margin-right:20px;
  background-position: 50% 1px;
}

#navi ul li ul li a:hover,
#navi ul li a:hover,
#navi ul li.active ul li.curr a,
#navi ul li.curr a,
#navi ul li.active li.active a,
#navi ul li.active a
{
  background-position: 50% -14px;
}


#footer #footerNavi
{
	display:block;
	float:right;
	padding-top:2px;
}

#footer #footerNavi li
{
	display:inline;
}

#footer #footerNavi li a
{
	color:#555;
	text-transform: uppercase;
	float:left;
	display:block;
	padding-left:10px;
	border-left:1px solid #222;
	margin-left:10px;
}

#footer #footerNavi li.first a
{
	border-left:0px;
}

a.fbLink {
	display:block;
	float:right;
	width:18px;
	height:18px;
	background:transparent url(../images/bg/facebook.png) no-repeat  0px 0px;
}

/* navi end */



/*-----------------------*/




#main_middle h2.headerImg,
#main_middle h1.headerImg
{
	background-repeat: no-repeat;
	background-position:20px 20px;
	padding:20px 20px 13px 0px;
	border-bottom:1px solid #282828;
	margin-bottom:15px;
	clear:both;
}


/*-----------------------*/
/* footer */




/* supersized */
#supersize { 

    position:fixed;
    z-index:100;
    overflow:hidden;
    /*
    opacity: .7;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
    filter: alpha(opacity=70);	
    */
}

#supersize img, 
#supersize a{   
    height:100%;   
    width:100%;   
    display:none;   
}   
#supersize .start, 
#supersize .start img{   
/*
    display:inline; 
*/  
}  

#showContent,
#hideContent
{
    position:absolute;
    z-index:2000;
    display:block;
    float:right;
    cursor:pointer;
}

#showContent {
    left:50%;
    height:16px;
    padding:2px;
    width:200px;
    background-color:#000;
    display:none;
    margin-left:-100px;
    font-size:10px;
    cursor:pointer;
    text-align:center;
}

#hideContent {
    right:0px;
    width:15px;
    height:13px;
    background-image:url(../images/bu/bu_close.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}


/*  */
.myGallery {
    border:0px solid #000000 !important;
}

.jdGallery .slideElement
{
    background-color:transparent !important;
}

#rglbOverlay {
    z-index:1015 !important;
}
#rglbCenter, #rglbBottom {
    z-index:1020 !important;
}
#rglbImage {
    z-index:1025 !important;
}
#rglbPrevLink, #rglbNextLink {

    z-index:1026 !important;
}

.jdGallery div.carouselContainer {
}


/* qtip */
.qtip-content {
    font-size:10px;
}







.trippleBox {
	width:258px;
	float:left;
	min-height:160px;
	border-left:1px solid #282828;
	padding:5px 20px;
}

.tBFirst {
	border-left:none;
}


.divider {
	clear:both;
	padding-top:30px;
	margin-bottom:20px;
	border-bottom:1px solid #282828;
	overflow:hidden;
}

.divider * {
	display:none;
}

#main .rte_text ul li {
	display:block;
    background-image:url(../images/bg/bg_rte_li.gif);
    background-repeat: no-repeat;
    background-position: 0 6px;
    padding-left:10px;
    padding-bottom:3px;
}

#main .clientGallery .csc-textpic-imagewrap .csc-textpic-imagecolumn,
#main .clientGallery .csc-textpic-imagewrap {
	width:100% !important;
}

#main .clientGallery li {
	display:block;
	float:left;
	width:260px;
	height:130px;
	border:1px solid #282828;
	margin:15px 20px !important;
}

.contactBox {
	overflow:hidden;
}


.contactBox .csc-textpic {
	position:relative;
	overflow:hidden;
	border:1px solid #282828;
}

.contactBox .csc-textpic .csc-textpic-imagewrap {
	overflow:hidden;
	background-color:#000;
	padding:3px;
}

.contactBox .csc-textpic .csc-textpic-imagewrap img {
	display:block;
}

.contactBox .csc-textpic .csc-textpic-text {
	position:absolute;
	bottom:0px;
	left:0px;
	background-color:#000;
	opacity: .7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
	filter: alpha(opacity=70);
	width:100%;

}

.contactBox .csc-textpic .csc-textpic-text .rte_text {
	padding:6px 10px;
}

.contactBox .csc-textpic .csc-textpic-text .rte_text br {
	display:none;
}


.contactBox .csc-textpic .csc-textpic-text .rte_text i {
    padding-left:25px;
    padding-top:2px;
    height:16px;
    display:block;
    font-weight:bold;
    font-style: normal;
}

.contactBox .csc-textpic .csc-textpic-text .rte_text a,
.contactBox .csc-textpic .csc-textpic-text .rte_text b {
    background-image:url(../images/bg/ico_contact_box_phone.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left:25px;
    padding-top:2px;
    height:16px;
    display:block;
}

.contactBox .csc-textpic .csc-textpic-text .rte_text a {
    background-image:url(../images/bg/ico_contact_box_mail.gif);
    background-position: 0px 5px;
}
 
/* gallery  */


.imgGalleryBox {
	position:relative;
	padding-bottom:15px;
	overflow:hidden;
}

.imgGalleryBox .csc-textpic-imagecolumn {
	margin-right:25px !important;
}


.imgGalleryBox .browse {
	position:absolute;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width:22px;
    height:52px;
    display:block;
    cursor:pointer;
}

.imgGalleryBox .left {	
	left:5px;
	top:120px;
    background-image:url(../images/bu/bg_gallery_prev.png);
}
.imgGalleryBox .right {	
	left:421px;
	top:120px;
    background-image:url(../images/bu/bg_gallery_next.png);
}

.imgGalleryBox .csc-textpic-imagewrap {
	background-color:#000;
	border:1px solid #282828;
	padding:4px !important;
	width:438px;
	height:282px;
	display:block;
	margin-right:20px;
}

.imgGalleryBox .csc-textpic-imagewrap .csc-textpic-imagecolumn {
	width:438px;
	height:282px;
	display:block;
	overflow:hidden;
	position:relative;	
}

.imgGalleryBox .csc-textpic-imagecolumn ul {
	position:relative;
	height:282px;
	display:block;
	width:900000px;
}

.imgGalleryBox .csc-textpic-imagecolumn ul li {
	display:block;
	float:left;
	padding-right:5px  !important;
}

.imgGalleryBox div.csc-textpic-left div.csc-textpic-text {
	clear:none;
}


.csc-textpic-intext-left-nowrap .csc-textpic-imagecolumn {
	background-color:#000;
	border:1px solid #282828;
	padding:4px !important;
	width:438px;
	height:282px;
	display:block;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text .rte_text {
	padding-left:20px;
}


.page_home #main_middle #boxTop h1 {
	background-position:0px 0px;
	border-bottom:0px;
	margin-bottom:0px;
	padding:0px;
	width:870px;
	height:105px;
    background-image:url(../images/bg/headline_home_h1.png);
}

.page_home #main_middle #boxTop h2 {
	background-position:0px 0px;
	border-bottom:0px;
	margin-bottom:0px;
	padding:0px;
	width:870px;
	height:112px !important;
    background-image:url(../images/bg/headline_home_h2.png) !important;
}


/* 
* tooltip begin 
* */

.toolTipMap
{
    height:185px;
    position:relative;
    overflow:hidden;
}


.toolTipMap h2
{
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
    height:38px;
    background:transparent url(../images/bg/bg_boxBottom_h1.gif) no-repeat 0% 0%;
    z-index:1000;
	cursor:pointer;
}

.toolTipMap h2 span
{
    display:none;
}

.toolTipMap.active h2
{
    background-image:url(../images/bg/bg_boxBottom_h1_hl.gif);
	cursor:pointer;
}

.toolTipMap .csc-textpic-image
{
    position:absolute;
    left:0px;
    top:0px;
    z-index:500;
}

.toolTipMap .toolTipDescription
{
    width:350px;
    position:relative;
    top:50px;
    left:38px;
    z-index:1000;
    color:#fff;
}


/* tooltips home */
.home_tooltip 
{
    display:none;
}

#tooltip
{
    z-index:5000;
    position:absolute;
}

.toolTipBox 
{
    width: 182px;
    padding:20px;
    height: 126px;
    background:transparent url(../images/tooltip/bg_tooltip_222x166.png) no-repeat 0% 0%;
}

.toolTipBox .toolTipBoxHome li
{
    background:transparent url(../images/tooltip/list_square.gif) no-repeat 0% 5px;
    padding-left:10px;
    color:#fff;
}

.toolTipBox .toolTipBoxHome
{
    background-position:0px 0px;
    background-repeat:no-repeat;
    padding-top:37px;
	color:#fff;
	font-size:10px;
}

.toolTipBox #box_magento_tip1
{
    background-image:url(../images/tooltip/magento_tip1.gif);
}

.toolTipBox #box_magento_tip2
{
    background-image:url(../images/tooltip/magento_tip2.gif);
}

.toolTipBox #box_magento_tip3
{
    background-image:url(../images/tooltip/magento_tip3.gif);
}

.toolTipBox #box_magento_tip4
{
    background-image:url(../images/tooltip/magento_tip4.gif);
}

.toolTipBox #box_magento_tip5
{
    background-image:url(../images/tooltip/magento_tip5.gif);
}

.toolTipBox #box_typo3_tip1
{
    background-image:url(../images/tooltip/typo3_tip1.gif);
}

.toolTipBox #box_typo3_tip2
{
    background-image:url(../images/tooltip/typo3_tip2.gif);
}

.toolTipBox #box_typo3_tip3
{
    background-image:url(../images/tooltip/typo3_tip3.gif);
}

.toolTipBox #box_typo3_tip4
{
    background-image:url(../images/tooltip/typo3_tip4.gif);
}

.toolTipBox #box_typo3_tip5
{
    background-image:url(../images/tooltip/typo3_tip5.gif);
}


/* 
* tooltip end 
* */



.projectItem {
    background:#000 url(../images/bg/bg_projectbox.gif) repeat-x 0px 0px;   
}
.projectItem .projectInner {
	background:transparent url(../images/bg/bg_projectbox_dotted.gif) repeat-x 0px 100%;
}

#main_middle .projectItem h2
{
	background-position:37px 11px;
	border-bottom:0px none;
	margin-bottom:0px;
	padding:0px;
	min-height:40px;
	cursor:pointer;
}

#main_middle .projectItem h2 span
{
	display:block;
    width:40px;
    background:transparent url(../images/bg/bg_boxBottom_h1.gif) no-repeat 0px 0px;
	height:30px;
}

#main_middle .proj_active h2 span
{
    background-image: url(../images/bg/bg_boxBottom_h1_hl.gif);
}

#main_middle .projectItem h2 span span.txt {
	display:none;
}

#main_middle .projectItem .csc-textpic {
	padding:0px 23px 25px 37px;
	display:none;
}

#main_middle .projectItem .csc-textpic-imagewrap {
	background-color:#000;
	border:1px solid #282828;
	padding:4px !important;
	margin-bottom:10px !important;
}

#main .projectItem .rte_text ul {
	height:50px;
	overflow:hidden;
	margin-bottom:20px;
}

#main .projectItem .rte_text ul li {
	background-image:none;
	padding-left:0px;}