.inlinelogo {
	margin-top:-25px;
	margin-left:5px; 
	margin-right:5px;
}

.whitetext {
	color: #fff
}

.resource {
	text-decoration:underline;
	color:#55c;
}

.resource:hover {
	text-decoration:underline;
}


.blueBack {
 	background-color: #181D36;
 	color:#fff;
}

.marginCounter {
	margin-top:-170px;
	position:relative;
}

.raisedVid {
 position: relative;
 top: -200px;
}

.whiterow {
	background-color: #fff;
}

.gradient {
	background-image: linear-gradient(to bottom, #3a3a67, #fff 15%);
}

#form-messages {
}

.bufferBig{
	height:200px;
}

.mainState {
	font-size:60px;
}

.success {
  padding: 5px;
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  margin-top:15px;
  margin-bottom: 15px;
  width: 100%;
  text-align:center;
  border-radius: 5px;
}

.error {
  padding: 5px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  margin-top:15px;
  margin-bottom: 15px;
  width: 100%;
  text-align:center;
  border-radius: 5px;
}

.navbar-default .navbar-toggle {
	border-color:#fff;
}

.hovertriangle {
border-color: #fff transparent transparent transparent;
border-width:30px 20px 35px 20px;
border-style:solid;
width:0px;
height:0px;
position:absolute;
top:0px;
left: 20%;
}
.hovertriangle2 {
border-color: #33626C transparent transparent transparent;
border-width:30px 20px 35px 20px;
border-style:solid;
width:0px;
height:0px;
position:absolute;
top:0px;
left: 40%;
}

.hovertriangle3 {
border-color: #33626C transparent transparent transparent;
border-width:30px 20px 35px 20px;
border-style:solid;
width:0px;
height:0px;
position:absolute;
top:0px;
left: 60%;
}

/* form styling below */

form {
	color: #181D36;
}

label {
	width:100%;
}

.input1 {
	margin-bottom: 10px;
}

.input1 input {
	border: none;
	border-radius: 2px;
	padding: 4px; 
	color: #181D36;
	background:#eee;
	text-align:left;
	width: 50%;
}

.submit button{
	background: #F48333;
	color:#fff;
	padding:10px;
	border:none;
	border-radius: 5px;
	margin-top: 10px;
}


/* end form styling below */

/*footer locking css below*/

html, body {
  height: 100%;
}

#wrap {
  min-height: 100%;
}

#main {
  overflow:auto;
  padding-bottom:50px; /* this needs to be bigger than footer height*/
}

#footer {
  position: relative;
  margin-top: -50px; /* negative value of footer height */
  height: 50px;
  clear:both;
  padding-top:15px;
} 

/* end footer locking css */

videoClass {
	height:640px;
	width:480 px;
}

p.bio > a {
	text-decoration: underline;
	color:#55c;
}

.bottommargin {
	margin-bottom: 15px;
}

.centerText {
	text-align:center;
}

.textWhite {
	color:#fff;
}

.bufferExtra {
	height:100px;
}

.green {
	background:#33626C;
	color:#fff;
}

img.navbar-brand {
	padding-top:12px;
	padding-bottom:12px;
}

.scrolled {
	box-shadow: 0px 1px 8px rgba(0,0,0,0.1);
}

div.navbar.transparent {
	background-color: rgba(255,255,255,1);
	border-width: 0px;
}

div.navbar.transparent:hover {
	background:#fff;
}

.navbar-default .navbar-nav > .active {
	background:#fff;
}

.navbar-default .navbar-nav > li > a:hover {
	color:#fff;
}

.navbar-default .navbar-nav > .active > a {
	color:#181D36;
}

.navbar-default .navbar-nav > li:hover {
	background:#3A3F58;
}

.navbar-default .navbar-nav > li > a {
	color:#181D36;
}

div.nomargin {
	margin:0px;
	padding:0px;
}

p {
	text-align:left;
	font-size:16px;
}

div.skyisland button.close {
	color:#fff;
}

div.skyisland a.bluelink {
		text-decoration:none;
		color:#fff;
}

div.skyisland div.modal-content {
	background:#fff;
	color:#181D36;
}

a {
	text-decoration:none;
	color:#181D36;
}

a:hover {
	text-decoration:none;
}

a.contactlink {
	text-decoration:none;
	color:#fff;
}

a.contactlinkBig{
	text-decoration:none;
	color:#181E34;
}

p.bigContact {
	font-size:28px;
}

p.contactInfo {
float:left;
margin-left:7px;
color:#fff;
}

p.copyright {
float:right;
color:#fff;
margin-right:7px;
}

.buffer {
	height:45px;
}

.mobileVideo {
	display:none;
}

.bigVideo {
	display:inherit;
}

.bufferSmall{
	height:30px;
}

.modalImage{
	padding-bottom:10px;
}

.domes {
 min-width:200px;
}

.smallImageSkyLogo {
	max-width:70%;
	height:auto;
}

.smallImage {
	max-width:100%;
	height:auto;
}

.mandela {
	padding-bottom: 25px;
}

hr.software{
	width:400px;
  	border-color: #181834 -moz-use-text-color #181834;
  	color:#181834;
  	border-style: solid none;
  	border-width: 1px 0;
}

body {
	font-family: "museo-slab",serif;
	color:#181E34;
}

p {
	font-family: "futura-pt",sans-serif;
}

div.skyisland {
	color:#fff;
}

.skyBack {
	background: url(../images/skyBack.jpg);
	background-size:cover;
	width:100%;
}

.placesBack {
	background: url(../images/places.jpg);
	background-repeat:no-repeat;
	background-position: center center;
	height:400px;
}

.topBack {
	background: url(../images/moonholodeckbluethick.jpg);
	background-size:cover;
	background-position: center right;
	width:100%;
}

.colorSky {
	background:#181D36;
	color:#000;
}

.colorEd {
	background:#3E757E;
	color:#000;
}

.smallImageShane {
	max-width: 100%;
	height:auto;
	display:block;
	margin-right:auto;
	margin-left:auto;
	}

@media(max-width: 768px) {
	.smallImageShane {
	max-width:30%;
	height:auto;
	display:block;
	margin-right:auto;
	margin-left:auto;
	}
	.marginEven, .marginTop, .marginBottom {
	margin:0px;
	}

}

@media(max-width: 640px) {
	.mobileVideo {
	display:inherit;
	}
	.bigVideo {
		display:none;
	}
	.input1 input {
	width:80%;
	}
}

@media(max-width: 480px) {
.marginCounter {
	margin-top:-20px;
	position:relative;
}
.raisedVid {
 position: relative;
 top: -50px;
}
.input1 input {
	width:100%;
	}
  h2 {
    font-size: 20px;
  }
  hr.software {
  	width:300px;
  }
  .mobileVideo {
	display:inherit;
	}

	.bigVideo {
		display:none;
	}
	
	.smallHide {
		display:none;
	}
	
	.smallImageShane {
	max-width:45%;
	height:auto;
	float:none;
}
}