html {
  font-family: sans-serif; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background-color: transparent; }

a:active, a:hover {
  outline: 0 none; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0 none repeat scroll 0 0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0 none; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0 none;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  box-sizing: content-box; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0 none;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

@font-face {
  font-family: "GEInspiraSans-Regular";
  font-style: normal;
  font-weight: normal;
  src: url("../images/GEInspiraSans-Regular.eot?#iefix") format("embedded-opentype"), url("../images/GEInspiraSans-Regular.woff") format("woff"), url("../images/GEInspiraSans-Regular.ttf") format("truetype"), url("../images/GEInspiraSans-Regular.svg#GEInspiraSans-Regular") format("svg"); }

@font-face {
  font-family: "GEInspiraBook-Bold";
  font-style: normal;
  font-weight: normal;
  src: url("../images/GEInspiraBook-Bold.eot?#iefix") format("embedded-opentype"), url("../images/GEInspiraBook-Bold.woff") format("woff"), url("../images/GEInspiraBook-Bold.ttf") format("truetype"), url("../images/GEInspiraBook-Bold.svg#GEInspiraBook-Bold") format("svg"); }

@font-face {
  font-family: "GEInspira";
  font-style: normal;
  font-weight: normal;
  src: url("../images/GEInspira.eot?#iefix") format("embedded-opentype"), url("../images/GEInspira.woff") format("woff"), url("../images/GEInspira.ttf") format("truetype"), url("../images/GEInspira.svg#GEInspira") format("svg"); }

body {
  font-family: "GEInspiraSans-Regular" !important; }

#logo {
  background: transparent url("../images/logo.png") no-repeat scroll center center;
  height: 62px;
  padding: 30px 20px;
  width: 166px; }

header {
  background: transparent url("../images/circles.png") no-repeat scroll right top;
  margin: 0 auto;
  padding-bottom: 20px;
  width: 1024px; }

#header {
  position: relative; }

nav {
  margin: 0 auto;
  width: 1024px; }

nav.left-nav {
  width: 100%; }

nav ul {
  padding-bottom: 5px;
  padding-left: 115px; }

nav.left-nav ul {
  padding-left: 0; }

nav ul li {
  color: black;
  float: left;
  font-size: 0.8em;
  list-style: outside none none;
  padding: 0 20px;
  transition: color 0.3s ease-in-out 0s;
  width: auto; }

nav.left-nav ul li {
  display: block;
  padding: 0;
  width: 200px; }

nav ul li a {
  color: black;
  text-decoration: none;
  transition: color 0.3s ease-in-out 0s; }

nav.left-nav ul li a {
  background-color: #eef1f9;
  display: block;
  font-family: "Arial";
  font-size: 1.1em;
  margin-bottom: 2px;
  padding: 6px 5px 6px 15px;
  width: 100%; }

nav.left-nav ul li.complete a {
  background: #dde4f4 url("../images/tick.png") no-repeat scroll 200px center;
  font-weight: 700; }

nav.left-nav ul li.active a {
  background-color: #0063ae;
  color: white;
  font-weight: 700; }

nav ul li a:hover, nav ul li:hover {
  color: #f47521;
  cursor: pointer; }

#buttons {
  float: right;
  height: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 130px; }

#buttons div {
  border-radius: 6px;
  color: white;
  font-size: 0.8em;
  height: 25px;
  line-height: 2.1em;
  margin: 10px 0;
  padding: 0;
  text-align: center;
  transition: all 0.3s ease-in-out 0s;
  width: 130px; }

#buttons div {
  border-radius: 6px;
  color: white;
  font-size: 0.8em;
  height: 25px;
  line-height: 2.1em;
  margin: 10px 0;
  padding: 0;
  text-align: center;
  transition: all 0.3s ease-in-out 0s;
  width: 130px; }

#buttons div:hover {
  background-color: #b0e0f2;
  cursor: pointer; }

#git {
  background-color: #006cb7; }

#cs {
  background-color: #f47521; }

main {
  clear: both;
  float: none;
  margin: 0 auto;
  width: 1024px; }

#heading {
  width: 100%; }

#left {
  float: left;
  margin-right: 35px;
  width: 420px; }

#box-cont {
  padding-top: 40px; }

#box {
  float: left;
  margin-right: 60px; }

.box {
  border: 1px solid #e2e2e2;
  padding: 6px;
  width: 244px; }

#box:nth-child(3n) {
  margin-right: 0; }

.in-box {
  height: 235px; }

.orange .in-box {
  background: transparent url("../images/bg2.png") repeat-x scroll center bottom; }

.green .in-box {
  background: transparent url("../images/bg1.png") repeat-x scroll center bottom; }

.purple .in-box {
  background: transparent url("../images/bg3.png") repeat-x scroll center bottom; }

.in-box .icon {
  float: left;
  padding: 0 0 0 3px;
  width: 50px; }

.box.green p {
  color: #62b925;
  padding-left: 37px; }

.box.green h3 {
  background: transparent url("../images/dots-green.png") no-repeat scroll center bottom;
  color: #62b925;
  padding-bottom: 16px;
  padding-top: 8px; }

.box.orange h3 {
  background: transparent url("../images/dots-orange.png") no-repeat scroll center bottom;
  color: #ff9821; }

.box.purple h3 {
  background: transparent url("../images/dots-purple.png") no-repeat scroll center bottom;
  color: #595194; }

.box.orange p {
  color: #ff9821; }

.box.purple p {
  color: #595194;
  padding-left: 9px; }

.box a {
  color: inherit;
  font-weight: 600; }

.box h3 {
  float: left;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 16px;
  margin-top: 8px;
  padding-bottom: 8px;
  padding-left: 9px;
  text-transform: uppercase;
  width: 150px; }

.box p {
  font-size: 0.75em;
  padding: 0 17px 10px 20px; }

.box ul {
  margin: 0;
  padding: 0 10px 0 20px; }

.box ul li {
  color: inherit;
  font-size: 0.75em;
  padding-bottom: 3px; }

.purple.box ul li {
  color: #595194; }

.form #left {
  margin: 50px 44px 0 40px;
  width: 220px; }

#right {
  float: left;
  width: 445px; }

.form #right {
  width: 680px; }

.rbox {
  margin-bottom: 10px;
  min-height: 250px; }

h1 {
  color: #005cb9;
  font-family: "GEInspiraBook-Bold";
  font-size: 3.5em;
  font-weight: 400;
  margin: 0;
  padding: 45px 0 30px; }

p{
  color: #005cb9;
  font-family: "GEInspira";
  font-size: 1.3em;
  font-weight: 100;
  margin: 0;
  padding: 0 0 12px; }

  strong {

     color: #005cb9;
  font-family: "GEInspira";
  font-weight: 700;

  }

.using, .home h1 {
  color: #005cb9;
  font-family: "GEInspira";
  font-size: 1.6em;
  font-weight: 600;
  margin: 0;
  padding: 45px 0 30px; }

.using, .home h2 {
  color: #005cb9;
  font-family: "GEInspira";
  font-size: 1.1em;
  font-weight: 600;
  margin: 0;
  padding: 15px 0 20px; }

.using, .home h2 span {
  font-size: 0.75em;
  font-weight: 100; }

.using, .home h3 {
  color: #005cb9;
  font-family: "GEInspira";
  font-size: 0.75em;
  font-weight: 600;
  margin: 0;
  padding: 10px 0 2px; }

.using, .home p  {
  color: #005cb9;
  font-family: "GEInspira";
  font-size: 0.75em;
  font-weight: 100;
  margin: 0;
  padding: 0 0 12px; }

  .using, .home li {
    color: #005cb9;
    font-family: "GEInspira";
  font-size: 0.75em;
  font-weight: 100;
  padding: 5px 0;

  }

  .using, .home a, .using, .home a:visited {
  color: #005cb9;}


  .using, .home ul li p {
  font-size: 16px;
  font-weight: bolder; }

.using, .home ul li p a {
  text-decoration: none; }

.using, .home ul ul li p {
  color: #005cb9;
  font-size: 14px;
  font-weight: bolder; }

.using, .home ul ul ul li p {
  color: #005cb9;
  font-size: 12px; }

#right p {
  font-size: 1.05em;
  padding-top: 3px; }

.form h2 {
  background-color: #0063ae;
  color: white;
  font-family: "Arial";
  font-size: 1em;
  font-weight: 500;
  margin: 0;
  padding: 5px 0 5px 25px; }

form {
  padding: 0; }

form input {
  border: medium none;
  box-sizing: content-box;
  font-size: 0.8em;
  margin-bottom: 4px;
  padding: 5px 5px 2px 10px;
  width: 120px; }

form select {
  -moz-appearance: none;
  background: #fff url("../images/dropdown.png") no-repeat scroll 117px center;
  border: medium none;
  font-size: 0.8em;
  margin-bottom: 4px;
  padding: 2px 1px 3px;
  width: 135px; }

@media not all {
  select {
    background: transparent none repeat scroll 0 0;
    padding: 5px; } }

.section {
  background-color: #e4e9f6;
  margin-bottom: 7px;
  padding: 10px 25px 6px; }

.radio {
  float: right;
  width: 135px; }

.lr select {
  float: right;
  margin-bottom: 18px; }

.lr input {
  float: right; }

.lr label {
  float: left;
  max-width: 320px; }

.radio input {
  float: right;
  margin: 3px 5px 0 20px;
  width: auto; }

.radio label {
  float: right; }

.float-header {
  width: 100%; }

.float-input {
  float: left;
  margin: 29px 20px 0 0; }

.float-input-right {
  float: right;
  margin: 15px 0 0;
  width: 160px; }

.float-input-right .singleline {
  margin-top: 20px; }

.float-input-right label {
  bottom: 0;
  display: block;
  float: right;
  margin-left: 6px;
  max-width: 90px;
  position: relative;
  text-align: center;
  width: auto; }

.float-input-right input {
  clear: both;
  float: none;
  margin: 4px auto 0;
  width: 100%; }

.submit-buttons {
  float: right;
  margin-top: 10px;
  width: 266px; }

.section input[type="submit"] {
  background-color: #0063ae;
  border-radius: 3px;
  color: white;
  margin-left: 30px;
  min-width: 60px;
  padding: 5px 15px;
  transition: all 0.3s ease-in-out 0s;
  width: auto; }

.section input[type="submit"]:hover, .form-submit input[type="submit"]:hover {
  background-color: #f47521; }

.form-submit input[type="submit"] {
  background-color: #0063ae;
  border-radius: 3px;
  color: white;
  min-width: 60px;
  padding: 5px 15px;
  transition: all 0.3s ease-in-out 0s;
  width: auto; }

.form-submit {
  margin: 15px 0;
  position: relative; }

.back-btn {
  float: left; }

.next-btn {
  float: right; }

.save-btn {
  display: block;
  float: left;
  left: -45px;
  margin-left: 50%;
  position: absolute; }

.float-input input {
  clear: both;
  float: left; }

.float-input select {
  clear: both;
  float: left; }

.float-input label {
  clear: both;
  float: left;
  padding-bottom: 5px; }

footer {
  float: left;
  min-height: 75px;
  padding-top: 25px;
  width: 100%; }

.facts {
  background-color: #006cb7;
  border-radius: 100px;
  color: white;
  font-size: 0.9em;
  height: 112px;
  margin: 0 auto;
  text-align: center;
  width: 112px; }

.facts p {
  padding-top: 15px; }

#content {
  margin: 0 auto;
  width: 900px; }

#footer {
  margin: 0 auto;
  width: 900px; }

footer ul {
  margin: 0;
  padding: 20px 0; }

footer ul li {
  color: #c0c1c1;
  float: left;
  font-size: 0.8em;
  list-style: outside none none;
  padding: 0 20px 0 0;
  transition: color 0.3s ease-in-out 0s;
  width: auto; }

footer p {
  clear: both;
  color: #9e9e9e !important;
  font-size: 0.7em !important;
  margin: 0;
  padding: 0; }

footer p a {
  clear: both;
  color: #9e9e9e !important;
  display: inline-block;
  margin: 5px 0 !important;
  padding: 5px 0 !important; }

.form footer p {
  color: #a4a4a4;
  max-width: 720px;
  padding: 5px 0 15px; }

footer ul li:hover {
  color: #f47521;
  cursor: pointer; }

.clear {
  clear: both;
  float: none; }

@media screen and (max-width: 580px) {
  body {
    min-width: 320px; }
  #content {
    margin: 0 5%;
    width: 90%; }
  header {
    width: 100%; }
  #buttons {
    float: none;
    margin: 0 auto;
    padding-bottom: 25px;
    position: relative;
    width: 300px; }
  #buttons div {
    float: left;
    margin: 0 10px; }
  nav {
    width: 100%; }
  nav ul li {
    background-color: #daf5ff;
    border-bottom: 1px solid #fff;
    padding: 7px 0;
    text-indent: 15px;
    width: 100%; }
  nav ul {
    padding: 0; }
  main, #left, #right {
    margin: 0;
    width: 100%; }
  a {
    display: block;
    margin: 0;
    padding: 0; }
  h1 {
    font-size: 2.8em;
    line-height: 40px; }
  .box {
    width: 95%; }
  #box {
    float: none;
    margin-bottom: 10px;
    margin-right: 0; }
  #footer {
    width: 100%; }
  footer ul li {
    float: left;
    padding: 7px 0;
    text-indent: 15px;
    width: 100%; }
  footer p {
    margin: 0 5%;
    padding-bottom: 20px;
    width: 90%; }
  .rbox {
    background-color: #ffc8a4;
    min-height: unset;
    padding: 10px 0 20px; }
  .facts {
    margin-top: 0 !important; } }

.sitemap a, .sitemap a:visited {
  color: #005cb9; }

.sitemap ul li p {
  font-size: 16px;
  font-weight: bolder; }

.sitemap ul li p a {
  text-decoration: none; }

.sitemap ul ul li p {
  color: #005cb9;
  font-size: 14px;
  font-weight: bolder; }

.sitemap ul ul ul li p {
  color: #005cb9;
  font-size: 12px; }