@import url('reset.css');



/* General Codrops Demo Style */

body{

	background:#1F1F1F url(../images/pattern.png) repeat top left;

	color:#fff;

	font-family: 'PT Sans Narrow', Arial, sans-serif;

	font-size:14px;

}

a{

	color:#ddd;

	text-decoration:none;

}

a:hover{

	color:#00c6e3;

}

p.sub{

	padding:25px 10px 10px 10px;

	text-align:left;

	color:#aaa;

}

.clr{

	clear:both;

}

h1{

	margin:5px;

	font-size:24px;

	text-align:center;

	color:#fff;

	font-family:"Pacifico", Georgia, "Times New Roman", serif;

	text-shadow:1px 1px 1px #000;

	padding-bottom:10px;

	line-height:40px;

}

h1 span{

	font-size:10px;

	display:block;

	letter-spacing:2px;

	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;

	color:#00c6e3;

	line-height:14px;

	padding-top:10px;

	text-shadow:none;

	text-transform:uppercase;

}

/* Header Style */

.header{

	font-size:13px;

	background:#000;

	opacity:0.9;

	text-transform:uppercase;

	-moz-box-shadow: 1px 0px 2px #000;

	-webkit-box-shadow: 1px 0px 2px #000;

	box-shadow: 1px 0px 2px #000;

}

.header a{

	line-height:18px;

	padding:0 4px;

	letter-spacing:1px;

	text-shadow:1px 1px 1px #000;

	color:#ddd;

}

.header a:hover{

	color:#fff;

}

.header a span{

	font-weight:bold;

}

.header span.right_ab{

	float:right;

}

.content{

	margin:0px 25px 30px 25px;

}

@media screen and (max-width: 640px) {

	.header a{

		display:block;

		text-align:center;

		font-size:10px;

		text-shadow:none;

	}

	.header span.right_ab{

		float:none;

	}

}