/* themes/sly/css/shadowbox.css */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url('http://www.architonik3d.com/themes/sly/css/../images/loading.gif') no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url('http://www.architonik3d.com/themes/sly/css/../images/close.png');}
#sb-nav-next{background-image:url('http://www.architonik3d.com/themes/sly/css/../images/next.png');}
#sb-nav-previous{background-image:url('http://www.architonik3d.com/themes/sly/css/../images/previous.png');}
#sb-nav-play{background-image:url('http://www.architonik3d.com/themes/sly/css/../images/play.png');}
#sb-nav-pause{background-image:url('http://www.architonik3d.com/themes/sly/css/../images/pause.png');}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

/* themes/sly/css/jquery.jscrollpane.css */
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
/* 	background: red; */
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
/* 	background: red; */
	opacity:1;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
/* 	background: #dde; */
	position: relative;
}

.jspDrag
{
	background: #333;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius:4px;
}
.jspHover, .jspActive
{
	background:#aa0000;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
/* themes/sly/css/style.css */
*{margin:0;padding:0}
body {
	font-family: arial,verdana,Ubuntu,"Trebuchet Ms",sans-serif;
	font-size:12px;
	color:#666;
	line-height:16px;
	background:#fff;
}
a {
	color:#333;
	text-decoration:none;
}
a img {
	border:0;
}
li {list-style:none}
h2{
	font-family:Sawasdee, Comfortaa;
	color:#aa0000;
	font-weight:normal;
	margin-bottom:15px;
}
h3{
	font-weight:normal;
	margin:15px 0;
	font-weight:bold;
	font-family:Sawasdee;
}
hr{
	margin:15px 0;
	border:0;
	border-top: 1px dotted #333;
	border-color:#ccc;
}
.left-col {
	position:fixed;
	left:0;
	border-right:1px dotted #ccc;
	width:220px;
	height:100%;
	background:#fff;
}
.main-content{
 margin-left:221px;
}
.slideshow {
	width:100%;
}
.slide {
	height:100%;
	width:100%;
	position:absolute;
	background-position: center;
	background-repeat:no-repeat;
}
.slide-inner {
	width:100%;
	height:100%;
	background:url('http://www.architonik3d.com/themes/sly/css/../images/logo.png') no-repeat center right;
	width:130px;
	height:100%;
	position:absolute;
	right:20px;
}
.header {
	padding-top:60px;
}
.content-page{
	padding: 100px 20px 20px 20px;
}
.logo, .logo h1, .logo a, .logo span {
	width:180px;
	height:50px;
	display:block;
}
.logo {
	margin:auto;
}
.logo a {
	background-image:url('http://www.architonik3d.com/themes/sly/css/../images/logo.png');
}
.logo a:hover {
 	background-position:bottom;
}
.logo h1 {
	font-weight: normal;
	text-align:center;
	font-size:22px;
	text-transform: lowercase;
}
.logo span {
	text-indent:-2000px;
}
.footer {
	position:absolute;
	bottom:5px;
	text-align:center;
	width: 220px;
	line-height:12px;
	font-family:Ubuntu, Trebuchet ,sans-serif;
	color:#999;
}
.footer a {
	color:#999;
}
.footer a:hover {
	color:#666;
}
/*GALLERY*/
.gallery-container {
	padding:180px 10px 0 10px;
}
.gallery {
	padding: 0 0 20px 4px;
	width:100%;
	height:100%;
	overflow:auto;
}
.g-item {
	padding-right: 6px;
}
.g-item a {
	display:block;
	height:84px;
	width:auto;
	padding:4px;
	background:#333;
}
.g-item a:hover {
	background:#aa0000;
}
/*ICONS*/
.icon-box-container {
	background: url('http://www.architonik3d.com/themes/sly/css/../images/bg_menu.png') no-repeat scroll -14px 0 #333;
	width:14px;
	height:14px;
	display:block;
	position:absolute;
}
.icon-box {
	width:14px;
	height:14px;
	display:block;
	background-image:url('http://www.architonik3d.com/themes/sly/css/../images/icons.png');
/* 	background-color:#333; */
	position:absolute;
}
.icon-text {
	padding-left:20px;
	font-family:Sawasdee, Comfortaa;
}
.icon-box.cross {
	background-position:left top;
}
.icon-box.threed {
	background-position:left -14px;
}
.icon-box.wheel {
	background-position:left -28px;
}
.icon-box.guy {
	background-position:left -42px;
}
.icon-box.bubule {
	background-position:left -56px;
}
/*MAIN-NAV*/
.main-nav {
	margin-top:60px;
	padding-left:24px;
	background:#fff;
}
.main-nav li {
	font-size: 22px;
	padding: 6px 0;
	text-transform: uppercase;
}
.active a, a:hover {
	color:#aa0000;
}
.active .icon-box {
	background-color:#aa0000;
}
.jspVerticalBar {
	display:none;
}
.jspHorizontalBar {
	margin-top:20px;
	height: 8px;
	background:#ccc;
	border-radius:4px;
}
.gallery-inner {
	margin-bottom:20px;
}