@charset "utf-8";

.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

html {
	color: #FFF;
	background: #000 url(../images/background.jpg) fixed;
	font-family: sans-serif;
}
body {
	margin: 0;
}
#warp {
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(../../warp.jpg) fixed;
	opacity: 0;
	display: none;
}
#container {
	width: 980px;
	margin: 0 auto;
	border-top: 1px solid #000;
	position: relative;
}

h1 {
	margin: 0;
}
h1 a {
	text-align: center;
	width: 300px;
	height: 120px;
	/* margin-left: 30px; */
	background: url(../images/ugsf-logo.png);
	display: block;
	text-indent: -9000em;
}

#language{
  position: absolute;
  top:0;
  right:0;
  width: 97px;
  height: 40px;
  background: url(../../../assets/images/language_bg.png) no-repeat;
  padding: 10px 0 0 100px;
}

#menu {
	width: 980px;
	height: 50px;
	margin-top: 20px;
	background: url('../images/menu/background.png') no-repeat;
}
#menu ul {
	margin: 0;
	padding: 10px;
}

* html body #menu ul {
	margin-left: -20px;
}

#menu li {
	display: block;
	float: left;
	margin-left: 20px;
	padding: 0;
	width: 215px;
	height: 30px;
}

#menu li a {
	display: block;
	width: 100%;
	height: 100%;
}

#menu ul li,
#menu ul li a {
/*	behavior:url(/assets//* img { behavior:url(../assets/iepngfix.htc) }*/.htc);*/
}

#menu #about a { background: url('../images/menu/about-off.png') no-repeat }
#menu #special a { background: url('../images/menu/special-off.png') no-repeat }
#menu #blog a { background: url('../images/menu/blog-off.png') no-repeat }

#menu #about-on,
#menu #about a:hover { background: url('../images/menu/about-on.png') no-repeat }

#menu #special-on,
#menu #special a:hover { background: url('../images/menu/special-on.png') no-repeat }

#menu #blog-on,
#menu #blog a:hover { background: url('../images/menu/blog-on.png') no-repeat }
#menu #offline { background: url('../images/menu/offline.png') no-repeat }

#misc {
	position: relative;
	margin-top: 20px;
	height: 65px;
	clear: both;
}

#ticker {
	margin-top: 10px;
	overflow: hidden;
	width: 980px;
	position: relative;
	height: 20px;
}
#ticker ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}

#index {
	font-size: 13px;
	margin-bottom: 20px;
}
#index ul {
	float: left;
	width: 295px;
	margin: 0;
	padding: 0;
	padding-left: 30px;
}

#index ul a {
	color: #FFF;
	text-decoration: none;
}
#index ul a:hover {
	color: #39F5FF;
}

#footer {
	margin-top: 10px;
	font-size: 12px;
	margin-bottom: 20px;
	padding: 0 30px;
}
#footer span {
	margin-right: 14px;
	letter-spacing: 1px;
}
#footer a {
	color: #FFF;
	text-decoration: none;
	background: url(../images/footer-lsm.png) left center no-repeat;
	padding-left: 10px;
}
#footer a:hover {
	text-decoration: underline;
}