/**** global ****/
* {margin:0; padding:0;}
img {max-width: 100%; height:auto; border:none;}
a {outline: none;}

p {padding-bottom: 15px;}
h1, h2, h3 {padding-bottom: 15px;}


.clearfix {display:block; height:1px; clear:both;}
/* general */

body {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color:#555;
	background-color: #000;
}

header {
	height:200px;
	background: url(images/bg-blacktexture.jpg) repeat-x #000;
}

header .inner {position:relative;}

header h1 a {
	text-indent: -9999px;
	display: block;
	width:274px;
	height:58px;
	background: url(images/logo.png) no-repeat;
	margin:0 auto;
	margin-top:53px;
}

.inner {
	max-width:900px;
	margin:0 auto;
	padding:15px;
}


/****** nav *****/

nav {
	background-color: #3586de;
	border-top:5px solid #006db7;
	border-bottom:5px solid #006db7;
}

nav .inner {padding:0;}

nav ul {text-align: center;}

nav ul li {
	display:inline;
}

nav ul li a {
	display:inline-block;
	padding:10px 20px;
	letter-spacing: 2px;
}

nav ul li a:link {color:#fff; text-decoration: none;}
nav ul li a:visited {color:#fff; text-decoration: none;}
nav ul li a:hover {color:#fff; text-decoration: none; background-color: #000;}
nav ul li a:active {color:#fff; text-decoration: none;}


/****** article *****/

article a:link {color:#3586de; text-decoration: none;}
article a:visited {color:#3586de; text-decoration: none;}
article a:hover {color:#3586de; text-decoration: underline;}
article a:active {color:#3586de; text-decoration: none;}

article {padding:20px 0; background-color: #fff;}

article .inner {max-width: 750px;}

article h1, h2, h3 {
	font-weight: 600;
	text-align: center;
	padding-bottom: 30px;
	color: #222;
	text-transform: uppercase;
	font-size: 1.2em;
}

h2 {font-size:1.1em; padding-bottom: 15px; text-align: left; padding-top:20px;}
h3 {font-size:1em; padding-bottom: 15px; text-align: left; padding-top:20px;}

figure {
	max-width: 749px;
	margin:20px auto;
}

figure .caption {
	text-align: center;
	font-size: .9em;
}

#pack {width:192px; float:right; margin: 0 0 30px 15px; max-width: 25%;}


article ul {margin-left:20px;}
article ul li {margin-bottom: 10px;}

.fitvideo {padding-bottom:30px;}
.fitvideo iframe {margin:0 auto; width:100%;}

/****** footer *****/

footer {
	height:170px;
	background: url(images/bg-blacktexture.jpg) repeat-x #000;
	color:#fff;
	font-size: .8em;
	font-weight: 300;
	padding-top: 30px;
	clear:both;
}


footer a:link {color:#fff; text-decoration: none;}
footer a:visited {color:#fff; text-decoration: none;}
footer a:hover {color:#fff; text-decoration: underline;}
footer a:active {color:#fff; text-decoration: none;}