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

* { margin: 0; padding: 0; }

html, body { /*styling the html tag allows for 100% height */
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.hidden {
	display: none;
}

body {
	background: #000000  url(../images/background.jpg) no-repeat scroll center top;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	color: #FFF;
}
	
.page-container {
	width: 910px;
	margin: auto;
	font-family: Verdana, Helvetica, sans-serif;
	border: 1px solid #333;
	overflow: hidden;
	margin-bottom: 15px;
}

/*logo*/
.header-container {
	width: 890px;
	margin: auto;
	font-family: Verdana, Helvetica, sans-serif;
}

#header {
	padding-top: 89px;
	width: 169px;
	margin-bottom: 33px;
	height: 41px;
}

#social {
	padding-top: 42px;
	position: relative;
	height: 80px;
	width: 300px;
	margin: auto;
	text-align:right;
	float: right;
}

/*nav placement*/
#navcontainer {
	width: 100%;
	position: relative; float: left; right: 0px; top: 0px;
	font-family: Helvetica, sans-serif;
	margin: 28px 0px 25px 0px;
}

#navlist li {
	display: inline;
	margin-left: 3px;
	padding-left: 25px;
	font-size: 11px;
	text-transform: uppercase;
}

/*bottom nav - left side*/
#navlist2 li { list-style-type: none; font: normal 1em Verdana; }

#navlist2 li a{
	display: block;
	list-style-type: none;
	padding-right: 10px;
	position: relative;
	float: left; left: 10px;
	line-height: 40px;
}

/*bottom nav - right side*/
#navlist3 li { list-style-type: none; font: normal 1em Verdana; }

#navlist3 li a{
	display: block;
	list-style-type: none;
	padding-right: 10px;
	position: relative;
	float: right; right: 10px;
	line-height: 40px;
}

/*Gallery nav*/
#navigation ul li { list-style-type: none;	border: 1px solid #666;	background: #fff; width: 100px; text-align: right;}
#navigation ul li a {display: block;text-decoration: none;padding: 5px; color:#C00;}
#navigation ul li a:hover {background:  #000;	}		
#navigation ul li.active a {background: #333;	}
#navigation ul {float: right;}

/*bottom Logo*/
#logo2 {
	height: 15px;
	width: 59px;
	float: left;
	margin: 13px 0 0 10px;
	background: url(../images/smalllogo.jpg) no-repeat scroll center top;
}

/*contents*/
#content {
	display: inline;
	width: 833px;
	height: 440px;
	margin: 20px 0 0 50px;
	padding-bottom: 41px;
}

/*movie*/
#display {
	margin: 0 auto;
	border: 1px solid #aa312b;
	width: 888px;
	height: auto;
	margin-top: 71px;
	background: white;
}

.behindthumb {
	width: 214px;
	height: 400px;	
	float: left; 
	margin-left: 4px;
	margin-right: 3px;
	display: inline;
}

.behindthumb2 {
	width: 144px;
	height: 102px;	
	float: left; 
	margin: 0 2px;
	display: inline;
}

#typography {
	margin: 0 auto;
	width: 890px;
	padding-top: 27px;
	height: 100%;
	/*min-height: 315px;*/
	padding-bottom: 10px;
}

	.dualCol {
		display: inline;
		float: left;
		width: 190px;
	}
	.leftCol {
		display: inline;
		float: left;
		margin-right: 4px;
		}

.conbox {
	display: inline;
	width: 235px;
	float: left;
	height: 250px;
}

#extraimages {
	margin: 0 auto;
	float: left;
	width: 890px;
	width: 100%;
}

#footer {
	font-size: 76%;
	margin: 16px auto auto -11px;
	width: 910px;
	height: 43px;
	float: left;
	border: 1px solid #333333;
	overflow: auto;
}

/*Type Properties*/

/*Heading*/
h1 {
	font-size: 12px;
	font-weight: lighter;
	font-family: Helvetica, Arial, sans-serif;
	color: #cccccc;
	text-transform: uppercase;
}

.image-wrapper h1.two a {color:#CCC;}
.image-wrapper h5.two a {color:#CCC;}
.image-wrapper h1.three a {color:#000;}
.image-wrapper h5.three a {color:#000;}

.image-wrapper h5.three {
	position: absolute;
	color:#000;
	left: 2px;
	top: -3px;
	width: 206px;
}



/*Subheading*/
h2 {
	font-size: 11px;
	font-family: Helvetica, Arial sans-serif;
	color: #ffffff;
	font-weight: lighter;
	text-transform: uppercase;
}

/*news*/
h3 {
	font-size: 10px;
	line-height: 14px;
	font-family: Helvetica, Arial sans-serif;
	padding: 5px 5px 5px 0;
	color: #ffffff;
}

/*red headings*/
h4 {
	font-size: 14px;
	font-family: Helvetica, Arial sans-serif;
	color:#C00;
	padding: 10px 0 5px 10px;
	text-transform: uppercase;
	height: 20px;
	width: auto;
	background-color:#000;
}

h5 {
	font-size: 9px;
	color:#000;
	margin: 5px 0 0 5px;	
	line-height: 13px;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight:100;
}

h6 {
	font-size: 12px;
	color: #fff;
	font-weight:bold;
}

/*fixed text*/
.image-wrapper {
	position: relative;
	width: 888px;
}

/*paragraph*/
p {
	font-size: 9px;
	color:#000;
	margin: 0px;
	line-height: 13px;
	font-family: Verdana, Helvetica, sans-serif;
}

/*nav*/
a.one { text-decoration: none; text-transform: uppercase; color: #fff; }
a.one:visited {text-decoration: none; text-transform: uppercase; color: #fff; }
a.one:hover {text-decoration: underline; text-transform: uppercase; color: #fff; }
a.one:active {text-decoration: none; text-transform: uppercase; color: #fff; }

/*main page links*/
.class2 a:link {text-decoration: none; color: #fff; font-size: 9px; line-height: 13px;}
.class2 a:visited {text-decoration: none; color: #fff; font-size: 9px; line-height: 13px;}
.class2 a:hover {text-decoration: underline; color: #cccccc; font-size: 9px; line-height: 13px;}
.class2 a:active {text-decoration: none; color: #fff; font-size: 9px; line-height: 13px;}

/*forged*/
.imglink img{border: 2px solid #666666;}
.imglink {border: 2px solid #666666; }
.imglink:hover {border: 2px solid #666666;}

/*tech links*/
a.tlink { text-decoration: none; color: #fff; font-family: Helvetica, Arial sans-serif; }
a.tlink:visited {text-decoration: none; color: #fff; font-family: Helvetica, Arial sans-serif; }
a.tlink:hover {text-decoration: underline; color: #fff; font-family: Helvetica, Arial sans-serif; }
a.tlink:active {text-decoration: none; color: #fff; font-family: Helvetica, Arial sans-serif; }

/*red links*/
a.rlink { text-decoration: none; color: #C00; }
a.rlink:visited {text-decoration: none; color: #C00; }
a.rlink:hover {text-decoration: underline; color: #C00; }
a.rlink:active {text-decoration: none; color: #C00; }

/*small images*/
.imglink2 img{border: 1px solid #666666;}
.imglink2 {border: 1px solid #666666; }
.imglink2:hover {border: 1px solid #666666;}

/*bottom nav*/
a.two:link {text-decoration: none; color: #999999; font: normal 0.85em Verdana;}
a.two:visited {text-decoration: none; color: #999999; font: normal 0.85em Verdana;}
a.two:hover {text-decoration: none; color: #999999; font: normal 0.85em Verdana;}

object {display:block}.page-container #typography .conbox br {
	font-size: 11px;
}


/* WordPress */
#wordpress { margin: 0 auto;
	width: 560px;
	overflow: hidden;
	padding: 7px 0 0 10px;
	float: left;
	min-height: 215px;
	height: 100%;
}
.storycontent p { color:#CCC; font-size:10px; }
.storycontent h1 { size: 18px; font-weight:bolder;}
#wordpress h2 {margin-top:20px;margin-bottom:5px; color:#C00}
#wordpress img {border:#999; padding:10px 0 10px 0;}

/* Sidebar */
#sidebar { display: block; list-style: none; background: #232323 url(../images/sidebarbg.jpg) no-repeat; background-position:bottom; margin: 30px 10px 0 20px; height: 100%; width: 300px; float: right; clear: top left;}
#sidebar ul { margin-bottom: 250px; }
#sidebar li { list-style: none; margin-bottom: 15px; margin-left: 10px; text-decoration: underline;}
#sidebar a { font-size:10px; text-decoration: underline; text-transform: uppercase; color: #fff; }
#sidebar a:visited {font-size:10px; text-decoration: underline; text-transform: uppercase; color: #fff; }
#sidebar a:hover {font-size:10px; text-decoration: underline; text-transform: uppercase; color: #fff;  }
#sidebar a:active {font-size:10px; text-decoration: underline; text-transform: uppercase; color: #fff; }