@charset "UTF-8";

@font-face {
font-family: 'Gotham Book';
font-style: normal;
font-weight: normal;
src: local('Gotham Book'), url('gothamcondensed-book-webfont.woff') format('woff');
}




@font-face {
font-family: 'Gotham Black';
font-style: normal;
font-weight: normal;
src: local('Gotham Black'), url('Gotham-Black.woff') format('woff');
}



@font-face {
font-family: 'Gotham Bold';
font-style: normal;
font-weight: normal;
src: local('Gotham Bold'), url('gothamcondensed-bold-webfont.woff') format('woff');
}





html, body, div, p{
	margin: 0; 
	padding: 0; 
	border: 0;
	font-family: Gotham light, Helvetica, serif;
	font-size: 1em;
	line-height: 1.2em;
	color: white;
	}


h1{
	margin: 0; 
	padding: 0; 
	border: 0;
	font-family: Gotham Black, Helvetica, serif;
	font-size: 1em;
	line-height: 1.2em;
	color: white;
	}


html, body{ height: 100%; }

body{
	background-color:rgb(026,026,026); 
	background-repeat:no-repeat; 
	background-attachment:fixed; 
	background-position:right bottom; 
}
	
	#container{
		min-height: 100%;
		position: relative;
		}
	
	#header{
		position: relative;
		width: 100%;
		height: auto;
		background: transparent;
		margin-top: 30px;
		margin-bottom: 30px;
		}
		
		#logo{
			width: 80%;
			max-width: 1000px;
			position: relative;
			margin: 0 auto;
			}
			#logo img{
				width: 100%;
				margin: 0;
				padding: 0;
				border: 0;
				}
		#navMenu{
			width: 100%;
			max-width: 1000px;
			padding: 0;
			position: relative;
			margin: 50px auto;
			text-align: center;
			 font-family: 'Gotham Black';
			 font-size: 1.25em;
			}
			
			#navMenu li{
				margin-left: 20px;
				padding: 0 20px 5px 20px;
				list-style: none;
				min-width: 50px;
				color: #900;
				min-height: 10px;
				display: -moz-inline-stack;
        		display: inline-block;
        		vertical-align: middle;
        		zoom: 1;
        		*display: inline;
        		_height: 10px;
				position: relative;
				} #navMenu li:first-child{ margin-left: 0;}
				
				#navMenu li a, #navMenu li a:link{
					padding: 10px 0;
					text-decoration: none;
					display: block;
					background-color: rgb(026, 026, 026);
					background-color: rgba(026, 026, 026, 0.75);
					border-radius: 30px;
					position: absolute;
					width: 100%;
					height: 100%;
					}
					
					#navMenu li a:hover{
						color: #000;
						background-color: rgb(026, 026, 026);
						background-color: rgba(026, 026, 026, 1.0);
						}
	
	#wrapper{
		position: relative;
		width: 75%;
		max-width: 1000px;
		margin: 0 auto;
		padding-bottom: 50px;
		}
		
		#content{
			position: relative;
			top: 0px;
			left: 0px;
			width: 100%;
			height: auto;
			padding: 25px;
			color: #333;
			background-color: rgb(026, 026, 026);
			background-color: rgba(026, 026, 026, 0.75);
			border-radius: 30px;
			margin-bottom: 20px;
			text-align: left;
			}	
			#content p{text-align: left; margin: 5px 0 10px 0;}
			
			
						
	#footer{
		position:relative;
   		bottom:25px;
   		width:100%;
   		height: 50px;
   		text-align: center;
		}
		
		
table,td,th
{
border:100px;
}
table
{
width:100%;
}
th
{
height:50px;
}




.floatright
{
float: right;
width: 180px;
margin: 0 0 5px 5px;
padding: 10px;
border-top: 1px;
border-right: 1px;
border-bottom: 1px; 
border-left: 1px;
}

div.floatright img
{
border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
}

p { margin-top: 0; }

.floatleft
{
float: left;
width: 180px;
margin: 0 0 5px 5px;
padding: 10px;
border-top: 1px;
border-right: 1px;
border-bottom: 1px; 
border-left: 1px;
}

div.floatleft img
{
border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
}

p { margin-top: 0; }




.otherbutton {
    width: 300px;
    border: 0px;
    padding: 20px;
    overflow: hidden;
}

.otherbutton img, .content h3 {
    float: left;
}

.otherbutton img {
    margin-right: 15px;
}




.table
{
   display:table;
   margin-left:auto;
   margin-right:auto;
}

.table-row
{
   display:table-row;
}

.table-cell
{
   display:table-cell;
}


a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}


.floatleft
{
float: left;
width: 400px;
margin: 0 0 5px 5px;
padding: 05px;
border-top: 1px;
border-right: 1px;
border-bottom: 1px; 
border-left: 1px;
}

div.floatleft img
{
border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
}

p { margin-top: 0; }




#marquee_replacement{
 border:0px;
 width:600px;
 height:133px;
 overflow:auto;
}
#marquee_replacement p.spacer{
 height:150px;
}



.flip {
    height: 900px;
    margin: 0 auto;
}
.flip img {
    height: auto;
}
.flip .back {
    text-align: center;
}