/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
	height: 100%;
	width: 100%;
	margin: 0px;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
	min-width: 100%;
	font: 14px/1.75em "Lucida Grande",Lucida,helvetica,Arial,verdana,sans-serif;
	margin: 0;
	padding: 0;
	color: #848688;
	background-repeat: repeat-x;
	background-color: black;
	position: relative;
	-webkit-text-size-adjust: auto;
	min-height: 100%;
	
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


#outer {
	margin: 0;
}

#top {
height: 1200px;
min-width: 980px;
background-image: url("../img/backgroundsprite.jpg");
background-position: center -283px;
background-repeat: no-repeat;
position: relative;
z-index: 50;
}

#navigation {
height: 135px;
min-width: 980px;
background-image: url("../img/backgroundsprite.jpg");
background-position: center -140px;
background-repeat: no-repeat;
position: relative;

z-index: 50;
}

#middle{ 
width: 940px;
margin: 65px auto 0 auto;
padding: 0 20px;
}


#bottom {
width: 940px;
margin: 20px auto 0 auto;
padding: 0 20px;
text-align:center;
}

#menu-wrapper {
height: 40px;
width: 980px;
padding: 0 20px;
margin: 0 auto;
}

#orbitlogic-logo {
width: 187px;
height: 50px;
margin-top: 10px;
float: left;
background: url("../img/sprite.png");
display: block;
background-position: -155px -370px;
border: none;
}

#top-menu {
float: right;
}

#top-menu a {
float: right;
text-shadow: 0 1px 3px 
rgba(0,0,0,.1);
padding: 17px 0 0 0px;
display: block;
color: #a1aec3;
font-size: 16px;
text-decoration: none;
border-bottom: none;
margin-left: 35px;
}

#top-menu a:hover, #top-menu a.active {
text-shadow: 0 1px 3px rgba(0,0,0,1);
color: #ffffff;
}

#top-menu a span {
display: block;
float: left;
margin: 4px 7px 0 0;
background-image: url("../img/sprite.png");
border-color: transparent;
width: 16px;
height: 20px;
}

#top-menu #top-menu-home span {
	background-position: 0px -163px;
	width: 20px;
}

#top-menu #top-menu-releasenotes span {
	background-position:  -26px -163px;
}

#top-menu #top-menu-support span {
	background-position: -54px -163px;
}

#top-menu #top-menu-satellites span {
	background-position: -80px -163px;
	width: 18px;
}
#top-menu #top-menu-faq span {
	background-position: -44px -268px;
	width: 0px;
}
#top-menu #top-menu-privacypolicy span {
	background-position: -154px -181px;
	width: 12px;
	height: 18px;
}

#top-menu #top-menu-home:hover span, 
#top-menu.light #top-menu-home:hover span, 
#top-menu #top-menu-home.active span, 
#top-menu.light #top-menu-home.active span {
	background-position: 0px -183px;
	width: 20px;
}

#top-menu #top-menu-releasenotes:hover span, 
#top-menu.light #top-menu-releasenotes:hover span, 
#top-menu #top-menu-releasenotes.active span, 
#top-menu.light #top-menu-releasenotes.active span {
	background-position:  -26px -183px;
}

#top-menu #top-menu-support:hover span, 
#top-menu.light #top-menu-support:hover span, 
#top-menu #top-menu-support.active span, 
#top-menu.light #top-menu-support.active span {
	background-position: -54px -183px;
}

#top-menu #top-menu-satellites:hover span, 
#top-menu.light #top-menu-satellites:hover span, 
#top-menu #top-menu-satellites.active span, 
#top-menu.light #top-menu-satellites.active span {
	background-position: -80px -183px;
	width: 18px;
}
#top-menu #top-menu-faq:hover span, 
#top-menu.light #top-menu-faq:hover span, 
#top-menu #top-menu-faq.active span, 
#top-menu.light #top-menu-faq.active span {
	background-position: 44px 268px;
	width: 0px;
}


#top-menu #top-menu-privacypolicy:hover span, 
#top-menu.light #top-menu-privacypolicy:hover span, 
#top-menu #top-menu-privacypolicy.active span, 
#top-menu.light #top-menu-privacypolicy.active span {
	background-position: -140px -181px;
	width: 12px;
	height: 18px;
}

a, button {
outline: none;
-moz-outline: none;
}

#spymesat-icon {
background-image: url("../img/sprite.png");
background-position: -280px top;
width: 520px;
height: 348px;
margin: 55px auto 25px auto;
position: relative;
right: 0px;
}


#intro-wrapper {
width: 940px;
margin: 65px auto 0 auto;
padding: 0 20px;
}

#intro-wrapper .left-column {
width: 540px;
height: 870px;
float: left;
}

h2 {
font-size: 19px;
color: 
#a6a6a6;
line-height: 31px;
}

#intro-wrapper .center-column {
width: 354px;
float: center;
position: relative;
}

#intro-wrapper .right-column {
width: 354px;
height: 870px;
float: right;
position: relative;
}

h1, h2, h3, h4, h5 {
color: 
white;
font-weight: normal;
margin: 0;
}

h1 {
font-size: 20px;
padding-top: 45px;
}

.highlight-blue span {
background-color: #1c3a68;
color: #aacdf0;
text-shadow: 0px 1px 1px rgba(0,0,0,.7);
padding-bottom: 2px;
}

#intro-wrapper .bottom {
clear: both;
margin-top: 25px;
}

#main-features {
float: left;
font-size: 12px;
line-height: 20px;
width: 540px;
margin-top: 35px;
}


ul {
list-style-type: none;
margin: 0;
padding: 0;
}


#main-features li {
float: left;
position: relative;
width: 250px;
padding-right: 20px;
padding-bottom: 20px;
}

li {
list-style-position: outside;
}

h4 {
font-size: 14px;
font-weight: bold;
display: inline;
}

h2 {
font-size: 19px;
color: #a6a6a6;
line-height: 31px;
}

h2 strong {
color: white;
font-weight: bold;
}

#main-features li span {
padding-left: 0px;
}

#download-icon {
	display: block;
	text-align:center;
	
}
#facebook-icon {
	display: block;
	text-align:center;
	margin: 0 auto;
}
#twitter-icon {
	display: block;
	text-align:center;
	margin: 0 auto;
}

a#appstorelink {
	background-image: url("../img/sprite.png");
	background-position: 0px top;
	display:block;
	width: 270px;
	height: 80px;
	text-indent:-9999px;
	margin: 20px auto -20px auto;
}

a#googleplaylink {
	background-image: url("../img/sprite.png");
	background-position: -728px 698px;
	display:block;
	width: 270px;
	height: 85px;
	text-indent:-9999px;
	margin: -10px auto;
}
a#screenshot-facebook {
	background-image: url("../img/sprite.png");
	background-position: -490px -534px;
	display:inline-block;
    width: 180px; 
	height: 80px;
	text-indent:-9999px;
	margin: 11px 10px 0 0;
	float: center;

	
}

a#screenshot-twitter {
	background-image: url("../img/sprite.png");
	background-position: -501px -449px;
	display:inline-block;
    width: 190px; 
	height: 90px;
	text-indent:-9999px;
	margin: 9px 10px 0 0;
	float: center;
}

#screenshot-wrapper .screenshot {
	background-image: url("../img/sprite.png");
    background-position: 0px -525px;
    width: 270px;
    height: 568px;
}



#main-feature-tracks div, #main-feature-notifications div, #main-feature-customization div, #main-feature-information div{
	background-image: url("../img/sprite.png");
	width: 40px;
	height: 40px;
	margin: 10px 10px 0 0;
	float: left;
}

#main-feature-tracks div {
	background-position: -96px -100px;
}

#main-feature-notifications div {
	background-position: -1px -100px;
}

#main-feature-customization div {
	background-position: -140px -100px;
}

#main-feature-information div {
	background-position: -47px -100px;
}

#screenshot-facebook div {
	background-position: -828px -553px;
}


#bottom p
{
font-size: small;
text-align: center;
color: #686868;
margin-top: 75px;
}


#releasenotes, #satelliteinfo {
width: 740px;
margin: 0px auto;
}


#releasenotes ul {
padding: 0px 0px 10px 25px;
font-size: 12px;
line-height: 24px;
margin: 0;
list-style: circle;
list-style-image: url('../img/satellitebullet.gif');
}

#releasenotes h2, #satelliteinfo  h2 {
color: #eeeeee;
margin: 35px 0 5px 0;
}

#releasenotes h3, #satelliteinfo h3 {
color: #ffffff;
font-weight: normal;
font-size: 12px;
margin: 7px 0;
}


#releasenotes h2 span, #satelliteinfo h2 span {
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
color: #575859;
}

#releasenotes ul li, #satelliteinfo ul li {
margin: 0;
padding: 1px;
color: #a6a6a6;
}


#satelliteinfo  ul {
padding: 0px 0px 10px 25px;
font-size: 12px;
line-height: 24px;
margin: 0;
list-style: none;
}

#satelliteinfo  ul li{
margin-bottom: 25px;
}

#satelliteinfo h4 {
color: #ffffff;
font-weight: normal;
font-size: large;
margin: 7px 0;
display: block;
width: 100%;
}


#satelliteinfo .img
{
width: 300px;
height: 210px;
margin-right: 20px;
margin-bottom: 20px;
display: block;
float: left;
}

.triplesat {
	background-image: url('../img/satellites/triplesat.jpg');	
}
.teleos1 {
	background-image: url('../img/satellites/teleos1.jpg');	
}
.skysatc1 {
	background-image: url('../img/satellites/skysatc1.jpg');	
}
.resursp3 {
	background-image: url('../img/satellites/resursp3.jpg');	
}
.resursp2 {
	background-image: url('../img/satellites/resursp2.jpg');	
}
.kompsat5 {
	background-image: url('../img/satellites/kompsat5.jpg');	
}
.kompsat3a {
	background-image: url('../img/satellites/kompsat3a.jpg');	
}
.alos2 {
	background-image: url('../img/satellites/alos2.jpg');	
}
.asnaro {
	background-image: url('../img/satellites/asnaro.jpg');	
}
.geoeye1 {
	background-image: url('../img/satellites/GeoEye1.jpg');	
}
.worldview1 {
	background-image: url('../img/satellites/WorldView1.jpg');	
}
.worldview2 {
	background-image: url('../img/satellites/WorldView2.jpg');	
}
.worldview3 {
	background-image: url('../img/satellites/worldview3.jpg');
}
.quickbird {
	background-image: url('../img/satellites/QuickBird2.jpg');	
}
.ikonos2 {
	background-image: url('../img/satellites/Ikonos.jpg');	
}
.spot5 {
	background-image: url('../img/satellites/Spot5.jpg');	
}
.spot6 {
	background-image: url('../img/satellites/Spot6.jpg');	
}
.erosa {
	background-image: url('../img/satellites/ErosA.jpg');	
}
.formosat {
	background-image: url('../img/satellites/Formosat2.jpg');	
}
.cartosat2a {
	background-image: url('../img/satellites/Cartosat2A.jpg');	
}
.radarsat2 {
	background-image: url('../img/satellites/Radarsat2.jpg');	
}
.terrasarx {
	background-image: url('../img/satellites/Terrasarx.jpg');	
}
.cosmoskymed {
	background-image: url('../img/satellites/COSMOSkyMed.jpg');	
}
.risat1 {
	background-image: url('../img/satellites/RISAT1.jpg');	
}
.kompsat2 {
	background-image: url('../img/satellites/KOMPSAT2.jpg');	
}
.kompsat3 {
	background-image: url('../img/satellites/KOMPSAT3.jpg');	
}
.pleiades1a {
	background-image: url('../img/satellites/PLEIADES1A.jpg');	
}
.pleiades1b {
	background-image: url('../img/satellites/PLEIADES1B.jpg');	
}
.skysat1 {
	background-image: url('../img/satellites/SKYSAT1.jpg');	
}

.gokturk1a {
	background-image: url('../img/satellites/gokturk1a.jpg');	
}

.gokturk2 {
	background-image: url('../img/satellites/gokturk2.jpg');	
}
.vnredsat1 {
	background-image: url('../img/satellites/vnredsat1.jpg');	
}
.urthecast {
	background-image: url('../img/satellites/urthecast.jpg');	
}
.gaofen1 {
	background-image: url('../img/satellites/gaofen1.jpg');	
}
.kompsat5 {
	background-image: url('../img/satellites/kompsat5.jpg');	
}
.deimos2 {
	background-image: url('../img/satellites/deimos-2.jpg');
}
.gaofen2 {
	background-image: url('../img/satellites/gaofen2.jpg');
}
.resursdk1 {
	background-image: url('../img/satellites/resursdk1.jpg');
}
.resursp1 {
	background-image: url('../img/satellites/resursp1.jpg');
}
.kazeosat1 {
	background-image: url('../img/satellites/kazeosat1.jpg');
}
.dubaisat1 {
	background-image: url('../img/satellites/dubaisat1.jpg');
}
.dubaisat2 {
	background-image: url('../img/satellites/dubaisat2.jpg');
}
.nusat {
	background-image: url('../img/satellites/nusat.jpg');
}
.pathfinder1{
	background-image: url('../img/satellites/pathfinder.jpg');
}
.perusat1{
	background-image: url('../img/satellites/perusat.jpg');
}
.superview{
	background-image: url('../img/satellites/Gaojing-Superview.jpg');
}
.worldview4{
	background-image: url('../img/satellites/worldview4.jpg');
}
#tabbed_box {  
    margin: 0px auto 0px auto;  
    width:300px;  
} 

.tabbed_box h4 {  
    font-family:Arial, Helvetica, sans-serif;  
    font-size:23px;  
    color:#ffffff;  
    letter-spacing:-1px;  
    margin-bottom:10px;  
}  

.tabbed_box h4 small {  
    color:#e3e9ec;  
    font-weight:normal;  
    font-size:9px;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    text-transform:uppercase;  
    position:relative;  
    top:-4px;  
    left:6px;  
    letter-spacing:0px;  
}  

.tabbed_area {  
    border:1px solid #494e52;  
    background-color:#636d76;  
    padding:8px;      
}  
.tabbed_content {  
    background-color:#ffffff;  
    padding:10px;  
    border:1px solid #464c54;     
}

.tabbed_content h3 {
	color: black;
}

.tabbed_content .email,.tabbed_content .email a  {
	color:red;
	font-size: 25px;
	width: 100%;
	text-align: center;
}
  
#content_2 { display:none; }



ul.tabs {  
    margin:0px; padding:0px;  
}  
ul.tabs li {  
    list-style:none;  
    display:inline;  
}  

ul.tabs li a {  
    background-color:#464c54;  
    color:#ffebb5;  
    padding:8px 14px 8px 14px;  
    text-decoration:none;  
    font-size:12px;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    font-weight:bold;  
    text-transform:uppercase;  
    border:1px solid #464c54;   
}  
ul.tabs li a:hover {  
    background-color:#2f343a;  
    border-color:#2f343a;  
}  

ul.tabs li a.active {  
    background-color:#ffffff;  
    color:#282e32;  
    border:1px solid #464c54;   
    border-bottom: 1px solid #ffffff;  
}  

ul.tabs {  
    margin:0px; padding:0px;  
    margin-top:5px;  
    margin-bottom:3px;  
} 

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}