/*
By NuTastic Designz - Jarmell James
www.nutastic.net

FONTS:
font-family: 'Opens Sans', sans-serif;
font-family: 'Alex Brush', sans-serif;
/*


/*GENERAL STYLING BEGINS*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700|Alex+Brush|Droid+Serif:400,700);
html,body {margin:0px !important; padding:0; overflow:hidden; }
body{ font-family: 'Open Sans', sans-serif; font-weight:300; font-size:16px; color:#ffffff; background:#121212; padding-left:0px !important; padding-right:0px !important; }
::selection{ background:#e06b6b; color:#212121; }

/*Site CSS*/
.container{ margin:0px auto; width:960px; clear:both; height:auto; text-align:center; position:relative; }
.container:after{ content:"\0020"; display:block; height:0; clear:both; visibility:hidden;}
#header{ width:100%; float:left; height:auto; z-index:10; position:fixed; text-align:center; background: rgba(0,0,0,0.8); display:none;}
#header .container{ width:100%; }
#menu{ width:100%; float:none; display:inline-block; height:auto; text-align:center; letter-spacing:1px; }
#menuTitle{ font-size:45px; font-family:'Alex Brush', sans-serif; }
.menuNav{ font-size:22px; float:none; font-weight:400; color:#fff; margin:0px 14px 13px; display:inline-block; padding:2px 0px 6px; text-transform:lowercase; }
#menu a{ color:#fff; } #menu a:hover{ color:#d6a301; }
#footer{ height:auto; float:left; background:#212121; padding:8px 0px; width:100%; font-size:16px; color:#fff; text-align:center; font-weight:400;}
#footer a:link, #footer a:visited, #footer a:active{ color: #ffffff; } #footer a:hover{ color:#ffffff; }
#logo{ height:auto; width:800px; display:inline-block; }
#emblem{ width:40px; margin:0 10px; position:relative; top:10px; }
#social{ font-size:22px; }
@media (max-width : 850px) {
	.container{ margin:0px auto; width:96%; clear:both; height:auto; }
	#logo{ height:auto; width:85%; display:inline-block; }
	#social{ font-size:16px; }
	#header{ height:20px; display:none !important; }
}
@media (max-width : 1024px) and (min-width : 851px) {
	.container{ margin:0px auto; width:94%; clear:both; height:auto; }
	#logo{ height:auto; width:600px; display:inline-block; }
	#social{ font-size:22px; }
}
@media (min-width : 1300px){
	.container{ margin:0px auto; width:1280px; clear:both; height:auto; }
}

/*General*/
.full{ width:100%; float:left; text-align:center; }
.trip{ width:33.33%; float:left; }
.section .container{ margin:50px auto; }
.section.table{ margin-bottom:0px; }

/*Section1*/
#section1{ background-color:#161616; }
.overlayContainer{ margin:0px auto; width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.4); }
.coverMe2 .overlayContainer{ background:rgba(0,0,0,0.30); }

/*Section2*/
#section2{ background:#ffffff; color:#121212; }
#section2 .sectionTitle{ color:#212121; }
#section2 .sectionWords{ font-weight:300; }
#aboutPhoto{ display:inline-block; width:200px; height:200px; position:relative; }
#about1{ position:absolute; width:100%; left:0; right:0; margin:0 auto; border-radius:200px; z-index:2; }
@media (max-width : 850px) {
	#aboutPhoto{ height:150px; width:150px; }
	#section2{ padding-top:0px !important; }
}

/*Section3*/
#section3 .container{ padding:100px 0px; }
#section3 .overlayContainer{ background:rgba(0,0,0,0.40); }
#section3{ background-size:cover; background-position:center center; background-repeat:repeat; background-attachment:fixed; }
@media (max-width : 850px) {
	#section3{ background-attachment:scroll; }
}


/*Section4*/
#section4{ text-align:center; color:#fff; }
#section4 img{ max-width:100%; max-height:100%; }
#section4 .overlayContainer{ z-index:2; }
#section4 .container{ z-index:3; }
#section4.sectionWords{ font-weight:300; font-size:24px; line-height:30px; }
#section4 .sectionTitle{ color: #fff; display:inline-block; padding:15px 30px; border:2px solid #fff; font-size:45px; line-height:55px; border-radius:90px; min-width:600px; }
#section4 .overlayContainer{ margin:0px auto; width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.5); }
.pager{ position:relative; }
.postPage{ padding:80px 0px; color:#fff; }
.postPage .sectionTitle{ font-size:30px; line-height:30px; text-transform:uppercase; margin-bottom:15px; }
@media (max-width : 850px) {
	#section4.sectionWords{ font-size:16px; line-height:24px; }
	#section4 .sectionTitle{ font-size:40px; line-height:40px; padding:10px 20px; min-width:100px; }
	.postPage{ padding:40px 0px; color:#fff; }
}
@media (max-width : 1024px) and (min-width : 851px) {
	#section4.sectionWords{ font-size:24px; }
	.postPage{ padding:50px 0px; color:#fff; }
}

/*Section5*/
#section5{ background:#000000; color:#ffffff; }
#section5 .sectionWords{ font-size:16px; font-weight:400; letter-spacing:3px; color:#fff; text-transform:uppercase; }
@media (max-width : 850px) {
	#section5 .sectionWords{ font-size:12px; line-height:20px; }
}
@media (max-width : 1024px) and (min-width : 851px) {
	#section5 .sectionWords{ font-size:16px; line-height:24px; }
}

/*Text*/
.sectionWords{ font-size:22px; line-height:36px; font-weight:300; }
.sectionTitle{ font-size:30px; line-height:40px; font-family: 'Droid Serif', sans-serif; text-transform:uppercase; letter-spacing:2px; }
.title1{ color:#fff; font-size:30px; font-weight:300; }
.title2{ color:#fff; font-size:60px; line-height:65px; font-weight:300; }
.smallWords{ color: #999999; font-size:14px; }
.textShadow{ text-shadow:rgba(0,0,0,.95) 2px 2px 25px;}
.textLeft{ text-align:left; }
.textCenter{ text-align:center; }
.textRight{ text-align:right; }
@media (max-width : 850px) {
	.sectionWords{ font-size:16px; font-weight:300; line-height:28px; }
	.sectionTitle{ font-size:25px; line-height:40px; }
	.title1{ color:#fff; font-size:25px; font-weight:300; }
	.title2{ color:#fff; font-size:34px; line-height:36px; font-weight:300; }
}
@media (max-width : 1024px) and (min-width : 851px) {
	.sectionWords{ font-size:20px; font-weight:300; line-height:32px; }
	.sectionTitle{ font-size:40px; line-height:40px;}
	.title1{ color:#fff; font-size:28px; font-weight:300; }
	.title2{ color:#fff; font-size:45px; line-height:48px; font-weight:300; }
}

/*Buttons*/
.button{ background:none; outline:none; cursor:pointer; text-transform:uppercase; text-align:center; display:inline-block; font-family:'Open Sans', sans-serif; }
.button1{ min-width:100px; margin:8px 10px; padding:8px 12px; font-size:16px; border:2px solid #fff; color:#fff; letter-spacing:2px; border-radius:100px; font-weight:400; }
.button1:hover{ background-color:#d6a301; color:#fff; border-color:#d6a301; }
.button2{ min-width:100px; margin:8px 10px; padding:12px 20px; font-size:16px; border:2px solid #fff; color:#fff; letter-spacing:2px; font-weight:400; }
.button2:hover{ background-color:#da1a2c; color:#fff; border-color:#da1a2c; }
@media (max-width : 850px) {
	.button1{ min-width:50px; margin:8px 10px; padding:6px 10px; font-size:12px; }
	.button2{ min-width:50px; margin:8px 10px; padding:8px 12px; font-size:12px; }
}

/*Common Link*/
a:link, a:visited, a:active { color: #d6a301; text-decoration: none; }
a:hover { text-decoration: none; color: #ccc; }

/*Common*/
p{ margin:0px; }
img { border:none; max-width:100%; }
.noBorder{ border:none; }
.hide{ display:none !important; }
.clear{ clear:both; height:10px;}
.clear2{ clear:both; height:20px; }
.clear3{ clear:both; height:30px; }
.clear0{ clear:both; height:3px;}
.corners{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.shadow { box-shadow:rgba(0,0,0,.30) 0 3px 3px; }