/* CSS Reset 
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* General Setup
/*-----------------------------------------------------------------------------------*/
body{ background:#fff; font-family:Arial, Helvetica, sans-serif; padding:0px; font-size:14px;}
p{ font-size:14px; line-height:18px;}
p2{ font-size:10px; line-height:18px;position:center;}
.main_container{ width:100%; margin:100px auto auto auto;}
.pages_container{ width:100%; margin:auto;}
.globe_wrap{ width:272px; height:272px; position:relative; margin:auto;}
.globe_container{margin:auto;
width:260px;
height:260px;
-webkit-border-radius:130px;
-moz-border-radius:130px;
border-radius:130px;
overflow:hidden;
background:url(images/earth.png) top left no-repeat;
-webkit-animation: rotate 10s infinite linear;
-moz-animation: rotate 10s infinite linear;
-ms-animation: rotate 10s infinite linear;
-moz-box-shadow:    inset 0 2px 10px #dcdcdc;
-webkit-box-shadow: inset 0 0 10px #dcdcdc;
box-shadow:         inset -5px 5px 25px #bbbbbb;
}
.rotatingglobe
{    
position:absolute;
left:0px;
top:0px;
z-index:44;
width:260px;
height:260px;
}
.orbit{
position:absolute;
left:20px;
top:5px;
z-index:55;}
.flameone{ position:absolute; top:204px; left:130px; z-index:66; display:none;}
.flametwo{ position:absolute; top:194px; left:143px; z-index:77;display:none;}
.rocket{
position:absolute;
left:140px;
top:174px;
z-index:88;}
.title{ color:#d71921; width:100%; text-align:center; font-size:37px; padding:25px 0; letter-spacing:13px;}
.menu{ width:100%; text-align:center; }
.menu ul{ text-align:center; list-style:none; padding:0px; margin:0px;}
.menu li{ font-size:21px; color:#58585a; padding:0 14px; text-decoration:none; display:inline-block;}

#mobile_menu{ display:none;}
a#open_mobile_menu{ display:none;}
a#open_mobile_menu_pages{ display:none;}
a#close_mobile_menu{ float:right; display:block; width:95%; text-align:right; padding:10px 5% 0 0;}

.footer{ text-align:center; padding:100px 0 0 0;}
ul#nav{ padding:0 0 0px 0;list-style:none; line-height:39px; margin:0; background:url(images/home_menu_bg.jpg) no-repeat center; height:39px;}
ul#nav li{ padding:0px; list-style:none; margin:0px; display:inline-block;}
ul#nav li a{font-size:14px; color:#fff; padding:0 0 0 20px; text-decoration:none; font-weight:bold;}
ul#nav li a:hover{ color:#000000;}
@-webkit-keyframes rotate{
0% {
background-position:-464px 0px;
}
100% {
 background-position:0px 0px;
}

}

@-ms-keyframes rotate{
0% {
background-position:-464px 0px;
}
100% {
 background-position:0px 0px;
}
}
@-moz-keyframes rotate{
0% {
background-position:-464px 0px;
}
100% {
 background-position:0px 0px;
}
}
.secondary_menu{ position:fixed; top:0px; left:0px; z-index:99999; width:165px; height:721px; background:url(images/sec_menu_bg.png) no-repeat center top; display:none;}
.secondary_menu ul{
padding:20px 0 0 20px; list-style:none; margin:0px;
}
.secondary_menu ul li{
padding:0px; list-style:none; margin:0px; line-height:28px;
}
.secondary_menu ul li a{
 color:#fff; text-decoration:none;
}
.social_sidebar{ padding:20px 0 0 15px;}
.social_sidebar a{ padding:0 5px 0 0;} 

#intro{ height:920px;}
#about{
background: url(images/earthbg.jpg) 50% 0 no-repeat fixed;
color: white;
height: 2120px;
margin: 0 auto;
overflow: hidden;
padding: 0;
}
.aboutcontent{ float:left; width:500px; position:relative; padding:1200px 0 0 20%;}
.aboutcontent h2{ font-size:30px; padding:0 0 20px 0; letter-spacing:5px;text-transform:uppercase;} 
.aboutcontent h3{ font-size:20px; padding:0 0 20px 0; letter-spacing:3px; text-transform:uppercase;} 
.aboutcontent p{ text-shadow:1px 1px #000; padding-bottom:20px;} 
.aboutcontent ul{ list-style:none; padding:0px 0 20px 0px;text-shadow:1px 1px #000;}
.aboutcontent ul li{ background:url(images/bullet.png) no-repeat left; padding:5px 0 5px 35px; margin:0 0 5px 0;}
.aboutcontent blockquote{text-shadow:1px 1px #000; padding-bottom:20px; line-height:18px; border-left:2px #fff solid; padding:0 0 0 20px; font-style:italic;}
#lelancontent{ padding:200px 0 0 0;}
#about .bg{
background: url(images/station.png) 50% 0 no-repeat fixed;
height: 1320px;
margin: 0 auto;
padding: 0;
position: absolute;
width: 100%;
z-index: 200;
}
#about .bgg{
background: url(images/leland.png) 50% 0 no-repeat fixed;
height: 2120px;
margin: 0 auto;
padding: 0;
position: absolute;
width: 100%;
z-index: 0;
}



.pp_social{ display:none;}

.mobile_about_bg{ background:none;}


.photo_item{display: inline-block;width: 280px;height:280px;text-align: left;margin:15px 20px;}
.photospagination{ clear:both; text-align:center; margin:auto; padding:50px 0 0 0;}
.photospagination a{ text-decoration:none; color:#FFFFFF; text-transform:uppercase; font-size:14px; font-weight:bold; margin:0 3px; padding:2px 6px;}
.photospagination a.active_page{background-color:#0494b3;}

.photos_description{ font-size:12px; line-height:17px; text-align:left; padding:0 5px 0 5px;}
.buy_button{  text-align:center; text-align:center; margin:0 auto auto auto;}
.buy_button a{ display:block; text-align:center;}



#social{ width:100%; height:1000px; background:url(images/social.jpg) no-repeat center bottom #222535;}
.social_content{ width:800px; text-align:center; padding:100px 0 0 0; margin:auto; color:#FFFFFF;}
.social_content h2{font-size:40px; padding:0 0 20px 0; letter-spacing:5px;text-transform:uppercase; text-align:center;}
.social_content h3{font-size:20px; padding:0 0 20px 0; letter-spacing:0px;text-transform:uppercase; text-align:center;}
.social_content p{ text-align:center; padding:0 0 20px 0; line-height:20px;}
.social_content_left{ width:350px; float:left; padding:20px 0 0 0;}
.social_content_right{ width:350px; float:right; padding:20px 0 0 0;}
#contact{
background: url(images/earthbg2.jpg) no-repeat center bottom #000000;
color: white;
height: 2500px;
padding:0px 0 100px 0;	
}
#contact .bgc{
background: url(images/shuttle.png) 50% 0 no-repeat fixed;
height: 1883px;
margin: 0 auto;
padding: 0;
position: absolute;
width: 100%;
z-index: 200;
}



#photography{
background: url(images/seabg.jpg) 100% 0 no-repeat fixed;
color: white;
height: auto;
padding:0px 0 100px 0;	
}
.pages_header{ width:100%; margin:auto; height:77px; background:url(images/pages_header_logo.png) no-repeat center top; position:fixed; top:0px; padding:0px 0; z-index:999999;}
.pages_header_content{ width:940px; margin:auto;}
.pages_logo{ float:left; padding:5px 0 0 0;}
.pages_logo_mobile{ display:none;}
.photographycontent{ width:980px; margin:auto; padding:120px 0 0 0;}
.photographycontent h2{font-size:40px; padding:0 0 20px 0; letter-spacing:5px;text-transform:uppercase; text-align:center;}
.photographycontent p{ text-align:center; padding:0 0 20px 0; line-height:20px;}

.pages_title{ float:left; font-size:24px; text-transform:uppercase; color:#FFFFFF; float:left;}
#pagesnav{ float:right; padding:35px 0 0 0;}
#pagesnav li{ float:left; display:inline-block;}
#pagesnav li a{ color:#FFFFFF; float:left; text-decoration:none; font-size:12px; margin:0 20px 0 5px;}
#pagesnav li:last-child a{ margin:0 0px 0 5px;}
#pagesnav li.selected a, #pagesnav li a:hover{ color:#0494b3;}

.magazine img{
display:block;
max-width:100%;
} 


/* Tabs
/*------------------------------------------*/
ul.tabsmenu{ width:60%; padding:20px 0 80px 20%;}
ul.tabsmenu li a{ width:31.2%; float:left; padding:12px 0 12px 0; margin:0 5px 0 5px;text-align:center; text-decoration:none; color:#FFFFFF; border:1px #fff solid; text-transform:uppercase;}
ul.tabsmenu li.active a{background-color:#0494b3; border:1px #0494b3 solid;}
ul.tabsmenu li a:hover{background-color:#0494b3; border:1px #0494b3 solid;}

ul.tabsmenuf{ width:100%; padding:20px 0 20px 0;}
ul.tabsmenuf li a{ width:22%; float:left; padding:12px 0 12px 0; margin:0 0 0 2.2%;text-align:center; text-decoration:none; color:#FFFFFF; border:1px #fff solid; text-transform:uppercase; font-size:12px;}
ul.tabsmenuf li.active a{background-color:#0494b3; border:1px #0494b3 solid;}
ul.tabsmenuf li a:hover{background-color:#0494b3; border:1px #0494b3 solid;}
.tabcontent{ padding:0; clear:both; margin:0 0 0 0; text-align:center;}

#news{
background: url(images/seabg.jpg) 100% 0 no-repeat fixed;
color: white;
height: auto;
padding:0px 0 100px 0;	
}
.newscontent{ width:980px; margin:auto; padding:120px 0 0 0;}
.newscontent h2{font-size:40px; padding:0 0 20px 0; letter-spacing:5px;text-transform:uppercase; text-align:center;}
.newscontent p{ text-align:center; padding:0 0 20px 0; line-height:20px;}

.post{ padding:20px 0 20px 0; margin:0 20px 50px 20px; border-bottom:1px #4d4d56 solid;}
.post h3{font-size:20px; padding:0 0 20px 0; text-align:center; line-height:28px;}
.post h3 a{ color:#FFFFFF; text-decoration:none;}
.post p{ text-align:left; padding:20px 0 20px 0;}

.about_header_text{padding:20px 0 0 0; margin:0 20px 10px 20px;}
.about_header_text p{text-align:left; padding:20px 0 20px 0;}
.about_center_text{margin:0 20px 10px 20px;}
img.left_img{ float:left; margin:0 40px 0 0;}
.about_center_text p{text-align:left; }

.about_bottom_text{padding:20px 0 0 0; margin:0 20px 10px 20px; clear:both;}
.about_bottom_text p{text-align:left; padding:20px 0 20px 0;}

.left_img{ float:left;}

.photography_goback{ text-align:center;}
.photography_goback a{ display:block; color:#FFFFFF; text-decoration:none; background-color:#0494b3; width:100px; margin:0 auto 20px auto; padding:10px 0;}


.scroll_down_icon{ position:absolute; bottom:50px;left: 50%;margin-left:-40px;}

.photography_general{ clear:both; text-align:center; padding:100px 0 300px 0px;}
.photography_general a{ width:280px; height:170px; display: inline-block; margin:0 5px; text-decoration:none;font-weight:bold; font-size:26px;text-shadow:1px 1px 5px #000; padding:130px 0 0 0;text-align:center; color:#FFFFFF; }
.photography_general a:hover{color:#0494b3;}
a.earthcat{ background:url(images/earthcat.jpg) no-repeat center;  }
a.inspacecat{ background:url(images/inspacecat.jpg) no-repeat center; }
a.spacecat{ background:url(images/spacecat.jpg) no-repeat center; }

/* Carousel
/*-----------------------------------------------------------------------------------*/
.es-carousel-wrapper{padding:40px 60px 0 60px;position:relative;clear:both;}
.es-carousel{overflow:hidden;}
.es-carousel ul{display:none; padding:0px; margin:0px;}
.es-carousel ul li{height:100%;float:left;display:block; position: relative;}
.es-carousel ul li a{display:block;}
.es-carousel ul li a img{display:block;border:none;max-height:100%;max-width:100%;padding:0px; margin:0px;}
.es-nav span{position:absolute;text-indent:-9000px;cursor:pointer;top:150px;}
.es-nav span.es-nav-next{right:25px;width:16px;height:31px;background:url(images/c_next.gif) no-repeat top left;}
.es-nav span.es-nav-prev{left:25px;width:16px;height:31px;background:url(images/c_prev.gif) no-repeat top left;}
.es-nav span.es-nav-next:hover{background:url(images/c_next_a.gif) no-repeat top left;}
.es-nav span.es-nav-prev:hover{background:url(images/c_prev_a.gif) no-repeat top left;}

ul.post_links{ float:left; width:45%; padding:0 5% 0 0;}
ul.post_links li a{ color:#FFFFFF;background-color:#0494b3; text-decoration:none; padding:5px 10px; display:block; margin:5px; float:left; clear:both;}
ul.post_links li a:hover{background-color:#143b84;}

.magazine{ padding:20px 0 20px 0; margin:0 20px 50px 20px; border-bottom:1px #4d4d56 solid;}
.magazine h3{font-size:30px; padding:0 0 20px 0; margin:0 0 20px 0; text-align:center; line-height:28px; border-bottom:1px #4d4d56 solid;}
/* Form
/*------------------------------------------*/
.form_content{width:500px; margin:auto; padding:1900px 0 0 0;}
.form{padding:0; }
.form_content h2{font-size:40px; padding:0 0 20px 0; letter-spacing:5px;text-transform:uppercase; text-align:center;}
.form_content p{ text-align:center; padding:0 0 20px 0; line-height:20px;}
.form label{padding:10px 0 5px 0; display:block; font-size:14px;font-weight:bold; text-transform:uppercase;}
.form label.error{padding:0 0 10px 0; width:100%; text-align:left; font-size:12px; color:#ff4200;}
.form_input{padding:3%; width:93%; margin:0 0 5px 0; background-color:#FFFFFF; border:none;}
.form_textarea{padding:3%; width:93%; height:50px; margin:0 0 5px 0;font-family:Arial, Helvetica, sans-serif;}
.form_submit{ width:100%;padding:4% 0 4% 0; margin:20px 0 0 0; font-weight:normal;text-align:center; 
cursor:pointer; font-size:20px; border-left: none;border-right: none;border-top: none; cursor:pointer; background-color:#214993; color:#FFFFFF; text-transform:uppercase; border:none;
}

/* CSS Media Queries
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 1030px) {
p{ font-size:12px;}
.main_container{ width:100%; margin:20px auto auto auto;}
.globe_wrap{ width:272px; height:272px; position:relative; left:-10px; margin:40px auto auto auto;}
.title{ color:#d71921; width:100%; text-align:center; font-size:28px; padding:25px 0 15px 0; letter-spacing:5px;}
.menu{ width:100%; text-align:center; }
.menu ul{ text-align:center; list-style:none; padding:0px; margin:0px;}
.menu li{ font-size:14px; color:#58585a; padding:0 8px; text-decoration:none; display:inline-block;}

.footer{ text-align:center; padding:20px 0 0 0;}

ul#nav{ display:none;}

a#open_mobile_menu{ position:absolute; left:15px; top:15px; z-index:9999999999; display:block;} 
a#open_mobile_menu_pages{ position:absolute; right:20px; top:30px; z-index:9999999999; display:block;} 
#mobile_menu{ display:none;}
#mobile_menu ul{ padding:0 2%; width:96%;list-style:none; line-height:39px; margin:0px 0 0 0; background:#a8a8a8; height:auto; position:absolute; top:0px; left:0px; z-index:9999999999;}
#mobile_menu ul li{ padding:0px; list-style:none; margin:0px; border-bottom:1px solid #c9c9c9; display:block;}
#mobile_menu ul li a{font-size:14px; color:#fff; padding:0 0 0 20px; text-decoration:none; font-weight:bold;}
#mobile_menu ul li a:hover{ color:#000000;}

.secondary_menu{ display:none;}

#intro{ height:auto; padding:0 0 50px 0;}
#about{ height:auto;padding:0 0 0 0; background:url(images/earthbgmobile.jpg) no-repeat center top #000;}
.mobile_about_bg{background: url(images/about_mobile_bg.png) no-repeat center bottom; height:auto; padding:0 0 350px 0;float:left; clear:both;}
#lelancontent{ padding:50px 0 0 0;}
.aboutcontent{ float:left; width:96%; position:relative; padding:0px 2% 0 2%;}
.aboutcontent h2{ font-size:20px; padding:0 0 10px 0; letter-spacing:3px;text-transform:uppercase;} 
.aboutcontent h3{ font-size:16px; padding:0 0 10px 0; letter-spacing:0px; text-transform:uppercase;} 
.aboutcontent p{ text-shadow:1px 1px #000; padding-bottom:20px;} 
.aboutcontent ul{ list-style:none; padding:0px 0 20px 0px;text-shadow:1px 1px #000;}
.aboutcontent ul li{ background:url(images/bullet.png) no-repeat left; padding:5px 0 5px 35px; margin:0 0 5px 0;}
.aboutcontent blockquote{text-shadow:1px 1px #000; padding-bottom:20px; line-height:18px; border-left:2px #fff solid; padding:0 0 0 20px; font-style:italic;}
#about .bg{height: auto;
background:none;
margin: 0 auto;
padding: 0;
position: absolute;
width: 100%;
z-index: 200;}
#about .bgg{height: auto;}
#photography{
background: url(images/seabgmobile.jpg) no-repeat center top #021323;
color: white;
height: auto;
padding:0px 0 50px 0;	
}
.photographycontent{ width:100%; margin:auto; padding:50px 0 0 0;}
.photographycontent h2{font-size:24px; padding:0 0 10px 0; letter-spacing:3px;text-transform:uppercase; text-align:center;}
.photographycontent p{ text-align:center; padding:0 10px 10px 10px; line-height:16px; font-size:12px;}


.scroll_down_icon{ display:none;} 
#social{ width:100%; height:auto; background:url(images/social.jpg) no-repeat center bottom #222535;}
.social_content{ width:100%;}

#contact{
background:#000;
color: white;
height: auto;
padding:0px 0 100px 0;	
}
#contact .bgc{
background:none;
height: auto;
margin: 0 auto;
padding: 0;
position: absolute;
width: 100%;
z-index: 200;
}
/* Form
/*------------------------------------------*/
.form_content{width:100%; margin:auto; padding:50px 0 0 0;}
.form{padding:0; }
.form_content h2{font-size:40px; padding:0 0 20px 0; letter-spacing:5px;text-transform:uppercase; text-align:center;}
.form_content p{ text-align:center; padding:0 0 20px 0; line-height:20px;}
.form label{padding:10px 0 5px 5%; width:95%; display:block; font-size:14px;font-weight:bold; text-transform:uppercase;}
.form label.error{padding:0 0 10px 5%; width:95%; text-align:left; font-size:12px; color:#ff4200;}
.form_input{padding:3%; width:85%; margin:0 0 5px 5%; background-color:#FFFFFF; border:none;}
.form_textarea{padding:3%; width:85%; height:50px; margin:0 0 5px 5%;font-family:Arial, Helvetica, sans-serif;}
.form_submit{ width:90%;padding:4% 0 4% 5%; margin:20px 0 0 5%; font-weight:normal;text-align:center; 
cursor:pointer; font-size:20px; border-left: none;border-right: none;border-top: none; cursor:pointer; background-color:#214993; color:#FFFFFF; text-transform:uppercase; border:none;
}

/* Pages
/*------------------------------------------*/
.pages_header{ width:100%; margin:auto; height:77px; background:#fff; position: relative; padding:0px;}
.pages_header_content{ width:100%; margin:auto;}
#pagesnav{ display:none;}
.pages_logo{ display:none;}
.pages_logo_mobile{float:left; padding:5px 0 0 0; display:block;}

.newscontent{ width:100%; margin:auto; padding:40px 0 0 0;}
.newscontent h2{font-size:24px; padding:0 0 0px 0; letter-spacing:2px;text-transform:uppercase; text-align:center; line-height:32px;}

.about_center_text{margin:0 20px 10px 20px;}
img.left_img, .post_photo img{ float:none; margin:0 0 20px 0; display:block; width:100%;}
.about_center_text p{text-align:left; }
#news{
background: url(images/seabgmobile.jpg) #031322 no-repeat center top;
color: white;
height: auto;
padding:0px 0 100px 0;	
}

/* Carousel
/*-----------------------------------------------------------------------------------*/
.es-carousel-wrapper{padding:50px 20px 0 20px;position:relative;clear:both;}
.es-carousel{overflow:hidden;}
.es-carousel ul{display:none; padding:0px; margin:0px;}
.es-carousel ul li{height:100%;float:left;display:block; position: relative;}
.es-carousel ul li a{display:block;}
.es-carousel ul li a img{display:block;border:none;max-height:100%;max-width:100%;padding:0px; margin:0px;}
.es-nav span{position:absolute;text-indent:-9000px;cursor:pointer;top:-10px;}
.es-nav span.es-nav-next{right:20px;width:16px;height:31px;background:url(images/c_next.gif) no-repeat top left;}
.es-nav span.es-nav-prev{left:20px;width:16px;height:31px;background:url(images/c_prev.gif) no-repeat top left;}
.es-nav span.es-nav-next:hover{background:url(images/c_next_a.gif) no-repeat top left;}
.es-nav span.es-nav-prev:hover{background:url(images/c_prev_a.gif) no-repeat top left;}

.photography_general{ clear:both; text-align:center; padding:50px 0 50px 0px;}
.photography_general a{ width:280px; height:170px; display: inline-block; margin:0 5px 30px 5px; text-decoration:none;font-weight:bold; font-size:26px;text-shadow:1px 1px 5px #000; padding:130px 0 0 0;text-align:center; color:#FFFFFF; }

/* Tabs
/*------------------------------------------*/
ul.tabsmenu{ width:100%; padding:20px 0 20px 0;}
ul.tabsmenu li a{ width:30%; float:left; padding:12px 0 12px 0; margin:0 0 10px 2.2%;text-align:center; text-decoration:none; color:#FFFFFF; border:1px #fff solid; text-transform:uppercase;}

ul.tabsmenuf{ width:100%; padding:20px 0 20px 0;}
ul.tabsmenuf li a{ width:22%; float:left; padding:12px 0 12px 0; margin:0 0 10px 2%; line-height:20px;text-align:center; text-decoration:none; color:#FFFFFF; border:1px #fff solid; text-transform:uppercase; font-size:12px;}

}
@media screen and (max-width: 640px) {

.social_content_left{ width:300px; float:left; padding:20px 0 0 10px;}
.social_content_right{ width:310px; float:left; padding:20px 0 0 5px;}
/* Tabs
/*------------------------------------------*/
ul.tabsmenu{ width:100%; padding:20px 0 20px 0;}
ul.tabsmenu li a{ width:85%; float:left; padding:12px 0 12px 0; margin:0 0 10px 7%;text-align:center; text-decoration:none; color:#FFFFFF; border:1px #fff solid; text-transform:uppercase;}

ul.tabsmenuf{ width:100%; padding:20px 0 20px 0;}
ul.tabsmenuf li a{ width:85%; float:left; padding:12px 0 12px 0; margin:0 0 10px 7%;text-align:center; text-decoration:none; color:#FFFFFF; border:1px #fff solid; text-transform:uppercase; font-size:12px;}
}