/* main menu styles */

		
.nav,.nav ul {
    list-style:none;
    margin:0;
    padding:0;
}

.nav {
    position:relative;
}

.nav ul {
    height:0;
    left:0;
    overflow:hidden;
    position:absolute;
    top:46px;
}

.nav li {
    float:left;
    position:relative;
}

.nav li a {
    -moz-transition:0.2s;
    -o-transition:0.2s;
    -webkit-transition:0.2s;
    background-color:#7770B4;
    border:1px solid #6E67A6;
    color:#FFF;
    min-width: 100px;
    display:block;
    font-size:16px;
    line-height:35px;
    padding:5px 20px;
    border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
    text-decoration:none;
    transition:0.2s;
}

.nav ul a.red {
    background:#FF3300;
}


.nav li:hover > a {
    background:#8CCA33;
    border-color:#6E67A6;
    color:#fff;
}

.nav li:hover ul.subs {
    height:auto;
    width:180px;
}

.nav ul li {
    -moz-transition:0.2s;
    -o-transition:0.2s;
    -webkit-transition:0.2s;
    opacity:0;
    transition:0.2s;
    width:100%;
}

.nav li ul li {
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    -webkit-transition-delay:0s;
    transition-delay:0s;
}

.nav li:hover ul li {
    opacity:1;
    -moz-transition-delay:0.2s;
    -o-transition-delay:0.2s;
    -webkit-transition-delay:0.2s;
    transition-delay:0.2s;
}

.nav ul li a {
    background:#7770B4;
    border-color:#6E67A6;
    color:#fff;
    max-width: 100px;
    line-height:1px;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    transition:0.5s;
}

.nav li:hover ul li a {
    line-height:35px;
}

.nav ul li a:hover {
    background:#8CCA33;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba(255,255,25,0));
}

body {
  background-color:#F0F8FF;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  min-width: 1280px;
  text-align:center;
}

.relative2 {
  position: relative;
  top:  125px;
  left: 750px;
  background-color: white;
  width: 400px;
}

      
		.hot-container p { margin-top: 10px; }
		a { text-decoration: none; margin: 0 10px; }
		.hot-container {
			min-height: 100px;
			margin-top: 100px;
			width: 100%;
		}
		a.btn {
			display: inline-block;
			color: #666;
			background-color: #eee;
			text-transform: uppercase;
			letter-spacing: 2px;
			font-size: 16px;
			padding: 10px 30px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border: 1px solid rgba(0,0,0,0.3);
			border-bottom-width: 3px;
      text-align: center;
      }
			a.btn:hover {
				background-color: #e3e3e3;
				border-color: rgba(0,0,0,0.5);
			}
			a.btn:active {
				background-color: #CCC;
				border-color: rgba(0,0,0,0.9);
			}
		/* blue button */
		a.btn.btn-blue {
			background-color: #0050FC;
			border-color: rgba(0,0,0,0.3);
			text-shadow: 0 1px 0 rgba(0,0,0,0.5);
			color: #FFF;
		}
			a.btn.btn-blue:hover {
				background-color: #98B7FA;
				border-color: rgba(0,0,0,0.5);
			}
			a.btn.btn-blue:active {
				background-color: #033091;
				border-color: rgba(0,0,0,0.9);
			}
		/* red button */
		a.btn.btn-red {
			background-color: #DA4F49;
			border-color: rgba(0,0,0,0.3);
			text-shadow: 0 1px 0 rgba(0,0,0,0.5);
			color: #FFF;
		}
			a.btn.btn-red:hover {
				background-color: #E48681;
				border-color: rgba(0,0,0,0.5);
			}
			a.btn.btn-red:active {
				background-color: #B32C24;
				border-color: rgba(0,0,0,0.9);
			}		
		/* pink button */
		a.btn.btn-pink {
			background-color: #C44DFF;
			border-color: rgba(0,0,0,0.3);
			text-shadow: 0 1px 0 rgba(0,0,0,0.5);
			color: #FFF;
		}
			a.btn.btn-pink:hover {
				background-color: #99CCFF;
				border-color: rgba(0,0,0,0.5);
			}
			a.btn.btn-pink:active {
				background-color: #B31AFF;
				border-color: rgba(0,0,0,0.9);
			}		
		/* green button */
		a.btn.btn-green {
			background-color: #009933;
			border-color: rgba(0,0,0,0.3);
			text-shadow: 0 1px 0 rgba(0,0,0,0.5);
			color: #FFF;
		}
			a.btn.btn-green:hover {
				background-color: #66FF99;
				border-color: rgba(0,0,0,0.5);
			}
			a.btn.btn-green:active {
				background-color: #006622;
				border-color: rgba(0,0,0,0.9);
			}		
		/* purple button */
		a.btn.btn-purple {
			background-color: #9900CC;
			border-color: rgba(0,0,0,0.3);
			text-shadow: 0 1px 0 rgba(0,0,0,0.5);
			color: #FFF;
		}
			a.btn.btn-purple:hover {
				background-color: #D966FF;
				border-color: rgba(0,0,0,0.5);
			}
			a.btn.btn-purple:active {
				background-color: #730099;
				border-color: rgba(0,0,0,0.9);
			}		
		/* orange button */
		a.btn.btn-orange {
			background-color: #FF3300;
			border-color: rgba(0,0,0,0.3);
			text-shadow: 0 1px 0 rgba(0,0,0,0.5);
			color: #FFF;
		}
			a.btn.btn-orange:hover {
				background-color: #CF5C33;
				border-color: rgba(0,0,0,0.5);
			}
			a.btn.btn-orange:active {
				background-color: #962E00;
				border-color: rgba(0,0,0,0.9);
			}		
		/* yellow button */
		a.btn.btn-yellow {
			background-color: #FF00FF;
			border-color: rgba(0,0,0,0.3);
			text-shadow: 0 1px 0 rgba(0,0,0,0.5);
			color: #FFF;
		}
			a.btn.btn-yellow:hover {
				background-color: #FFCCFF;
				border-color: rgba(0,0,0,0.5);
			}
			a.btn.btn-yellow:active {
				background-color: #B300B3;
				border-color: rgba(0,0,0,0.9);
			}		
		/* brown button */
		a.btn.btn-brown {
			background-color: #CC6600;
			border-color: rgba(0,0,0,0.3);
			text-shadow: 0 1px 0 rgba(0,0,0,0.5);
			color: #FFF;
		}
			a.btn.btn-brown:hover {
				background-color: #FF8C1A;
				border-color: rgba(0,0,0,0.5);
			}
			a.btn.btn-brown:active {
				background-color: #635900;
				border-color: rgba(0,0,0,0.9);
			}