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

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



.menubg{
	background-image:url(../images/menu-bg.jpg);
	height: 170px;
	width:300px;
	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;
	}

  .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-pic.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: block;
	width: 170px;
	background-image:url(../images/tech-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;
	z-index: inherit;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
}
 .botnav {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#999999;
	text-align: inherit;
 }
 
 .textlink {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#999999;
	text-align: inherit;
 }
 
  .design text {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	text-align: inherit;
 }

.techtextbox{
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:12px;
	width:389px;
	height:235px;
	position: absolute;
	left: 520px;
	top: 294px;
	text-align: left;
	overflow: visible;
}

.fronttextbox{
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	font-size:12px;
	width:163px;
	height:148px;
	position: absolute;
	left: 736px;
	top: 356px;
	text-align: left;
}
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;
}

.search {
	padding-top: 6px;
}

.examplenav{
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	font-size:12px;
	width:126px;
	height:18px;
	position: absolute;
	left: 815px;
	top: 513px;
	text-align: center;
	z-index:100;
}

.webdevtext{
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	font-size:12px;
	width:334px;
	height:286px;
	position: absolute;
	left: 579px;
	top: 246px;
	text-align: left;
	overflow: auto;
}

.iphonetext{
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	font-size:12px;
	width:334px;
	height:148px;
	position: absolute;
	left: 587px;
	top: 243px;
	text-align: left;
	overflow: auto;
}