.container_5, .container_6, .container_7 {
     width: 600px;
     margin:0 auto;position:relative;
     padding:0;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 18px;
     text-shadow: 1px 1px 1px gray;
     color: navy;
     background: #d7d7d7;   
    border-right: 2px solid red;  
    border-left: 2px solid #ddd000;  
    border-top: 2px solid #000fff;   
    border-bottom: 2px solid green; 
    border-collapse: collapse;
  	-webkit-box-shadow: 1px 1px 2px 1px #222;     
     -moz-box-shadow: 1px 1px 2px 1px #222;
          box-shadow: 1px 1px 2px 1px #222;
}
.container_7{
	width:500px;
	margin:0;
}
.container_video{
	width:550px;
}
.container_5 .grid_1 {
	width: 156px;
}
.container_6 .grid_1{
	width: 108px;
}
.container_6 .grid_2{
	width: 240px;
}
.image_2 {
	text-align: center;
	position: relative;
	z-index: 2;
	font-weight: 500;
	font-size: 15px;
	color: #111112;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5 {
	display: inline;
	float: left;
	margin-left: 2px;
	margin-right: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
}
.container_5 .grid_5 {
	width: 600px;
	background-color: #c5c5c5;
	/* background-image: url('http://www.motao.com/trakshot/trakbak-2.jpg'); */
	text-align: center;
	position: inherit;
}

.click-nav { 
	position: relative;
    z-index: 22; 
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:before,
.clearfix:after {
	content: "\0020";
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
}

/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
	zoom: 1;
}

.invinsible{
	visibility:hidden;
}
.hidden{
	display:none;
}
.logo-text{
	padding: 18px 0 0 0;
	margin: 0;
	font-size: 35px;
	color: #666666;
	font-family: 'HelveticaNeueW02-67MdCn 694060', Helvetica, Arial, sans-serif;
	font-weight: normal;
}