article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display:block
}
audio, canvas, video {
	display:inline-block;
*display:inline;
*zoom:1
}
audio:not([controls]) {
	display:none
}
[hidden] {
display:none
}
html {
	font-size:100%;
	overflow-y:scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
body {
	margin:0;
	font-size:13px;
	line-height:1.231
}
::-moz-selection {
background:#005a65;
color:#fff;
text-shadow:none
}
::selection {
	background:#005a65;
	color:#fff;
	text-shadow:none
}
a {
	color:#00e
}
a:visited {
	color:#
}
a:hover {
	color:#06e
}
a:focus {
	outline:none;
}
a:hover, a:active {
	outline:0
}
abbr[title] {
	border-bottom:1px dotted
}
b, strong {
	font-weight:bold
}
blockquote {
	margin:1em 40px
}
dfn {
	font-style:italic
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0
}
ins {
	background:#ff9;
	color:#000;
	text-decoration:none
}
mark {
	background:#ff0;
	color:#000;
	font-style:italic;
	font-weight:bold
}
pre, code, kbd, samp {
	font-family:monospace, serif;
	_font-family:'courier new', monospace;
	font-size:1em
}
pre {
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word
}
q {
	quotes:none
}
q:before, q:after {
	content:"";
	content:none
}
small {
	font-size:85%
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-0.5em
}
sub {
	bottom:-0.25em
}
ul, ol {
	margin:1em 0;
	padding:0 0 0 40px
}
dd {
	margin:0 0 0 40px
}
nav ul, nav ol {
	list-style:none;
	list-style-image:none;
	margin:0;
	padding:0
}
img {
	border:0;
	-ms-interpolation-mode:bicubic;
	vertical-align:middle
}
svg:not(:root) {
	overflow:hidden
}
figure {
	margin:0
}
form {
	margin:0
}
fieldset {
	border:0;
	margin:0;
	padding:0
}
label {
	cursor:pointer
}
legend {
	border:0;
*margin-left:-7px;
	padding:0
}
button, input, select, textarea {
	font-size:100%;
	margin:0;
	vertical-align:baseline;
*vertical-align:middle
}
button, input {
	line-height:normal
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor:pointer;
	-webkit-appearance:button;
*overflow:visible
}
input[type="checkbox"], input[type="radio"] {
	box-sizing:border-box;
	padding:0
}
input[type="search"] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow:auto;
	vertical-align:top;
	resize:vertical
}
table {
	border-collapse:collapse;
	border-spacing:0
}
td {
	vertical-align:top
}
.ui-state-disabled {
	cursor:default !important
}
.ui-widget {
	font-family:Verdana, Arial, sans-serif;
	font-size:1.1em
}
.ui-widget-content {
	border:1px solid #cccccc;
	background:#f9f9f9;
	color:#222222
}
.ui-widget-content a {
	color:#222222
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border:1px solid #777777;
	background:#111111;
	font-weight:normal;
	color:#e3e3e3
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border:1px solid #000000;
	background:#1c1c1c;
	font-weight:normal;
	color:#ffffff
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border:1px solid #cccccc;
	background:#ffffff;
	font-weight:normal;
	color:#222222
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity:.35;
	filter:Alpha(Opacity=35);
	background-image:none
}
.ui-slider {
	position:relative;
	text-align:left
}
.ui-slider .ui-slider-handle {
	position:absolute;
	z-index:2;
	width:.9em;
	height:.9em;
	cursor:default
}
.ui-slider-horizontal {
	height:.5em
}
.ui-slider-horizontal .ui-slider-handle {
	top:-0.3em;
	margin-left:-0.6em
}
.unoslider {
	list-style:none;
	position:relative;
	width:960px;
	height:350px;
	margin:5px auto;
	padding:0
}
.unoslider li {
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0
}
.unoslider_timer {
	background-color:white;
	width:0%;
	height:3px;
	position:absolute;
	left:0;
	top:0;
	opacity:0.5;
	-moz-box-shadow:0px 2px 2px black;
	-webkit-box-shadow:0px 2px 2px black;
	-o-box-shadow:0px 2px 2px black;
	box-shadow:0px 2px 2px black
}
.unoslider_preloader {
	background:rgba(255,255,255,0.5)
}
.unoslider_preloader .unoslider_progress {
	width:30%;
	height:5px;
	margin:0 auto;
	border-top:1px solid #7c7c7c;
	border-bottom:1px solid #f1f1f1;
	border-left:1px solid #949494;
	border-right:1px solid #949494;
	background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9a9a9a), color-stop(100%, #b3b3b3));
	background:-webkit-linear-gradient(#9a9a9a, #b3b3b3);
	background:-moz-linear-gradient(#9a9a9a, #b3b3b3);
	background:-o-linear-gradient(#9a9a9a, #b3b3b3);
	background:-ms-linear-gradient(#9a9a9a, #b3b3b3);
	background:linear-gradient(#9a9a9a, #b3b3b3)
}
.unoslider_preloader .unoslider_progress span {
	display:block;
	height:100%;
	background:#66cccc
}
.unoslider_spinner {
	background:url("../images/spinner.gif") #fff center center no-repeat
}
body {
	color:#262626;
	font-family:"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
	font-size:16px;
	background:url('../images/bokeh.jpg')
}
header {
	margin:0 auto;
	text-align:center;
	position:relative;
	width:960px
}
.pointer {
	background:url('../images/pointer1.png');
	width:167px;
	height:30px;
	position:absolute;
	left:50px;
	top:50px
}
h1 {
	margin:10px 0 0 0;
	padding:0
}
h1 img.unodor {
	margin-left:10px
}
h1 span {
	font-size:15px;
	margin-top:10px;
	color:#333;
	font-weight:normal;
	display:block;
	font-family:"Ubuntu Condensed"
}
.purchase {
	text-align:center;
	padding-top:20px
}
.corner {
	position:fixed;
	bottom:10px;
	right:10px
}
#slider {
	padding:15px 0;
}
#content {
	width:960px;
	margin:0 auto
}
#content .features {
	float:left;
	width:633.333px;
	margin-right:20px;
	margin-bottom:20px
}
#content .features ul {
	margin-left:0;
	overflow:hidden;
*zoom:1
}
#content .features ul li {
	padding-left:14px;
	background:url('../images/tick.png') no-repeat -1px 1px;
	list-style-type:none
}
#content .features ul li {
	padding-left:25px;
	margin-top:5px;
	float:left;
	width:45%
}
#content .support {
	float:left;
	width:306.667px;
	margin-right:20px;
	margin-bottom:20px;
	margin-right:0;
	text-align:center
}
#content h2 {
	color:#232323;
	text-align:center;
	font-size:20px;
	text-transform:uppercase;
	text-shadow:#eee 2px 2px 2px;
	word-spacing:5px
}
#social {
	position:fixed;
	left:10px;
	top:215px
}
#themes {
	position:absolute;
	right:0;
	top:20px;
	z-index:500
}
#themes span {
	font-size:12px;
	display:block
}
.clear {
	clear:both
}
.unoslider {
	width:960px;
	height:350px;
	margin:1px auto;
	border:5px solid rgba(255,255,255,0.5);
	-moz-box-shadow:0 0 13px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 13px rgba(0,0,0,0.3);
	-o-box-shadow:0 0 13px rgba(0,0,0,0.3);
	box-shadow:0 0 13px rgba(0,0,0,0.3);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px
}
.html_content {
	background:url('../images/slides/katapult.jpg');
	background-size:100%;
	color:#fff;
	line-height:50px;
	width:100%;
	height:100%
}
.html_content .panel {
	width:300px;
	height:100%;
	background:rgba(255,255,255,0.5);
	border-left:1px solid #333;
	border-right:1px solid #333;
	position:absolute;
	right:50px;
	color:#333;
	font-family:"Terminal Dosis";
	text-align:center;
	text-shadow:#fff 1px 1px 1px
}
.html_content .panel p {
	text-align:left;
	font-size:18px;
	line-height:30px;
	padding-left:25px
}
.html_content .panel h3 {
	text-align:center;
	font-size:30px
}
.unoslider_layers {
	color:#fff;
	font-size:30px;
	font-family:"Terminal Dosis";
	text-shadow:#000 1px 1px 1px
}
.unoslider_layers .l_look {
	position:absolute;
	top:80px;
	left:40px
}
.unoslider_layers .l_can {
	position:absolute;
	top:110px;
	left:80px
}
.unoslider_layers .l_i {
	position:absolute;
	bottom:70px;
	left:30px;
	font-size:20px
}
.unoslider_layers .l_love {
	position:absolute;
	bottom:70px;
	left:40px;
	font-size:20px
}
.unoslider_layers .l_unoslider {
	position:absolute;
	bottom:70px;
	left:60px;
	font-size:20px
}
.html_example {
	text-align:left;
	padding-left:20px
}
.html_example h3 {
	padding:0;
	margin:0;
	color:#00b477;
	display:inline;
	margin-right:15px;
	font-weight:normal
}
.minislider {
	background:#fff;
	list-style:none;
	position:relative;
	width:100px;
	height:100px;
	box-shadow:0px 0px 4px #000;
	margin:10px;
	padding:0;
	float:left
}
.minislider:hover {
	cursor:pointer
}
.minislider li {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1
}
.minislider img, .minislider a img, .minislider a {
	border:medium none;
	text-decoration:none
}
.minislider .unoslider_timer {
	background-color:#000;
	width:0%;
	height:5px;
	position:absolute;
	z-index:50;
	left:0;
	top:0;
	opacity:0.7;
	border-bottom:1px solid rgba(255,255,255,0.7)
}
.minislider .unoslider_progress {
	width:30%;
	height:5px;
	margin:0 auto;
	border-top:1px solid #7c7c7c;
	border-bottom:1px solid #f1f1f1;
	border-left:1px solid #949494;
	border-right:1px solid #949494;
	background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9a9a9a), color-stop(100%, #b3b3b3));
	background:-webkit-linear-gradient(#9a9a9a, #b3b3b3);
	background:-moz-linear-gradient(#9a9a9a, #b3b3b3);
	background:-o-linear-gradient(#9a9a9a, #b3b3b3);
	background:-ms-linear-gradient(#9a9a9a, #b3b3b3);
	background:linear-gradient(#9a9a9a, #b3b3b3)
}
.minislider .unoslider_progress span {
	display:block;
	height:100%;
	background:#6cc
}
.minislider .unoslider_spinner {
	background:url('../images/spinner.gif');
	width:16px;
	height:16px;
	margin:0 auto
}
#sidebar {
	position:absolute;
	top:15px;
	left:-270px;
	width:250px;
	z-index:1000;
	background:#fff;
	padding:10px;
	-moz-border-radius:0px 5px 5px 0px;
	-webkit-border-radius:0px 5px 5px 0px;
	-o-border-radius:0px 5px 5px 0px;
	-ms-border-radius:0px 5px 5px 0px;
	-khtml-border-radius:0px 5px 5px 0px;
	border-radius:0px 5px 5px 0px
}
#sidebar fieldset {
	border:none;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	width:230px;
	font-size:12px
}
#sidebar fieldset legend {
	font-weight:bold;
	color:#616161
}
#sidebar fieldset legend:hover {
	cursor:pointer
}
#settings-btn, #themes-btn {
	background:#fff;
	position:absolute;
	top:60px;
	left:270px;
	padding:20px 10px;
	-moz-border-radius:0px 5px 5px 0px;
	-webkit-border-radius:0px 5px 5px 0px;
	-o-border-radius:0px 5px 5px 0px;
	-ms-border-radius:0px 5px 5px 0px;
	-khtml-border-radius:0px 5px 5px 0px;
	border-radius:0px 5px 5px 0px;
	-moz-box-shadow:13px 0 15px -15px rgba(0,0,0,0.3);
	-webkit-box-shadow:13px 0 15px -15px rgba(0,0,0,0.3);
	-o-box-shadow:13px 0 15px -15px rgba(0,0,0,0.3);
	box-shadow:13px 0 15px -15px rgba(0,0,0,0.3)
}
#settings-btn:hover, #themes-btn:hover {
	cursor:pointer
}
#themes-btn {
	top:160px
}
fieldset {
	width:200px;
	font-size:14px;
	padding:5px 0
}
label {
	display:block;
	margin:7px
}
label.inline {
	display:inline-block;
	width:75px;
	text-align:right;
	padding-right:5px
}
.submit {
	text-align:center;
	font-size:14px
}
@media screen and (max-width: 960px) {
header, #content {
	width:90%
}
.pointer {
	display:none
}
#social {
	display:none
}
#content .features {
	width:45%
}
#content .features ul li {
	width:100%
}
#content .support {
	width:45%
}
#content .support img {
	max-width:100%
}
}
@media screen and (max-width: 650px) {
.unoslider_layers {
	font-size:15px
}
.unoslider_layers .l_look {
	top:20px;
	left:10px
}
.unoslider_layers .l_can {
	top:35px;
	left:20px
}
.unoslider_layers .l_i {
	bottom:20px;
	left:30px;
	font-size:15px
}
.unoslider_layers .l_love {
	bottom:20px;
	left:40px
}
.unoslider_layers .l_unoslider {
	bottom:20px;
	left:60px;
	font-size:15px
}
#content {
	font-size:13px
}
#themes {
	display:none
}
.corner {
	display:none
}
}
@media screen and (max-width: 480px) {
#content .features {
	width:100%;
	float:none
}
#content .support {
	width:100%;
	float:none
}
h1 span {
	font-size:13px
}
.html_content .panel p {
	display:none
}
.html_content .unoslider_layers {
	font-size:12px
}
}
