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

#logo {
top:750px;
position:relative;
z-index:999
}



.menubg{
	background-image:url(../images/menu-bg.jpg);
	height: 170px;
	width:301px;
	background-repeat:no-repeat;
	position: relative;
	top: 230px;
}

.haccordion .header, .haccordion .content{
   float: left;
   height: 170px;
   top: 10px;
  }

.haccordion header.small{

	width: 1px;

}

.logolinks{
	background-repeat:no-repeat;
	height: 79px;
	width: 292px;
	position: relative;
	top: 278px;
	left: 10px;
	overflow: visible;
	}

  .haccordion .header{
   width: 30px;
   height: 170px;
   cursor: hand;
  }

  .haccordion .content.video{
   display: none;
   width: 0px;
   background-image:url(../images/video-tab-bg.jpg);
   overflow: auto;
  }

  .haccordion .content{
   display: none;
   width: 0px;
   background-image:url(../images/audio-tab-bg.jpg);
   overflow: auto;
  }

  .haccordion .content.pic{
    display: block;
	width: 258px;
	background: url(../images/menu-bg.jpg) no-repeat;
	}

  .haccordion .content.tech{
	display: block;
	width: 0px;
	background-image:url(../images/tech-tab-bg.jpg);
	overflow: auto;
  }
 
  .haccordion .content.design{
	display: block;
	width: 0px;
	background-image:url(../images/design-tab-bg.jpg);
	overflow: auto;
  }
	

  .haccordion .content.visible{
    display: none;
    width: 133px;
	background-image:url(../images/design-tab-bg.jpg);
  }

  .haccordion .content p{
	margin: 9px;
	;
  }

  .header b{
    display: none;
    with: 1px;
    height: 170px;
  }

  .header a{
    display: block;
    with: 32px;
    height: 170px;
  }
  
  DIV.outer
      {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 950px;
	height: 560;
	margin-left: -473px; /* half of width */
	margin-top: -280px;  /* half of height */
      }
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
 
a.textnav:link {
	color: #999999;
	text-decoration: none;
}
a.textnav:visited {
	text-decoration: none;
	color: #999999;
}
a.textnav:hover {
	text-decoration: underline;
	color:#013142;
}
a.textnav:active {
	text-decoration: none;
	color: #999999;
}
.botnav {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#999999;
	text-align: inherit;

 }
 .contactform{
	z-index:3;
	margin-left: 230px;
	margin-top: 180px;
	color: #FFFFFF;
	}
	
#preloader{
	visibility: hidden;
}

.search {
	padding-top: 6px;
}


.linkstext{
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:12px;
	width:447px;
	height:452px;
	position: absolute;
	left: 496px;
	top: 57px;
	text-align: center;
	overflow: auto;
	border-color: #013142;
}
.contacttext{
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:12px;
	width:202px;
	height:129px;
	position: absolute;
	left: 613px;
	top: 59px;
	text-align: left;
	overflow: visible;
}

.googlemap{
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width:645px;
	height:549px;
	position: absolute;
	left: 303px;
	overflow: visible;
	z-index: 1;
	top: 5px;
}

.dirol{
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:12px;
	width:221px;
	height:520px;
	position: absolute;
	left: 303px;
	top: 3px;
	text-align: left;
	overflow: visible;
	z-index:100
}

.fronttext{
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:12px;
	width:451px;
	height:70px;
	position: absolute;
	left: 496px;
	top: 469px;
	text-align: left;
	overflow: auto;
}

.contacttextbot{
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:12px;
	width:210px;
	height:78px;
	position: absolute;
	left: 617px;
	top: 86px;
	text-align: left;
	overflow: visible;
}

.privacytext{
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:12px;
	width:314px;
	height:350px;
	position: absolute;
	left: 616px;
	top: 181px;
	text-align: left;
	overflow: auto;
}

.easteregg{
	width:220px;
	height:177px;
	position: absolute;
	left: 372px;
	top: 21px;
}

.easteregg2{
	width:100px;
	height:245px;
	position: absolute;
	left: 492px;
	top: 21px;
}

	.eventsdownload{
	width:100px;
	height:85px;
	position: absolute;
	left: 338px;
	top: 447px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}