@import url('reset.css');

/* General Demo Style */

body{

	background-color: transparent;

    background-repeat: repeat, no-repeat;

    background-position: center center;

    background-attachment: fixed;

    -webkit-background-size: auto, cover;

    -moz-background-size: auto, cover;

    -o-background-size: auto, cover;

    background-size: auto, cover;

	color: #fff;

	font-family: 'Josefin Slab', Arial, sans-serif;

	font-size: 13px;

}

.container{

	position:relative;

}

a{

	color: #fff;

	text-decoration: none;

}

.clr{

	clear: both;

}

.content{

	position:relative;

    width:580px;

    margin: 0 auto;
	left: 20%;
}

h1{

	margin: 0px 0px 300px;

	padding:20px;

	font-size: 55px;

	color: #911a00;

	text-align:left;

	font-weight:400;

    text-align:left;
	text-shadow: #610d00 1px 1px 3px;
}

h1 span{

	font-size:22px;

	color:#ddd;

	padding-top:10px;

}

/* Header Style */

.header{

	font-family:'Arial Narrow', Arial, sans-serif;

	line-height: 24px;

	font-size: 11px;

	background: #000;

	opacity: 0.9;

	text-transform: uppercase;

	z-index: 9999;

	position: relative;

	-moz-box-shadow: 1px 0px 2px #000;

	-webkit-box-shadow: 1px 0px 2px #000;

	box-shadow: 1px 0px 2px #000;

}

.header a{

	padding: 0px 10px;

	letter-spacing: 1px;

	color: #ddd;

	display: block;

	float: left;

}

.header a:hover{

	color: #fff;

}

.header span.right{

	float: right;

}

.header span.right a{

	float: none;

	display: inline;

}



.more ul{

	text-transform:uppercase;

	font-size:11px;

	padding: 200px 0px 30px 20px;

	height:30px;

	clear:both;

	font-family: 'Arial Narrow', Arial, sans-serif;

	width:830px;

	margin:0 auto;

    color:#fff;

}

.more ul li{

	float:left;

	margin:0px 2px;

}

.more ul li.selected a,

.more ul li.selected a:hover{

	background:#000;

	color:#fff;

	text-shadow:none;

}

.more ul li a{

	text-shadow:1px 1px 1px #fff;

	color:#555;

	background:#f7f7f7;

	padding:3px 6px;

	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.6);

	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.6);

	box-shadow:1px 1px 2px rgba(0,0,0,0.6);

}

.more ul li a:hover{

	background:#000;

	color:#fff;

	text-shadow:none;

}

