/* reset --------------------------*/
.menu, .menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
/* menu items ---------------------*/
.menu > li {
	float: left;
}
.menu > li.floatr {
	float: right;
}
.menu li{
	position: relative;
}
.menu li > a {
	display: block;
}
/* sub menus ----------------------*/
.menu ul{
	display: none;
	position: absolute;
	width: 125px;
}
.menu li:hover > ul {
	display: block;
}
.menu ul ul{
	top: 0;
	left: 125px;
}
.menu > li.floatr > ul {
	right: 0;
}
.menu > li.floatr > ul ul {
	left: -125px;
}
/* mega menu ---------------------*/
.menu .cols1, .menu .cols2, .menu .cols3, .menu .cols4, .menu .cols5 {
	position: absolute;
	display: none;
}
.menu .cols1, .menu .col1{
	width: 160px;
}
.menu .cols2, .menu .col2{
	width: 320px;
}
.menu .cols3, .menu .col3{
	width: 480px;
}
.menu .cols4, .menu .col4{
	width: 640px;
}
.menu .cols5, .menu .col5{
	width: 800px;
}
.menu > li.floatr > div {
	right: 0;
}
.menu > li:hover > div {
	display: block;
}
.menu .col1, .menu .col2, .menu .col3, .menu .col4, .menu .col5{
	float: left;
}
/* Giants style-------------*/
body
{
	background-image: url(../../img/background.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
	width:100%;
	height:100%;
	background-color: #1F1F1F;
}
.container 
{
	height: auto;
	width: 960px;
	margin: auto;
	background-color: #9933FF;
}
.content
{
	width: 940px;
	margin: 10px;
	box-shadow: 0px 5px 5px #000;
	border: thin #000;
}
/********BANNER***********/
.banner{
	width: 960px;
	height: 200px;
	margin: 0 auto;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}
.banner img{
	position: absolute;
	top: 0;
}
.banner img.under{
	left: 0;
	-webkit-animation-duration: 10s;
	-moz-animation-duration: 10s;
	-o-animation-duration: 10s;
	-webkit-animation-name: sky;
	-moz-animation-name: sky;
	-o-animation-name: sky;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
}
@-webkit-keyframes sky{
	from{
		left: 0;
	}
	to{
		left: -960px;
	}
}
@-moz-keyframes sky{
	from{
		left: 0;
	}
	to{
		left: -960px;
	}
}
@-o-keyframes sky{
	from{
		left: 0;
	}
	to{
		left: -960px;
	}
}
.banner img.over{
	left: -960px;
	-webkit-animation-duration: 20s;
	-moz-animation-duration: 20s;
	-o-animation-duration: 20s;
	-webkit-animation-name: plane;
	-moz-animation-name: plane;
	-o-animation-name: plane;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
}
@-webkit-keyframes plane{
	from{
		left: -960px;
		top: 0;
	}
	10%{
		top: 25px;
	}
	20%{
		top: -25px;
	}
	30%{
		top: 25px;
	}
	40%{
		top: -25px;
	}
	50%{
		top: 25px;
	}
	60%{
		top: -25px;
	}
	70%{
		top: 25px;
	}
	80%{
		top: -25px;
	}
	90%{
		top: 25px;
	}
	to{
		left: 960px;
		top: 0;
	}
}
@-moz-keyframes plane{
	from{
		left: -960px;
		top: 0;
	}
	10%{
		top: 25px;
	}
	20%{
		top: -25px;
	}
	30%{
		top: 25px;
	}
	40%{
		top: -25px;
	}
	50%{
		top: 25px;
	}
	60%{
		top: -25px;
	}
	70%{
		top: 25px;
	}
	80%{
		top: -25px;
	}
	90%{
		top: 25px;
	}
	to{
		left: 960px;
		top: 0;
	}
}
@-o-keyframes plane{
	from{
		left: -960px;
		top: 0;
	}
	10%{
		top: 25px;
	}
	20%{
		top: -25px;
	}
	30%{
		top: 25px;
	}
	40%{
		top: -25px;
	}
	50%{
		top: 25px;
	}
	60%{
		top: -25px;
	}
	70%{
		top: 25px;
	}
	80%{
		top: -25px;
	}
	90%{
		top: 25px;
	}
	to{
		left: 960px;
		top: 0;
	}
}
.td2
{
	text-align:center;
	background-color: #000;
	width: 400px;
}