@charset "utf-8";
html {
	min-height:100%;
}
body {
	background: -webkit-gradient(linear, left top, left 1500, from(#F5F5F5), to(#FFF));
	background: -moz-linear-gradient(top, #F5F5F5, #FFF);
	font-family:'Lato',Arial, Helvetica, sans-serif;
	letter-spacing:-0.6px;
	margin: 0;
	padding: 0;
	color: #000;
}
.menu ul, ol, dl {
	padding: 0;
	margin: 0;
}
.menu {
	font-weight:bold;
	font-size:1.2em;
	position:relative;
	height:45px; 
	background:#F0F0F0;
	background: -webkit-gradient(linear, left top, left 100, from(#FFF), to(#F3F3F3));
	background: -moz-linear-gradient(top, #FFF, #F3F3F3);	
	box-shadow: 0px 3px 8px #888;

}
.menu ul {list-style:none; z-index:10; position:absolute; z-index:100; padding:10px 0px;}
.menu li {float:left}
.menu a, .menu a:active, .menu a:visited {
	text-decoration:none; 
	padding:10px
}
.menu a:active {
	color:#6f0079
}
.menu a:hover {
	color:#6f0079
}
#slide {
	position:absolute; 
	bottom:0; 
	height:4px; 
	background:#a601b5; 
	z-index:10
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
h1, h2, h3, h4, h5 {
	color: #44004a;
}
a img {
	border: none;
}
a:link {
	color: #42413C;
	text-decoration: none;
}
a:visited {
	color: #6E6C64;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
	width: 980px;
	background: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	border: #EEE solid 3px;
	border-top-style:hidden;
	border-bottom-style:hidden;
	min-height:100%;
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	padding:30px;
}
.tagline {
	position:relative;
	float:right;
	font-size:2em;
	font-weight:bold;
	color:#CCC;
	top:95px;
}

.content {
	padding: 35px 10px;
	font-size:1.1em;
	line-height:1.6em;
}

/* ~~ The footer ~~ */
.footer {
	padding: 10px;
	background:#DDD;
	background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#F0F0F0));
	background: -moz-linear-gradient(top, #CCC, #F0F0F0);	
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}

.sidebar {
	float:right;
	border-radius:8px;
	border: solid 1px #DDD;
	background:#EEE;
	margin:25px 20px;
	padding: 20px;
	width:220px;
	font-weight:bold;
	text-align:center;
	font-size:1.4em;
	box-shadow: 0px 3px 10px #CCC;
}