@charset "UTF-8";

/* ------------------------------
    0. Reset
    1. Global & Fonts
    2. Layout
    3. Sections
    	3.1 Download button
   ------------------------------ */

/* 0. Reset
------------------------------ */
a, abbr, address, article, aside, audio, b, blockquote, body, canvas, 
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, 
object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, 
sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
}

article, aside, canvas, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section, summary {
	display: block;
}

a, ins, del {
	text-decoration: none;
}

ul, ol {
	list-style: none;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

caption, th {
	text-align: left;
}

q:after, q:before {
	content: "";
}
input {
	margin: 0;
	padding: 0;
	border: none;
}

/* 1. Global
------------------------------ */
p {
	font: 14px/24px Arial, Helvetica, sans-serif;
	color: #808080;
	text-align: justify;
	margin-top: 15px;
}
	p strong {
		font-weight: bold;
		color: #ccc;
	}
	p a {
		color: #933;
	}
	p a:hover {
		text-decoration: underline;
	}
	p img {
		vertical-align: middle;
	}
	
h1 {
	font: 120px/132px 'Open Sans Condensed', sans-serif;
	color: #f2f2f2;
	text-transform: uppercase;
	font-weight: 700;
}
h2 {
	font: 24px/24px 'Open Sans Condensed', sans-serif;
	color: #e6e6e6;
	text-transform: uppercase;
	font-weight: 700;
}
.author {
	font: 20px/20px 'Open Sans Condensed', sans-serif;
	color: #933;
	text-transform: uppercase;
	font-weight: 700;
	text-align: right;
}

/* 2. Clearfix
------------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* 3. Layout
------------------------------ */
body {
	border-right: 40px solid #1a1a1a; /* borderWidth */
	border-left: 40px solid #1a1a1a; /* borderWidth */
	border-bottom: 40px solid #1a1a1a; /* borderWidth */
	background: #121212 url('images/background.png') repeat;
	min-width: 800px;
}
	.wrapper {
		width: 100%;
		padding: 40px 0; /* minimumPadding */
		border-top: 40px solid #1a1a1a; /* borderWidth */
		position: relative;
	}
		.wrapper > div {
			width: 720px;
			margin: 0 auto;
		}
		.title > div {
			text-align: center;
		}
			.aside, .main {
				float: left;
				clear: none;
			}
			.aside {
				width: 240px;
				margin-right: 80px;
			}
			.slides {
				padding-top: 60px;
			}
				.slides_container {
					width: 240px;
					height: 240px;
				}
					.slides_container div {
						width: 240px;
						height: 240px;
						display: block;
					}
				.pagination {
					display: block;
					width: auto;
					margin: 48px auto 0;
					height: 12px; /* 1/2 controlsWidth */
				}
					.pagination li {
						margin: 0 6px; /* 1/4 controlsWidth */
						width: 12px; /* 1/2 controlsWidth */
						height: 12px; /* 1/2 controlsWidth */
						display: block;
						float: left;
					}
						.pagination li a {
							width: 12px; /* 1/2 controlsWidth */
							height: 12px; /* 1/2 controlsWidth */
							display: block;
							text-indent: -9999px;
							background: #1f1f1f;
						}
						.pagination li.current a {
							background: #933;
						}
						.pagination li a:hover {
							background: #404040;
						}
						.pagination li.current a:hover {
							background: #db4949 !important;
						}
			.main {
				width: 400px;
			}
			.wide {
				width: 720px;
			}
		.menu {
			position: absolute;
			right: 40px;
			top: 40px;
			width: 16px;
			display: block;
		}
			.menu li {
				margin: 8px 0; /* 1/4 controlsWidth */
				width: 16px; /* 1/2 controlsWidth */
				height: 16px; /* 1/2 controlsWidth */
				display: block;
				float: left; 
			}
				.menu li a {
					width: 16px;
					height: 16px;
					display: block;
					text-indent: -9999px;
					background: #1f1f1f;
				}
				.menu li a.current {
					background: #933;
				}
				.menu li a:hover {
					background: #404040;
				}
				.menu li a.current:hover {
					background: #db4949 !important;
				}
	#info {
		font: 18px/36px 'Open Sans Condensed', sans-serif;
		color: #e6e6e6;
		text-transform: uppercase;
		font-weight: 300;
		position: fixed;
		top: 120px;
		left: 0;
		width: 100%;
	}
		#info > div {
			width: 360px;
			background: #1a1a1a;
			padding: 120px;
			margin: 0 auto;
			text-align: justify;
			opacity: 0.98;
		}
			#info strong {
				font-weight: 700;
			}