@charset "utf-8";

body {
	background-color: #ffffff;
	color: #ccc;
	font: 12px Arial, Helvetica, sans-serif;
}

.body-content {
	margin: 0 auto;
	width: 960px;
}

/************* TEXT COLORS ***********/
.yellow { color: #fdd94b; }
.purple { color: #b58afc; }
.green { color: #7fca84; }
.red { color: #cc7c7c; }
.blue { color: #a1d9e9; }
.darkorange { color: #fcb372; }


/************* HEADER & LOGO ***********/
header h1 {
	background: url(../img/logo_kiomail_01.jpg) top left no-repeat;
	width: 600px;
	height: 148px;
	text-indent: -9999px;
	
}

/************* MAIN NAVIGATION ***********/

nav {
	background-color:#565656;
	border-top: 1px solid #939393;
	border-bottom: 1px solid #353535;
	text-transform: uppercase;
	width: 100%;
	height: 57px;
	
}

nav a {
	text-decoration:none;
	
}

nav ul.main-nav {
	border-left: 1px solid #000;
	border-right: 1px solid #939393;
	list-style-type:none;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 57px;
}

nav ul.main-nav > li {
	border-left: 1px solid #939393;
	border-right: 1px solid #000;
	float: left;
	position: relative;
	width: 158px;
	height: 57px;
	
}

nav ul.main-nav > li > a {
	padding: 8px 6px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 148px;
	height: 41px;
}

nav ul.main-nav > li > a:hover {
	background-color: #333;
	text-shadow: 0 0 .5em #888;
}

.nav-name {
	display: block;
	font-size: 1.7em;
	
}

.nav-desc {
	color: #ccc;
	
}

/********** SUB NAV **********/
nav ul.main-nav li ul.subnav {
	background-color: #575757;
	border-top: 1px solid #353535;
	padding: 5px 10px;
	position: absolute;
	left: -9999px;
	top: 57px;
	width: 185px;
	
}

nav ul.main-nav li ul.subnav li {
	list-style-type: disc;
	list-style-position: inside;
	padding: 0.8em 0;
	
}

nav ul.main-nav li ul.subnav li a {
	color: #ccc;
}

nav ul.main-nav li ul.subnav li a:hover {
	color: #fff;
}

nav ul.main-nav > li:hover ul.subnav {
	left: 0;
	
}