@charset "UTF-8";
/* CSS Document */

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; border: 0; font-size: 100%; font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section { display: block;
}

body { line-height: 1; font-size:62.5%;
}

ol, ul { list-style: none;
}

blockquote, q { quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after { content: '';
content: none;
}

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

full-width{
width:100%;
}

/* my styles start here */

#page{
		text-align:center;
}

#container{
		width:60%; margin:0 auto;
}

#content{
background:url("../blackbox/black-85-percent.png") repeat; text-align:left; padding:25px;
padding-left:99px; padding-right:99px;
}


#nav{
}

#navList{
		display: table; width: 100%; table-layout: fixed; /* optional,
		for equal spacing */ border-collapse: collapse; margin:10px 0;
    	}

#nav ul li{
			display: table-cell; text-align: center; vertical-align:
			middle; /* or similar, if needed */ margin-right:10px;}

	
#nav ul li a:link{
			font-family: Verdana, Geneva, sans-serif; color:#8c8c8c;
			font-size:1.8em; text-decoration:none;
			display:block; padding:27px; margin-right:10px;
			background:url("../blackbox/black-85-percent.png") repeat; 
			}
			
#nav ul li a:hover, #nav ul li a:active{color:#fff;}

#nav ul li a.lastItem{margin-right:0;}

.full-width{
width:100%;
}


p{ font-family: Verdana, Geneva, sans-serif; color:#fff;
font-size:1.4em; padding-bottom:20px; line-height:1.8em;}

H1{ font-family: Verdana, Geneva, sans-serif;
color:#8c8c8c; font-size:1.4em; line-height:1.8em;}

H2{ font-family: Verdana, Geneva, sans-serif; color:#8c8c8c;
font-size:1.4em; padding-bottom:20px; line-height:1.8em;}

H3{ font-family: Verdana, Geneva, sans-serif; color:#C4C4C4;
font-size:1.0em; padding-bottom:20px; line-height:1.6em;}

a:link,a:visited{color:#8c8c8c;} a:hover,a:active{color:#fff;}

em{font-style:italic;}

img{ max-width:100%; height:auto; }

.video-wrap{ position:relative; width:100%; padding-bottom:56.25%; height:0; }
.video-wrap iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }

@media (max-width: 900px){
	#container{ width:94%; }

	#content{ padding:20px; }

	#nav ul li a:link{ padding:12px; font-size:1.4em; }
}