@charset "utf-8";
@font-face { font-family: OpenSans; src:url(OpenSans/OpenSans-Regular.ttf) }
@font-face { font-family: Agency; src:url(AGENCYR.TTF) }
@font-face { font-family: Square; src:url(Square721.ttf) }
@import url(https://fonts.googleapis.com/css?family=Oxygen);

html {
	background:url(bg.png);
	background-color: #800000;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	color:white;
	font-family: 'Oxygen', sans-serif;
}
body {
	margin-top: -40px;
}
body.contents {
    margin: 0;
    padding: 0;
    border: none;
 	margin-top: 0px;   
}
#main {
	float: left;
	height: 950px;
	width: 100%;
	margin: 0 5%;
}
header {
	position:relative;
	width: 925px;
	height: 175px;
	border-bottom: 1px solid #FFF;
	margin:0 auto;
	background-color:transparent;
}

#featureMain {
	position:relative;
	width:925px;
    height: auto;
	margin:0 auto;
	background-color:rgba(0,0,0,0.3);
	padding:0;
	border-bottom: 1px solid #FFF;
}
#social {
	position:relative;
	width:925px;
	height:200px;
	margin:0 auto;
	background-color:rgba(0,0,0,0.3);
	padding:0;
	border-bottom: 1px solid #FFF;
}

#logo {
	width:250px;
	height:85px;
	display:block;
	position:absolute;
	top:65px;
	left:0px;
	border:0px;
	font-family: 'Oxygen', sans-serif;
	font-size:80px;
}

#gallery {
	margin: 0 auto;
}
.galleria{ 
    width: 925px; height: 500px; background: #000; margin:0 auto; 
}
#normal2 {
	display: none;
}

#normal3 {
	display: none;
}

#normal4 {
	display: none;
}

#normal5 {
	display: none;
}

#normal6 {
	display: none;
}

#bigimages {
	width: 770px;
	margin: 0 auto;
}

#bigimages img {
	border: 1px solid #FFF;
	margin-top: 5px;
	width: 750px;
}

#thumbs {
	margin: 10px auto 10px auto;
	text-align: center;
	width: 800px;
}

#thumbs img {
	margin: 10px;
	margin-bottom: 0px;
	height: 110px;
	border: 1px solid #FFF;
}

nav {
	position: absolute;
	right: 0px;
	top: 100px;
	clear:both;
	color:#FFF;
	background-color: transparent;
	height: 30px;
	font-family: 'Oxygen', sans-serif;
	font-size:16px;
}

nav ul {
	margin: 0px;
	padding: 5px 0px 5px 30px;
}

nav li {
	display: inline;
	margin-right: 40px;
}

nav li a {
	color: #FFF;
    text-decoration: none;
}

nav li a:hover, nav li a.current {
	color: #930;
    background-color: #FFFF00;
    
}

#login {
	position:absolute;
	top:25px;
	left:20px;
	width:425px;
	height:140px;
	background-color:transparent;
}

#login li {
		padding-bottom: 5px;
}

#register li {
	padding-bottom: 5px;
}

input.login {
	position:absolute;
	right: 40px;
	padding-left: 0px;
}

#register {
	position:absolute;
	top: 25px;
	left:480px;
	width:425px;
	height:140px;
	background-color:transparent;
}

input.button {
	float: right;
}

#feature {
	position:relative;
	width:925px;
	height:500px;
	margin:0 auto;
	background-color:rgba(0,0,0,0.3);
	padding:0;
	border-bottom: 2px solid #FFF;
}

#feature405 {
	position:relative;
	width:925px;
	height:574px;
	margin:0 auto;
	background-color:rgba(0,0,0,0.3);
	padding:0;
	border-bottom: 2px solid #FFF;
}

#indexFeaturePromo {
	position:relative;
	width:925px;
	height:343px;
	margin:0 auto;
	background-color: black;
	padding:0;
	border-bottom: 1px solid #FFF;
}


#frontFeatureTitle {
	position: absolute;
	top: 380px;
	left: 145px;
	font-size:36px;
}

#sub_feature {
	position:relative;
	width:925px;
	height:200px;
	margin:0 auto;
	background-color:rgba(0,0,50,0.6);
	padding:0;
	border-bottom: 2px solid #FFF;
	border-top:solid 0px white;
}	

#feature_content {
	background-image:url(cara.png);
	position:absolute;
	top:25px;
	left:25px;
	width:875px;
	height:450px;
	font-size:14px;
	color:#FFF;
	font-family: 'Oxygen', sans-serif;
}

#feature_content p {
	padding:0px;
	width:235px;
	height:186px;
	position:absolute;
	top:76px;
	right:25px;
	font-weight:bold;
	font-size:18px;
}

.blog_post {
	position:relative;
	width:925px;
	height: auto;
	margin:0 auto;
	background-color:rgba(0,0,0,0.6);
	padding:0px;
	border-bottom: 2px solid #FFF;
}

#blog_post h1, p {
	padding:15px;
}

footer {
	position:relative;
	width:925px;
	height:50px;
	margin: 0 auto;
	border-bottom: 1px solid #FFF;
	border-top: solid 1px #FFF;
	font-size:12px;
}

footer p {
	position: absolute;
	top:-10px;
}

footer ul {
	position: absolute;
	right:-12px;
	top: 4px;
	margin: 0px;
	padding: 5px 0px 5px 30px;
}

footer li {
	display: inline;
	margin-right: 40px;
}

#locationsLeftSide {
	position:relative;
	top:0px;
	left:20px;
	width:300px;
	height:725px;
}

#locationResult {
	position:absolute;
	top:75px;
	left:325px;
	width:550px;
	height:300px;
	background-color:rgba(255,255,255,0.1);
}

#locationResultB {
	position:absolute;
	top:404px;
	left:325px;
	width:550px;
	height:300px;
	background-color:rgba(255,255,255,0.1);
}

#locationResultB h1 {
	position: absolute;
	top: 0px;
	left: 10px;
	text-decoration:underline;
	font-size: 24px;
}

#locationResultB p {
	position: absolute;
	top: 60px;
	right: 0px;
	font-size:14px;
	width:200px;
}

#locationResultB img {
	position: absolute;
	top: 90px;
	left: 10px;
}

#locationResultB input {
	position:absolute;
	bottom: 10px;
	right: 10px;
}

#locationResult h1 {
	position: absolute;
	top: 0px;
	left: 10px;
	text-decoration:underline;
	font-size: 24px;
}

#locationResult p {
	position: absolute;
	top: 60px;
	right: 0px;
	font-size:14px;
	width:200px;
}

#locationResult img {
	position: absolute;
	top: 90px;
	left: 10px;
}

#locationResult input {
	position:absolute;
	bottom: 10px;
	right: 10px;
}

#locationsLeftSide li {
	padding-bottom: 5px;
}

select {
	float: right;
	width: 150px;
	margin-right: 20px;
}

#locationsCheckboxes li {
	margin-left: -20px;
}

#mainBody {
	position:relative;
	width:925px;
	height:750px;
	margin:0 auto;
	background-color:rgba(0,0,50,0.6);
	padding:0px;
	padding-bottom:25px;
	border-bottom: 2px solid #FFF;
}


#faq {
	position:absolute;
	top: 50px;
	left: 10px;
	width:650px;
	padding:0px;
}

#faq h1 {
	padding-left: 15px;
	font-style:italic;
	margin-bottom: 40px;
	font-size:18px;
}

#faq h2{
	padding-left: 15px;
	font-size: 15px;
	font-style:italic;
	margin-bottom: 0px;
}

#faq p {
	padding-left: 15px;
	margin-top:-10px;
}

#faqImage {
	position:absolute;
	top: 50px;
	right: 10px;
	width:310px;
	height:375px;
	background-image:url(Images/qm.fw.png);
	border-left: solid 2px #FFF;
}

#contact {
	position:absolute;
	top:25px;
	left:20px;
	width:800px;
	height:180px;
	background-color:transparent;
}

#contact li {
	padding-bottom: 20px;
	text-decoration:none;
}

#message {
	height: 100px;
}

#contact fieldset {
	height: 320px;
}

#contactSubmit {
	position: absolute;
	top: 400px;
	right: 20px;	
}

li {
	list-style:none;
}

#contactDetails {
	position: absolute;
	top: 55px;
	right: 0px;
	width: 345px;
	height: 420px;
	border-left: solid 2px #FFFFFF;
}

#contactDetails h2 {
	padding-left: 50px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration:underline;
	font-size:20px;
}

#contactDetails p {
	padding-left: 50px;
	padding-top: 0px;
	padding-bottom: 0px;	
}

label {
	margin-left: -20px;
}

#contactBox {
	margin-left: 100px;
	
}

#emailImage {
	margin-left: 20px;
	margin-top: 10px;
}

a:link {color: #FFF}    /* unvisited link */
a:visited {color:#FFF;} /* visited link */
a:hover {color:#930;}   /* mouse over link */
a:active {color:#FFF}  /* selected link */

a {
	font-style:italic;
    font-weight: bold;
	text-decoration:underline;
}

a p {
	font-style:italic;
    font-weight: bold;
	text-decoration:underline;
}

#featureContact {
	position:relative;
	width:925px;
	height:400px;
	margin:0 auto;
	background-color:rgba(0,0,0,0.3);
	padding:0;
	border-bottom: 2px solid #FFF;
}

#featureSamples {
	position:relative;
	width:925px;
	height:500px;
	margin:0 auto;
	background-color:rgba(0,0,0,0.3);
	padding:0;
	border-bottom: 2px solid #FFF;
}

#featureSamples div.A {
	width: 200px;
	position: absolute;
	left: 218px;
	top:50px;
}

#featureSamples div.B {
	width: 200px;
	position: absolute;
	right: 30px;
	top:50px;
}

#featureSamples h1 {
	text-decoration: underline;
	margin-left: 15px;
}

#feature405About {
	position:relative;
	width:925px;
	height:120px;
	margin:0 auto;
	background-color:rgba(0,0,0,0.3);
	padding:0;
	margin-top: -14px;
	border-bottom: 2px solid #FFF;
	font-family: 'Oxygen', sans-serif;
}

#feature405Specs {
	position:relative;
	width:925px;
	height:120px;
	margin:0 auto;
	background-color:rgba(0,0,0,0.3);
	padding:0;
	margin-top: -14px;
	border-bottom: 2px solid #FFF;
	font-family: 'Oxygen', sans-serif;
}

#feature405Finish {
	position:relative;
	width:925px;
	height:260px;
	margin:0 auto;
	background-color:rgba(0,0,0,0.3);
	padding:0;
	margin-top: -18px;
	border-bottom: 2px solid #FFF;
	font-family: 'Oxygen', sans-serif;
}

#feature405Finish img {
	float: left;
	margin-left: 45px;
}

#feature405Finish p {
	float: left;
}



#feature405Access {
	position:relative;
	width:925px;
	height:auto;
	margin:0 auto;
	background-color:rgba(0,0,0,0.3);
	padding:0;
	margin-top: -18px;
	border-bottom: 2px solid #FFF;
	font-family: 'Oxygen', sans-serif;
}

#feature405Access a {
	margin-left: 15px;
	margin-top: -20px;
}

#waitingList {
	margin:0 auto;
	width:925px;
	height:75px;
	background-color:rgba(255,0,0,0.5);
	border-bottom: 1px solid #FFF;
}

#waitingList img {
	position:relative;
	float: left;
	width: 55px;
	height:55px;
	margin-left: 100px;
	margin-top: 10px;
}

#waitingList p {
	float:left;
	margin-left:10px;
	margin-top: -1px;
	width: 600px;
	margin-bottom:-5px;
}

#indexMain {
	position:relative;
	width:925px;
	height:575px;
	margin:0 auto;
	background-color:rgba(0,0,0,0.3);
	padding:0;
	border-bottom: 2px solid #FFF;
}

#indexMain img {
	float: left;
	width: 200px;
	height: 500px;
}

#indexMain a {
	float:right;
	width: 725px;
	height: 500px;
}

a:link {color: #FFF;}      /* unvisited link */
a:visited {color:#FFF;}  /* visited link */
a:hover {color:#FFF;}  /* mouse over link */
a:active {color:#FFF;}  /* selected link */

#contactForm {
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 400px;
}

legend {
	color: #FFF;
}

a {
	outline:none;
	border:none;
}

.formStyle {

}

.formStyle input {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
}

.formStyle textarea {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
}

.formStyle label {
font-size:12px;
display:block;
text-align:right;
width:140px;
float:left;
}

.formStyle button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

#accessory {
	position:relative;
	width:925px;
	height:200px;
	margin:0 auto;
	background-color:rgba(0,0,0,0.3);
	padding:0;
	border-bottom: 2px solid #FFF;
}

#accessory img {
	position:absolute;
	top:25px;
	left:20px;
	height:150px;
	width:193px;
}

#accessory h1 {
	position:absolute;
	top:5px;
	left:230px;
	text-decoration:underline;
}

#accessory p {
	position:absolute;
	top:45px;
	left:215px;
}

#accessory h2 {
	position:absolute;
	top:124px;
	left:230px;
}

#featureAbout {
	position:relative;
	width:925px;
	height: auto;
	margin:0 auto;
	margin-top: -20px;
	background-color:rgba(0,0,0,0.3);
	padding:0;
	border-bottom: 2px solid #FFF;
}

#featureAbout h1 {
	padding-top: 20px;
	padding-left: 15px;
}

iframe {
	margin: 0 auto;
}

#featurePrices {
	position:relative;
	width:925px;
	height:400px;
	margin:0 auto;
	background-color:rgba(0,0,0,0.3);
	padding:0;
	margin-top: -18px;
	border-bottom: 2px solid #FFF;
	font-family: 'Oxygen', sans-serif;
}

#featurePrices h1 {
	text-decoration: underline;
	margin-left: 15px;
}

/* CSS Document */