.st_subcontent {
    width: 100%;
    /*-moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;*/
    background-image: url(../images/subcontentBG.png);
    background-repeat: repeat;
    padding: 40px;
}

#precache{
	background-image: url(../images/subcontentBG.png);
    background-repeat: repeat;
    display: none;
	
}

* {
    margin: 0;
    padding: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-o-user-select: none;
	user-select: none;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

input, textarea { -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text; }

body {
    font-family: 'Ropa Sans', sans-serif;
    font-size: 1.1em;
    color: #fff;
    background-color: #000;
    overflow: hidden;
    text-decoration: none;
    width: 100%;
   /* -webkit-backface-visibility: hidden;*/
}

#painting_view{
	border: none;
	position: absolute;
	width: inherit;
	z-index: 1000;	
	visibility: hidden;
}

#painting_view_bg{
	background-color: #cfcfcf;
	position: absolute;
	width: inherit;
	height: 100%;
	z-index: 200;	
	display: none;
}


#profile_img{
	position: absolute;
	left: 40px;  
	width: 200px;
	height: 150px;

}

.hasPlaceholder {
	color: #777;
}
#error_container {
    position: fixed;
    margin-left: 110px;
    margin-top: -3px;
    color: #F33;
    display: none;
}
#title {
    opacity: 1;
    z-index: 100001;
}
#profile {
	border: 0;
    height: 150px;
    margin-left: 220px; 
    top: 40px;
    overflow: auto;
    opacity:0.99;
    font-weight: normal;
}

#profile, h1{
	
	color: #A4B9CF;	

}

h1 {
    font-family: 'Ropa Sans', sans-serif;
    font-size: 40px;
    z-index: 100001;
    margin: 20px;
}

#st_nav{
	

}

.st_overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
.st_preview {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
ul.st_navigation {
    position: absolute;
    width: 100%;
    top: 120px;
    left: -400px;
    list-style: none;
	z-index: 0;
}
ul.st_navigation li {
    float: left;
    clear: both;
    margin-bottom: 8px;
    position: relative;
    width: 100%;
	z-index: 0;
}
ul.st_navigation li span.st_link {
    background-color: rgba(0, 0, 0, 0.6);
    float: left;
    position: relative;
    line-height: 30px;
    /*-moz-box-shadow: 0 0 2px #000;
    -webkit-box-shadow: 0 0 2px #000;
    box-shadow: 0 0 2px #000;*/
    white-space:nowrap;
    padding: 0 20px;
	z-index: 0;
}
ul.st_navigation li span.st_arrow_down,
ul.st_navigation li span.st_arrow_up {
    position: absolute;
    margin-left: 15px;
    width: 40px;
    height: 30px;
    cursor: pointer;
    /*-moz-box-shadow: 0 0 2px #000;
    -webkit-box-shadow: 0 0 2px #000;
    box-shadow: 0 0 2px #000;*/
	z-index: 0;
}
ul.st_navigation li span.st_arrow_down { background: #000 url(../images/icons/down.png) no-repeat center center }
ul.st_navigation li span.st_arrow_up { background: #000 url(../images/icons/up.png) no-repeat center center }
.st_wrapper {
    display: none;
    position: absolute;
    width: 100%;
    height: 126px;
    overflow-y: hidden;
    top: 30px;
    left: 0;
    z-index: 0;
}
.st_thumbs_wrapper {
    height: 126px;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    margin: 0;
    z-index: 0;
}
.st_thumbs {
    height: 126px;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    margin: 0;
    z-index: 0;
}
.st_thumbs img {
    float: left;
    cursor: pointer;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    -moz-box-shadow: 1px 1px 5px #000;
    -webkit-box-shadow: 1px 1px 5px #000;
    box-shadow: 1px 1px 5px #000;
    margin: 3px 3px 0 0;
}
.st_loading {
    position: fixed;
    top: 10px;
    right: 0;
    background: #000 url(../images/icons/loader.gif) no-repeat 10px 50%;
    -moz-box-shadow: 0 0 2px #000;
    -webkit-box-shadow: 0 0 2px #000;
    box-shadow: 0 0 2px #000;
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    z-index: 9999;
    padding: 15px 40px 15px 60px;
}
.st_about {
    display: none;
    position: absolute;
    width: 100%;
    top: 30px;
    left: 0;
}
.st_contact {
    display: none;
    position: absolute;
    width: 100%;
    top: 30px;
    left: 0;
}

.gallery { position: fixed }
.gallery-nav {
    z-index: 100001;
    display: none;
    width: 60px;
    height: 60px;
    opacity: 0.4;
    top: 50%;
}
.gallery-nav:hover { opacity: 1 }
#gallery-prev {
    background: url(../images/minus_dark.png) no-repeat center 50%;
    left: 20px;
    margin-top: -30px;
}
#gallery-next {
    background: url(../images/plus_dark.png) no-repeat center 50%;
    right: 20px;
    margin-top: -30px;
}
.gallery-nav a {
    display: block;
    font-size: 64px;
    text-align: center;
    text-decoration: none;
    text-indent: -9999px;
}
#gallery-exit {
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 15px;
    z-index: 100001;
    opacity: .4;
}
.gallery-nav-exit {
    position: fixed;
    z-index: 100001;
    display: none;
    width: 60px;
    height: 60px;
    vertical-align: middle;
    top: 50%;
    color: #000;
}
.exit-img-left {
    float: left;
    margin-left: 5%;
}
.exit-img-right {
    float: right;
    margin-right: 5%;
}
h4 {
    font-family: 'Ropa Sans', sans-serif;
    font-size: 60px;
    z-index: 100001;
    margin: 20px;
}
#info-data {
    font-family: 'Ropa Sans', sans-serif;
    color: #000;
    font-size: 16px;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 1000001;
    display: none;
}
#info-size {
    font-family: 'Ropa Sans', sans-serif;
    color: #707070;
    font-size: 12px;
    text-outline: 2px 2px red;
}
.info-brackets { font-size: 13px }
#info-media {
    font-family: 'Ropa Sans', sans-serif;
    color: gray;
    font-size: 12px;
    text-outline: 2px 2px red;
}
#info-year {
    font-family: 'Ropa Sans', sans-serif;
    color: #606060;
    font-size: 12px;
    text-outline: 2px 2px red;
}
#info-status {
    color: #177517;
    font-size: 14px;
    text-outline: 2px 2px red;
}
.exit-arrows { z-index: 100001 }
#copyright {
    color: #000;
    font-family: Arial;
    position: absolute;
    bottom: 0px;
    height: 20px;
    width: 100%;
    text-align: center;
    font-size: 11px;
    z-index: 100001;
}
span.reference {
    color: #aaa;
    text-decoration: none;
    font-family: Arial;
    position: relative;
    left: 10px;
    bottom: 10px;
    font-size: 11px;
    z-index: 100001;
    margin-right: auto;
    margin-left: auto;
    width: 60%;
}
span.reference a {
    color: #aaa;
    text-decoration: none;
}
span.reference a:hover { color: #ddd }
#signature {
	font-family: 'Raleway';
    font-style: normal;
    font-weight:normal !important;
    font-family: 'Raleway', sans-serif;
    position: absolute;
    top: 40px;
    left: 15px;
	font-size: 36px;
	opacity: .7;
}
html,
#st_main { width: 100% }
.st_thumbs_wrapper,
#close_msg { display: none }
.clearborder{
	border:0;
}

#loader.black{

}
#loader{
	position:absolute;
	top:50%;
	left:50%;
	width:24px;
	height: 24px;
	margin-top: -12px;
	margin-left: -12px;
	z-index: 1001;
}

.no-cssanimations #loader{
	border: 0;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-15px;
	margin-left:-15px;

	background-image: url('../images/transload_wht.gif');

	width:32px;
	height:32px;
	z-index: 1001;
}

.no-cssanimations #loader.black{
	border: 0;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-15px;
	margin-left:-15px;

	background-image: url('../images/transload.gif');

	width:32px;
	height:32px;
	z-index: 1001;
}