/*******************************
	css reset
*******************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;font-size:100%;font-family:inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
iframe, form, fieldset, legend, label, input, button, select, option, textarea {border:0;line-height:normal;}
input[type=checkbox], input[type=radio] {box-sizing:border-box;cursor:pointer;width:16px;height:16px;}
button, input[type=button], input[type=image], input[type=reset], input[type=submit] {-webkit-appearance:button;cursor:pointer;overflow:visible;width:auto;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}
a[href], label[for], select {cursor:pointer;}
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}



/*******************************
	clearfix
*******************************/
.clearfix:after {content:'';display:block;width:0;height:0;font-size:0;line-height:0;visibility:hidden;clear:both;}
.clearfix {zoom:1;}



/*******************************
	@font-face
*******************************/
@font-face {font-family:'vistasans';src:url('font/vistasans-webfont.eot');src:url('font/vistasans-webfont.eot?') format('embedded-opentype'),url('font/vistasans-webfont.woff') format('woff'),url('font/vistasans-webfont.ttf') format('truetype'),url('font/vistasans-webfont.svg#') format('svg');font-weight:normal;font-style:normal;}



/*******************************
	type
*******************************/
a {text-decoration:none;display:inline-block;}
	#container a:hover {background:#000 !important;color:#fff !important;}
	a:active {}
	a:visited {}

h1, h2, h3, h4, h5, h6 {line-height:normal;margin-bottom:.4em;font-family:vistasans,arial,sans-serif,sans;font-weight:normal;letter-spacing:-2px;}
	h1 {font-size:36px;}
	h2 {font-size:32px;}
	h3 {font-size:28px;}
	h4 {font-size:24px;}
	h5 {font-size:20px;}
	h6 {font-size:16px;}

blockquote, p {margin-bottom:1em;}

sup, sub {font-size:60%;line-height:0;vertical-align:baseline;position:relative;}
	sup {top:-.5em;}
	sub {bottom:-.25em;}

blockquote:last-child, p:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {margin-bottom:0;}



/*******************************
	lists
*******************************/
ul, ol, dl {list-style-position:inside;}
ul ul, ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dl {}



/*******************************
	images
*******************************/
img {border:0;-ms-interpolation-mode:bicubic;}



/*******************************
	tables
*******************************/
table {}
	th {}
	td {}



/*******************************
	form controls
*******************************/
input[type=password], input[type=text] {}
button[type=button], button[type=reset], button[type=submit], input[type=button], input[type=image], input[type=reset], input[type=submit] {}



/*******************************
	$MAIN
*******************************/

html {}

	body {background:#000 url(../images/background.jpg) 50% 0 no-repeat;text-align:center;font-family:arial,sans-serif,sans;}

		#container {width:680px;margin:0 auto;text-align:left;font-size:14px;line-height:18px;}

			#title {padding:75px 25px 50px;}
				#title p {width:400px;}
				#title a {padding:6px 12px;}

			#content {color:#fff;}
				#info, #images {float:left;background:url(../images/opacity.png);width:280px;padding:25px;margin-right:20px;font-size:12px;font-family:'lucida sans unicode','lucida grande',arial,sans-serif,sans;}
					#info p {line-height:20px;}
					#info h5 {letter-spacing:-1px;margin:32px 0 16px;}
				#images {margin:0;list-style:none outside;padding:25px 25px 15px;}
					#images li {float:left;margin:0 10px 10px 0;}
					#images li:first-child, #images li:nth-child(2) {margin:0 0 10px 0;}
					#images li:nth-child(2n+4) {margin-right:0;}
					.hidden {display:none;}
						#images a {float:left;}
							#images img {border:10px solid #fff;display:block;}

			#footer {padding:75px;text-align:center;}
				#footer .link {padding:6px 12px;}