/* Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp,
small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
hr { display: block; height: 1px; border: 0; border-bottom: 2px solid #f0f1f2; }
input, select { vertical-align: middle; }
body { font: normal 400 16px/26px $fonts; *font-size:small; color: $gray; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
a, a:hover, a:active { outline: none; }
sub, sup { font-size: 50%; line-height: 0; position: relative; }
sup { top: -0.9em; }
a:link { -webkit-tap-highlight-color: transparent; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; margin: 0; padding: 0; }
ul { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; }
strong, b { font-family: $fonts700; font-weight: 400; }

html, body {
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

body {
	margin: 0;
  	padding: 0;
	background: #ff830f;
}
h2 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
h3 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 5px;
}
h4 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 5px;
}
h5 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 20px;
}
p {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 15px;
}
.container {
  	position: relative;
  	max-width: 1074px;
  	margin: 0 auto;
  	padding: 0 20px;
}
.container.overflow {
	overflow:hidden;
}

#content {
  overflow: hidden;
  padding: 0px;
}

.content-left {
	float: left;
	width: 53%;
	padding: 60px 0 0;
}

@media only screen and (max-width: 767px) {
	.content-left {
		width: auto;
		float: none;
		margin: 0 0 0px;
	}
}

.content-right {
	padding: 0px;
	margin: 0 0 0 56%;
}

@media only screen and (max-width: 767px) { .content-right { margin: 0 !important; padding: 0; } }

.content-right img {
	display: block;
	width: 100%;
}


.thirds {
	overflow: hidden;
}

.third {
	float: left;
	width: 31%;
	margin: 0 3% 0 0;
}

@media only screen and (max-width: 767px) {
	.third {
		float: none;
		width: auto;
		margin: 0 0 50px;
	}
}

.third.last { margin: 0; }

.third img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}


/* Header */

#header {
	height: 114px;
	background:#FF830E;
}

@media only screen and (max-width: 767px) {
	#header h1 a img { width: 85%;
	padding-top:10px;
	padding-left:10px; }
}

#header h1 {
	position: absolute;
	top: 0px;
	left: 20px;
}

#nav {
	position: absolute;
	top: 60px;
	right: 30px;
}

#nav li a {
	color: #fff;
	font-weight: bold;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-right: 20px;
}

#mobile-menu {
	display: none;
	position: absolute;
	top: -70px;
	right: 20px;
	text-indent: -9999em;
	width: 28px;
	height: 24px;
	background: url(images/ico-menu.svg) no-repeat top left;
}

@media only screen and (max-width: 850px) {
	#nav li a {
		font-size: 14px;
		padding-right: 15px;
	}
}

@media only screen and (max-width: 767px) {
	#nav {
		top: 114px;
		left: 0;
		right: 0;
		background: #FF830E;
		z-index: 100;
		border-top: 1px solid #da6a00;

	}

	#nav li a {
		display: none;
		text-align: center;
		font-size: 16px;
		height: 35px;
		line-height: 35px;
		border-bottom: 1px solid #da6a00;
	}

	#mobile-menu { display: block; }
}

#nav.show li a, #nav.show #mobile-menu {
	display: block;
}

/* Hero */
.cs2020 {
	align-items: center;
}
#hero {
	background:
	url(images/2015/images/2015-Homepage_13.jpg);
}

/* Footer */

#footer {
	text-align: left;
	height: 70px;
	margin: 0px 0 0;
	background:#FF830E;
	font-size: 13px;
	padding-top: 10px;
}

#footer a {
	color: #fff;
	padding: 0 10px;
	line-height: 10px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.footertext {
	color:#fff;
	font-size: 13px;
}

@media only screen and (max-width: 767px) {
	#footer a {
		font-size: 12px;
		padding: 10px 5px;
	}
.footertext {
	font-size: 12px;
}	
}
/* Subpages */

li {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ul.pop {
	margin: 0 0 0 20px;
	padding: 0; }
ul.pop li {
		background: url(images/2015/images/5050bar.jpg) no-repeat 0% 50%;
		padding: 5px 0 5px 20px;
	
}

ul.cone {
	margin: 0 0 0 20px;
	padding: 0; }
ul.cone li {
		background: url(images/2015/images/cone.jpg) no-repeat 0% 50%;
		padding: 5px 0 5px 20px;
	
}
ul.glenn {
	margin: 0 0 0 10px;
	padding: 0; 
	}

ul.glenn li {
		background: url(images/2015/images/glenn-head.jpg) no-repeat 0% 50%;
		padding: 5px 50px 5px 30px;
		font-size: 20px;
	
}
ul.jenny {
	margin: 0 0 0 10px;
	padding: 0; 
	}

ul.jenny li {
		background: url(images/2015/images/jenny-head.jpg) no-repeat 0% 50%;
		padding: 5px 50px 5px 30px;
		font-size: 20px;
	
}
ul.sarah {
	margin: 0 0 0 10px;
	padding: 0; 
	}

ul.sarah li {
		background: url(images/2015/images/sarah-head.jpg) no-repeat 0% 50%;
		padding: 5px 50px 5px 30px;
		font-size: 20px;
	
}


.subcontent-left {
	float: left;
	width: 34%;
	padding: 20px 0 0;
	padding-bottom: 20px;
}
.fact {
	float: left;
	padding: 20px 0 0;
	padding-bottom: 20px;
	background-color:#363e48;
	margin-bottom:10px;
	
}
.facttext {
	padding: 0 20px;
	font-size: 14px;
	color:#fff;
}
.facttext a {
	color: #fff;
}

@media only screen and (max-width: 767px) {
	.subcontent-left {
		width: auto;
		float: none;
		margin: 0 0 0px;
	}
}
.subcontent-left img{display:block; max-width:100%;}
.subcontent-right {
	padding: 20px 0;
	margin: 0 0 0 40%;
}
@media only screen and (max-width: 767px) { .subcontent-right { margin: 0 !important; padding: 0; } }

.subcontent-right img {
	display: block;
	width: 100%;
}

/* Contact Form */


#contact p, label, legend { font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: auto;  border: 1px solid #cbcbcb; background-color: #FFF; -webkit-border-radius:5px;  }

/* Form style */

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; font-size: 12px; -webkit-border-radius:5px; }
#contact input, textarea, select {  margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:12px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; webkit-border-radius:5px; }
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #FF830F; color:#ffffff; }
#contact input.submit {  cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset {  border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend { font-weight:bold; color:#000;   margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 12px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 50px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }