/* Xeric Design, Ltd. 2016 Stylesheet */

html, body {
	margin:0;
	padding:0;
	height:100%;
}

#wrapper {
	min-height:100%;
	position:relative;
}

#content {
	overflow:hidden;
	padding-bottom:180px; /* Height of the footer element */
}

.contentlocked {
	padding-top:40px; /* Height of the navigation element */
}

#contentbox {
	width:1000px;
	margin:auto;
	padding-top:20px;
	padding-bottom:0px;
	background-color:#fff;
	color:#666;
	font-family:"Open Sans";
	font-weight:normal;
	font-size: 17px;
	line-height:2em;
}

/* Main Page Slaph Products */

.splashBox {
	width:320px;
	margin-bottom:20px;
	float:left;
	border:1px solid #ccc;
	display:inline;
	border-radius:7px;
}

.splashBox.center {
	margin-left:17px;
	margin-right:17px;
}

.splashBox.cinematica {
	background: url(../images/splash/cinematica_new.jpg) no-repeat center center;
	background-size: cover;
}

.splashBox.earthdesk {
	background: url(../images/splash/earthdesk_new.jpg) no-repeat center center;
	background-size: cover;
}

.splashBox.timepalette {
	background: url(../images/splash/timepalette.jpg) no-repeat center center;
	background-size: cover;
}

.splashContent {
	padding: 20px 20px 10px 20px;
}

.splashProductTitle {
	margin:auto;
	margin-top:-10px;
	margin-bottom:0px;
	text-align:center;
	color:#555;
	font-family:"Open Sans;
	font-weight:500;
	font-size: 18px;
}

.splashProductSubtitle {
	margin:auto;
	margin-top:-10px;
	margin-bottom:15px;
	text-align:center;
	color:#555;
	font-family:"Open Sans;
	font-weight:400;
	font-size: 16px;
}

.splashProductDesc {
	width:100%;
	margin:auto;
	text-align:justify;
	color:#555;
	font-family:"Open Sans";
	font-weight:400;
	font-size: 14px;
	line-height:1.6em;
}

.splashTitle {
	padding-top:10px;
	padding-bottom:0.3em;
	text-align:center;
	color:#333;
	font-family:"Source Sans Pro";
	font-weight:400;
	font-size:50px;
	letter-spacing:-0.02em;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
}

.splashSubtitle {
	padding-bottom:1em;
	text-align:center;
	color:#333;
	font-family:"Open Sans";
	font-weight:200;
	font-size:28px;
}

/* Text Categories */

.mainTitle {
	margin: 10px auto 15px auto;
	text-align:center;
	color:#333;
	font-family:"Source Sans Pro";
	font-weight:400;
	font-size:50px;
	letter-spacing:-0.02em;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
}

.mainSubtitle {
	padding-bottom:10px;
	text-align:center;
	color:#333;
	font-family:"Open Sans";
	font-weight:200;
	font-size:30px;
}

.mainHeading {
	padding-bottom:1em;
	text-align:center;
	color:#333;
	font-family:"Open Sans";
	font-weight:200;
	font-size:24px;
}

.boilerplate {
	color:#333;
	font-family:"Open Sans";
	font-weight:400;
	font-size:13px;
	line-height:1.6em;
	text-align:justify;
}


/* Main (large) blue button */

.colorbutton {
	margin:20px auto 10px auto;
	width: 140px;
	height: 28px;
	border-radius: 10px;
	color: #ffffff;
	text-decoration: none;
	line-height: 28px;
	font-size: 14px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
	text-align:center;
	background: #36acfe;
}

.colorbutton a {
	color: #ffffff;
	text-decoration: none;
	display: block;
}

.colorbutton:hover
{
	background: #2b8acb;
}

#aboutUsLeft {
	width:559px;
	padding-right:30px;
	margin-bottom:20px;
	border-right:1px solid #ccc;
	color:#666;
	font-family:"Open Sans";
	font-weight:normal;
	font-size: 17px;
	line-height:2em;
	text-align:justify;
	float: left;
}

#aboutUsRight {
	width:380px;
	padding-left:30px;
	margin-top:10px;
	margin-bottom:20px;
	float:left;
}

#aboutUsRight .pictureContainer {
	margin-top:2px;
}

#aboutUsRight .pictureBox {
	width:122px;
	height:92px;
	border:1px solid #333;
	margin-top:4px;
	float: left;
}

#aboutUsRight .pictureBox.center {
	margin-left:4px;
	margin-right:4px;
}

.priceStrike {
	color:#999;
	text-decoration: line-through;
	text-align:center;
}