@import url(http://fonts.googleapis.com/css?family=Gudea:400,400italic,700);

body {font-family:'Gudea', Arial, Helvetica, sans-serif; font-size:12px; background:#000;}
a {text-decoration:none;}
ul {margin: 0; padding: 0;}

#header {width:100%; background:#34495E; border-bottom:3px solid #0B292D;}
.topNav {background:#253749; width:100%; border-bottom:1px solid #0B292D;}
.topNav a {display:block; padding:5px 10px; color:#FFF;}
.topNav a:hover {background:#2B445E; transition:background 0.5s ease}

.headingContainer {width:1024px; margin:50px auto; }
.heading {color:#FFF; text-align:center;}
.heading h1 {margin-bottom:10px;}
.heading a {color:#00BFFF;}
.heading P {font-size:14px; margin-bottom:20px;}

.download {display:block;}
.btn {margin:0 auto; display:block; padding:10px 30px; border:2px solid #0B292D; font-weight:bold; color:#00BFFF; width:150px; text-align:center; background:#1C3044;}
.btn:hover {background:#00BFFF; color:#FFF; transition:background 0.5s ease-in-out;}

.clearfix:before, .clearfix:after {content: " "; display: table;}  
.clearfix:after {clear:both;}  
.clearfix {*zoom:1;}  

.pull-left {float:left;}
.pull-right {float:right;}


/* Section contents */
.container {font-size: 14px; padding: 40px; max-width: 1350px; margin: 0 auto;}

/* Tabs Nav styles*/
.tabs-nav li {display: inline-block; background: #34495E; border-width: 1px 1px 0 1px; border-style: solid; border-color: #34495E; margin-right:5px;}
.tabs-nav a {display:block; padding:10px 15px; font-weight: bold; color: #fff;}

/* Tabs Active state styles*/
.tabs-nav li.active {background: #FFF;}
.tabs-nav li.active a {color: inherit;}

/*Tabs Content styles*/
.tabs-content {border:1px solid #34495E; padding: 10px; background: #FFF; margin-top: -1px; overflow:hidden;}
.tabs-content h3 {margin-top: 0;}
.tabs-content IMG {margin-right:10px;}

/* Hide All the content divs EXCEPT the first one */
.tabs-content div:not(:first-child) {display: none;}