@charset "UTF-8";
/* CSS Document */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #6a6b6b;
}
a  {
	color: #fc1919;
	text-decoration: none;
}
a:hover {
	color: #fc1919;
	text-decoration: underline;
}
a:focus {
	color: #fc1919;
	text-decoration: underline;
}
a:visited {
	color: #fc1919;
	text-decoration: none;
}
.red { 
	color: #fc1919;
}
.blue {
	color: #0aa9eb;
}
/*
 * menu
 */
#menu li {
	position: relative;
	z-index: 5;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: lowercase;
	color: #6a6b6b;
}
#menu li.remain a.level1 span.bg, #menu li.remain a.level1 span.bg, #menu li.remain span.level1 span.bg {
	color: #fc1919;
}
#menu li.active a.level1 span.bg, #menu li.active span.level1 span.bg {
	color: #fc1919;
}
#menu li.active:hover a.level1 span.bg, #menu li.active:hover span.level1 span.bg {
	color: #fc1919;
}
#menu li.active.remain a.level1 span.bg, #menu li.active.remain span.level1 span.bg {
	color: #fc1919;
}
#menu li:hover a.level1 span.bg, #menu li:hover span.level1 span.bg {
	color: #fc1919;
}
#menu a.level1 span.title, #menu span.level1 span.title {
	font-size: 12px;
	line-height: 25px;
	text-transform: lowercase;/*text-shadow: -1px -1px white, 1px 1px #fff;*/
	
}
#menu a.level1 span.subtitle, #menu span.level1 span.subtitle {
	margin-top: -4px;
	font-size: 9px;
	font-weight: normal;
	color: #8d8d8d;
	line-height: 10px;
	text-transform: none;
	letter-spacing: 0px;
	text-align: right;
}
#menu li:hover a.level1 span.subtitle, #menu li:hover span.level1 span.subtitle {
	color: #8d8d8d;
}
#menu li.remain a.level1 span.subtitle, #menu li.remain span.level1 span.subtitle {
	color: #8d8d8d;
}/*

/ * beauty
 */
#words {
}
#words h1 {
	letter-spacing: -6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 72px;
	text-align: left;
	float: left;
	line-height: 60px;
	font-weight: bold;
	text-transform: lowercase;
}
#tag {letter-spacing: -2px;text-align: left;
	font-size:18px;
	font-weight: bold;
	text-transform: lowercase;
}

#mainContent h1  {
	letter-spacing: -4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	text-align: left;
	line-height: 60px;
	font-weight: bold;
	text-transform: lowercase;
}

/*spotlight*/
.grid_1 h4, .grid_2 h4, .grid_3 h4, .grid_4 h4{
	font-size: 14px;
	line-height: 18px;
	margin-left:10px;
	margin-right:10px;
	letter-spacing: -1px;
	font-weight: bold;
}
.grid_1 h3, .grid_2 h3, .grid_3 h3, .grid_4 h3 {
	font-size: 10px;
	line-height: 12px;
	color: #8d8d8d;
	font-weight: normal;
	margin-left:10px;
	margin-right:5px;
}
.grid_1 p, .grid_2 p, .grid_3 p, .grid_4 p {
	font-size: 12px;
	line-height: 14px;
	width: 190px;
	padding-bottom: 35px;
	margin-left:10px;
	margin-right:10px;
	}
h4.right {
	font-size: 18px;
	line-height: 18px;
	letter-spacing: -2px;
	font-weight: bolder;
		}
		
.geek{padding-bottom:20px;}
#webgeek h4 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	text-transform: lowercase;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#webgeek p {
	font-size: 12px;
	line-height: 14px;
	width: 190px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: auto;
	margin-left: 5px;
	letter-spacing: 0px;
}
#footercontent h2 {
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -2px;
	font-weight: bolder;
}
.grid_8 h1 {
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -2px;
	font-weight: normal;
}
.grid_8 strong {
	font-weight: bolder;
}
.grid_8 p {
	font-size: 16px;
	line-height: 16px;
	letter-spacing: -2px;
	margin:0;
	padding-bottom:10px;
}
.grid_8 .blue, .grid_8 .red {
	font-weight: bold;
}
.grid_8 .red a{ text-decoration:none;}
.grid_8 .red {
	text-decoration: none;
}

/*uber */
#uber h6 {
	font-weight: bold;
}
#uber p {
	font-family: "Lucida Console", arial, sans-serif,;
	font-size: 9px;
	line-height: 10px;
	padding-left: 50px;
	text-align: right;
	padding-top: 10px;
}