@CHARSET "UTF-8";
 
* html #container {
	height:100%
	}

html {
	height: 100%;
	}
	
body {
    font-family: Arial, Helvetica, Sans;
    font-size: 12px;
    color: #4d4d4d;
    background-image: url(images/gasMask_black.jpg);
    background-attachment: fixed;
    background-repeat: repeat;
    background-position: center top;
    background-color: #000000;
    padding: 0px;
    margin: 0px;
    text-align: center;
    height: 100%;
	}

#container {
	position: relative;
	margin: 0px auto;	
	text-align: left;
	padding: 0px;
	width: 950px;
	height: 100%;
    background-image: url(images/contentBackgroundFade.gif);
    background-attachment: scroll;
    background-repeat: repeat-y;
    background-color: #000000;
    z-index: 1;
	}
		
img {
	border: 0px;
	}
	
:focus {
	outline: 0px;
	}

#headerBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 950px;
	height: 261px;
	z-index: 2;
	}

#mainNav {
	position: absolute;
	top: 130px;
	left: 25px;
	width: 65px;
	height: 110px;
	z-index: 10;
	}

.nav {
	padding-bottom: 6px;
	}
	
#subNav {
	position: absolute;
	top: 261px;
	left: 0px;
	width: 924px;
	height: 23px;
	padding-left: 26px;
	padding-top: 11px;
	z-index: 10;
	background-color: #000000;
	}

.subnav {
	padding-right: 19px;
	}

.nextArrow {
	padding-left: 19px;
	vertical-align: middle;
	margin-top: -3px;
	}
	
.previousArrow {
	padding-right: 19px;
	vertical-align: middle;
	margin-top: -3px;
	}
		
#topRadius {
	position: absolute;
	top: 295px;
	left: 0px;
	height: 8px;
	width: 950px;
	padding: 0px;
	background-image: url(images/contentTopRadius.gif);
	background-repeat: no-repeat;
	z-index: 2;
	}
	
#content {
	position: absolute;
	top: 348px;
	left: 0px;
	width: 950px;
	text-align: center;
    background-image: url(images/contentBackgroundFade.gif);
    background-attachment: scroll;
    background-repeat: repeat-y;
    z-index: 20;
	}

#thumbnails {
	position: absolute;
	top: 335px;
	left: 0px;
	width: 950px;
	text-align: center;
    background-image: url(images/contentBackgroundFade.gif);
    background-attachment: scroll;
    background-repeat: repeat-y;
    z-index: 20;
	}

.art {
	border: 1px solid;
	border-color: #a8a8a8;
	}
	
.gutterPhoto {
	border: 1px solid;
	border-color: #a8a8a8;
	margin-top: 20px;
	margin-bottom: 5px;
	}

.artThumb {
	border: 1px solid;
	border-color: #a8a8a8;
	margin-right: 37px;
	margin-bottom: 37px;
	}

.artThumbEnd {
	border: 1px solid;
	border-color: #a8a8a8;
	margin-bottom: 37px;
	}

#filmLink {
	position: absolute;
	top: 229px;
	left: 875px;
	width: 53px;
	height: 11px;
	z-index: 10;
	}

#titleBar {
	position: absolute;
	top: 319px;
	left: 0px;
	width: 950px;
	height: 16px;
	text-align: center;
	font-size: 13px;
	color: #a8a8a8;
	z-index: 21;
	}

#contentText {
	position: absolute;
	top: 319px;
	left: 0px;
	width: 950px;
	text-align: center;
    background-image: url(images/contentBackgroundFade.gif);
    background-attachment: scroll;
    background-repeat: repeat-y;
    z-index: 20;
	}

#gutterImages {
	position: absolute;
	top: 32px;
	left: 25px;
	width: 322px;
	text-align: left;
	font-size: 10px;
	}
		
#contentTextLayout {
	margin-left: 380px;
	width: 500px;
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	line-height: 16px;
	color: #a8a8a8;
	z-index: 21;
	clear: both;
	}

#contentTextLayout2 {
	margin-left: 380px;
	width: 525px;
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	line-height: 16px;
	color: #a8a8a8;
	z-index: 21;
	clear: both;
	}

#contentTextLayout p, #contentTextLayout2 p {
	margin-bottom: 20px;
	}

a:link, a:active, a:visited {
	color: #a8a8a8;
	text-decoration: none;
	}
	
a:hover {
	color: #ffea00;
	}
	
#SignUp .signupframe {
	border: 1px solid #a8a8a8;
	background: #323232;
	color: #a8a8a8;
	font-family: Verdana, sans-serif;
	}

#inlineSignUp {
	position: absolute;
	top: 267px;
	right: 21px;
	height: 25px;
	z-index: 100;
	}
	
#inlineSignUp input.field {
	background-color: #888888;
	line-height: 16px;
	border: none;
	padding-left: 3px;
	}

#inlineSignUp input, .formImage {
	vertical-align: middle;
	}