@import url('reset.css');

/* General Codrops Demo Style */
body{ /*background:#1F1F1F url(../images/pattern.png) repeat top left;*/ background:#fff; color:#333; 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; }
}