/*
	WE ARE SYNAPSE COLOURS
	----------------------------------------
	orange:		rgb(253, 86, 31);
	blue: 		rgb(141, 234, 247);
*/
body {
	font-family: SentinelBook, Georgia, Times, 'Times New Roman', serif;
	font-size: 14px;
	line-height: 1.5;
	font-weight: normal;
}
em {
	font-family: SentinelBookItalic;
	font-style: normal;
}
h2, h3, h4, h5 {
	font-family: SentinelBlack;
	font-weight: normal;
	letter-spacing: 1px;
}
h2 {
	line-height: 1;
	font-size: 24px;
}
#css_awards {
	background-image: url('../images/award_day_black.png');
	position: fixed;
	right: 0px;
	top: 0px;
	width: 69px;
	height: 105px;
	z-index: 888888;
}
div#wrapper {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	width: 100%;
	z-index: 2;
}
.top {
	z-index: 50;
}
.popup.top {
	z-index: 100;
}
div#navigation {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 320px;
	height: 540px;
	background: rgb(253, 86, 31);
	-webkit-border-bottom-left-radius: 90px; -moz-border-radius-bottomleft: 90px; border-bottom-left-radius: 90px;
	line-height: 1.3;
}
div#navigation.inactive {
	top: -360px;
	cursor: pointer;
	-webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px;
}
div#navigation div.inner {
	width: 180px;
	margin: auto;
}
div#navigation hr {
	border: none;
	border-bottom: 1px dotted rgba(255, 255, 255, 0.4);
	margin: 15px 0;
	display: block;
}
h1 {
	color: white;
	font-size: 24px;
}
h1 a {
	background-image: url('../images/we-are-synapse.png');
	width: 155px;
	height: 42px;
	margin: 50px 0 30px 0;
}
div#navigation #eye {
	margin: 45px auto;
	display: block;
}
div#navigation li {
	display: block;
	width: 100%;
	height: 26px;
	overflow: hidden;
}
div#navigation ul li a {
	text-decoration: none;
	color: white;
	font-family: SentinelBlack;
	font-size: 20px;
	text-transform: lowercase;
	display: block;
	height: 26px;
}
div#navigation li a.blue {
	color: rgb(141, 234, 247);
}
div#navigation ul li.active a {
	text-decoration: underline;
}

div#footer {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	margin: 10px;
	font-size: 12px;
}
div#footer div {
	background: rgb(141, 234, 247);
	color: white;
}
div#footer div#theme-select {
	margin-bottom: 5px;
}
div#footer div#copyright {
	padding: 3px 10px 1px;
	width: 290px;
	font-size: 12px;
}

/* Home Page Boxes */
ul#home-boxes {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
ul#home-boxes li, ul#home-boxes li a {
	display: block;
	float: left;
	width: 320px;
	height: 180px;
}
ul#home-boxes li {
	position: relative;
}
ul#home-boxes li a {
	position: absolute;
	top: 0;
	left: 0;
}
ul#home-boxes div.loading {
	background: #fff url('../images/loading.gif') no-repeat center center;
	color: #000;
	width: 320px;
	height: 180px;
	position: absolute;
	top: 0px;
	left: 0px;
}
ul#home-boxes .popup-container {
	display: block;
	position: absolute;
	float: left;
	z-index: 275;
}
ul#home-boxes .popup {
	position: relative;
	top: 10px;
	left: -20px;
}
ul#home-boxes .popup div.title {
	background: rgb(253, 86, 31);
	margin-bottom: 5px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	color: white;
	font-size: 18px;
	text-transform: lowercase;
	clear: both;
	padding: 10px 20px;
}

.popup .title h2 strong {
	font-size: 16px;
	font-weight: normal;
	position: relative;
	top: -1px;
	margin-left: 3px;
}
.popup .title h2 em {
	font-size: 24px;
}
div.speech-bottom {
	background-image: url('../images/speech-bottoms.png');
	width: 61px;
	height: 62px;
	background-position: bottom;
	position: relative;
	float: left;
	margin: -10px 0 0 50px;
	clear: both;
	display: block;
}

div#scroll-controls {
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 10px;
	background: white;
	color: black;
	z-index: 500;
}
div#scroll-controls a {
	text-decoration: none;
	color: black;
	padding: 3px 10px;
}

div#body-area {
	display: block;
	float: left;
	width: 580px;
	height: 480px;
	background: #fff;
	margin-left: 320px;
	padding: 30px;
}
body#blog_page #body-area, body#post_page #body-area {
	min-height: 480px;
	height: auto;
}

/* Job View */
body#job_page #body-area {
	height: inherit;
	background: transparent;
	margin-top: 0px;
	padding-top: 20px;
	margin-left: 330px;
}
div#job-title, div#drag-notice {
	background: rgba(253, 86, 31, 1);
	-moz-border-radius-topleft: 50px; -moz-border-radius-topright: 50px;
	-moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 50px;
	-webkit-border-top-left-radius: 50px; -webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 50px;
	padding: 10px 100px 7px 20px;
	display: inline-block;
	margin: 0px 0 10px;
}
div#job-title h2, div#drag-notice h2, div#job-title h3, div#drag-notice h3 {
	font-family: SentinelBook;
	color: white;
	font-size: 14px;
	line-height: 1;
	display: block;
}
div#job-title h2, div#drag-notice h2 {
	margin-bottom: 2px;
	font-size: 18px;
}
div#job-title h3, div#drag-notice h3 {
	font-family: SentinelBookItalic;
}
div#drag-notice {
	position: fixed;
	z-index: 5;
	bottom: 0px;
	right: 0px;
	margin: 10px;
	padding: 10px 20px 6px 20px;
}
div#page-background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -10;
	background-position: center center;
	opacity: 0.10;
}

ul#job-slider {
	width: 100%;
	overflow: hidden;
	height: 540px;
	display: block;
	padding: 0;
}
ul#job-slider li {
	display: block;
	float: left;
	margin: 0 20px 0 0;
}
ul#job-slider li img {
}
#job-navigation {
	display: block;
	position: absolute;
	top: 560px;
	left: 225px;
}
#job-navigation a {
	background: rgb(253, 86, 31) url('../images/left-arrow.png') no-repeat center center;
	display: block;
	width: 45px;
	height: 25px;
	text-indent: -9999px;
	float: left;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
#job-navigation a:hover {
	background-color: rgb(141, 234, 247);
}
#job-navigation a.next {
	background-image: url('../images/right-arrow.png');
	margin-left: 5px;
}
#job-navigation a.dim {
	background-color: #ddd;
}
#scroll-box {
	overflow: hidden;
}

body, a {
	font-size: 13px;
	color: rgb(253, 86, 31);
}
address {
	font-style: normal;
}
.post {
	margin-bottom: 50px;
	padding-bottom: 30px;
	border-bottom: 1px dotted rgb(253, 86, 31);
}
#store_page .post {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}
#who-we-are_page .post {
	border-bottom: none;
}
.post h2, .post h2 a {
	font-size: 26px;
	text-decoration: none;
}
.post-date {
	margin-bottom: 10px;
	color: rgb(141, 234, 247);
	font-size: 18px;
}
.post-date a {
	color: rgb(141, 234, 247);
	font-size: 18px;	
}
.post-date .em {
	font-family: SentinelBookItalic;
	text-transform: lowercase;
}
.post p {
	margin-bottom: 20px;
}
.post img {
	display: block;
}

.big {
	font-size: 33px;
	line-height: 1.2;
}
#contact_page .section {
	margin: 25px 0;
}

#tooltip {
	position: absolute;
	z-index: 9999;
	color: #fff;
	opacity: 0;
	display: inline-block;
	background: rgb(253, 86, 31);
	padding: 3px 5px 1px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#job-description {
	background: #fff;
	padding: 20px 20px 15px;
	display: inline-block;
}