body { background-color: #002331;padding: 0px; margin: 0px;font-family: Roboto;}
.container {width:1170px; margin: 0px auto;}
.col-md-3 {width:25%;float: left;}
.col-md-6 {width:50%;float: left;}
.col-md-9 {width:75%;float: left;}
.col-md-12 {width:100%;float: left;}
header { color: white; font-size: 16px; padding-bottom: 110px;}
header > div > div > h3 {letter-spacing: 5px;}
.mymenu > li{
  
  display:block;
  float: left;
  text-align:center;
}
 .mymenu {
  width: 100%;
  text-transform: uppercase;
  text-align: right;
  padding: 0;
  margin: 0;
}
.mymenu ul {
  list-style: none;
  background-color: #444;
  text-align: center;
  padding: 0;
  margin: 0;
}
.mymenu li {
  
  line-height: 60px;
  height: 60px;
  border-bottom: 1px solid #1c2629;
}
.mymenu a {
  text-decoration: none;
  color: #fff;
  display: block;
  padding-left: 30px;
  padding-right: 30px;
}
.mymenu a:hover {
  transition: .3s #ffffff;
  color: #1c2629;
	background-color: #ffffff;
	transition: .3s;
}
.mymenu a.active {
  background-color: #fff;
  color: #444;
  cursor: default;
}
.whitebg { background-color:#FFFFFF; height: 100%!important;}
.naturebg { background-image: url(../images/clogo.png); background-position: center;}
.pt15{padding-top: 15px;}
.padd15 {padding: 15px;}
.padd25 {padding: 25px;}
section > div > div > h3 {letter-spacing: 5px;}
.height500 { min-height: 500px;}
.height640 { min-height: 640px!important;}
.clogo { background-image: url(../images/clogo.png); background-position: center; min-height: 500px;}
.learnatyourown { background-image: url(../images/learnatyourownpace.gif); background-size: 100% 70%; background-position: bottom; background-repeat: no-repeat; min-height: 866px; background-color: #1f6e9e; color: #ffffff;}
.archetype { background-image: url(../images/archetype.jpg); background-size: 100% 100%; background-position: center; min-height: 500px;}
.personaspeople { background-image: url(../images/personaspeople.jpg); background-size: 100% 100%; background-position: center; min-height: 805px;}
.clogosmall { background-image: url(../images/clogo.png); background-position: center; min-height: 256px;}
.rocketlogo1 { background-image: url(../images/rocketlogo1.gif); background-position: center; min-height: 640px;}
.aboutme1 { background-image: url(../images/aboutmeweb.jpg); background-position: center; min-height: 500px;}
.splash1 { background-image: url(../images/splash1.gif); background-position: center; min-height: 640px;}
.casetitle { background-color:#FFFFFF; min-height: 500px; display: table;    vertical-align: middle;}
.casetitlesmall { background-color:#FFFFFF; min-height: 250px; display: table;    vertical-align: middle;}
.aboutmebg { background-image: url(../images/aboutleftbg.jpg); background-position: right; min-height: 500px; color: white;}
.aboutmerightbg { background-image: url(../images/aboutrightbg.jpg); background-position: right center; min-height: 500px;
 display: table;    vertical-align: bottom;
}
.onboardbg { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1f6e9e+0,35aaa0+53,3fc5a1+100 */
background: #1f6e9e; /* Old browsers */
background: -moz-linear-gradient(top, #1f6e9e 0%, #35aaa0 53%, #3fc5a1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1f6e9e 0%,#35aaa0 53%,#3fc5a1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1f6e9e 0%,#35aaa0 53%,#3fc5a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f6e9e', endColorstr='#3fc5a1',GradientType=0 ); /* IE6-9 */
    min-height: 500px;}
.bordbotm {border-bottom: 1px solid #cccccc;}
	.v_center { display:table-cell;height: 100%;
    vertical-align: middle; padding:80px;}
.v_bottom { display:table-cell;height: 100%;
    vertical-align: bottom; padding:80px;}
.clear {
    clear: both;
}
p { letter-spacing: 1px; line-height: 20px; font-size: 14px;}