/**************************************************************/
/*        XSHOCK Stylesheet | (C) 2011 Matthias Schuetz       */
/**************************************************************/

/***************************************************** GLOBAL */

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

html {
	background:#000000 url(images/bg.jpg) no-repeat center top fixed;
	overflow:scroll;
}

body {
	background:url(images/bg2.png) no-repeat center top;
}

div, p, span, ul, li {
	margin:0;
	padding:0;
	font-family:Tahoma, Geneva, Arial, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#c0b9ac;
}

a {
	text-decoration:none;
	outline:none;
}

a img, img {
	border:none;
}

#wrapper {
	position:relative;
	width:974px;
	height:auto;
	margin:0 auto;
	min-height:662px;
	background:url(images/bg3.png) no-repeat left top;
	overflow:auto;
}

#header {
	position:relative;
	width:974px;
	height:168px;
	float:left;
}

#logo {
	position:relative;
	top:103px;
	left:52px;
	width:203px;
	height:40px;
	background:url(images/logo.png) no-repeat left top;
	display:block;
}

#content-left {
	position:relative;
	width:382px;
	margin:0 0 0 10px;
	float:left;
}

#content-right {
	position:relative;
	width:572px;
	margin:0 0 44px 0;
	float:left;
}

#selected-works-label {
	width:234px;
	height:20px;
	margin:253px 0 0 0;
	padding:0 0 0 74px;
	background:url(images/selectedworks.png) no-repeat left top;
	float:left;
}

.year-block {
	width:74px;
	float:right;
	clear:right;
}

#year-2014 {
	margin:253px 0 0 0;
	float:left;
}

#year-2013 {
	margin:6px 0 0 0;
	float:left;
}

#year-2012 {
	margin:69px 0 0 0;
}

#year-2010 {
	margin:6px 0 0 0;
}

#year-2009 {
	margin:68px 0 0 0;
}

#year-2008 {
	margin:6px 0 0 0;
}

#year-2007 {
	margin:68px 0 0 0;
}

#year-2006 {
	margin:6px 0 0 0;
}

#year-2005 {
	margin:288px 0 0 0;
	display:none;
}

#year-2004 {
	margin:202px 0 0 0;
	display:none;
}

#year-2003 {
	margin:202px 0 0 0;
	display:none;
}

#year-2002 {
	margin:202px 0 0 0;
	display:none;
}

a:link,
a:hover,
a:active,
a:visited {
	color:#c0b9ac;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}


/***************************************************** SLIDER */

#slider-border,
#slider-border-hover {
	position:absolute;
	top:0;
	left:0;
	width:572px;
	height:235px;
	background:url(images/border_slider.png) no-repeat left top;
}

#slider-border-hover {
	top:158px;
	left:19px;
	width:534px;
	height:45px;
	background:#171411 url(images/bg_viewfullimage.png) no-repeat center -32px;
	display:none;
}

#slider,
#gallery {
	position:relative;
	float:left;
}

#gallery {
	margin:18px 0 0 0;
}

#gallery a {
	position:relative;
	width:190px;
	height:109px;
	margin:0 1px 1px 0;
	display:block;
	float:left;
	overflow:hidden;
}

#gallery a img {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	z-index:3;
}

#gallery a:hover img {
	margin:-109px 0 0 0;
}

#gallery .image-right {
	margin:0 0 1px 0;
}

.gallery-label {
	position:absolute;
	top:0;
	left:0;
	padding:1px 6px;
	padding:0 6px 1px 6px\9;
	color:#efeae1;
	background:#171411;
	z-index:5;
}

*+html #gallery {
	margin:16px 0 0 0;
}

#btn-viewall {
	width:572px !important;
	height:25px !important;
	padding:4px 0 0 0 !important;
	margin:20px 0 0 0 !important;
	color:#C0B9AC !important;
	text-align:center;
	background:url(images/btn_viewall.png) no-repeat;
}

#content-box {
	position:relative;
	width:548px;
	height:211px;
	padding:12px;
	background:url(images/bg_contentbox.png);
	overflow:hidden;
}

#content-box h1 {
	width:536px;
	font-weight:normal;
	font-size:11px;
	margin:0 0 9px 0;
	padding:0 0 6px 12px;
	line-height:10px;
	background:url(images/bg_headline.png) no-repeat 0 5px;
	border-bottom:1px #524c44 solid;
	text-transform:uppercase;
	display:block;
	float:left;
	clear:both;
}

#content-box p {
	margin:0 0 14px 0;
	float:left;
	clear:both;
}

#content-box ul {
	margin:0 0 0 13px;
	float:left;
	clear:both;
}

.margin-left {
	margin-left:392px !important;
}

.no-margin {
	margin:0 !important;
}


/******************************************************* MENU */

#menu {
	position:relative;
	top:84px;
	left:392px;
	width:572px;
	height:28px;
	list-style-type:none;
}

#menu li {
	background-image:url(images/menu.png);
	background-repeat:no-repeat;
	list-style:none;
	float:left;
}

#mnu_work_wrap {
	background-position:0 1px;
}

#mnu_info_wrap {
	margin:0 0 0 379px;
	background-position:-417px 1px;
}

#mnu_contact_wrap {
	margin:0 0 0 74px;
	background-position:-521px 1px;
}

#menu a {
	height:28px;
	text-indent:-7777px;
	display:block;
}

#mnu_work {
	width:37px;
}

#mnu_info {
	width:31px;
}

#mnu_contact {
	width:51px;
}

#menu a:hover,
.mnu_active {
	background:url(images/bg_menu.png) repeat-x;
}


/***************************************************** FOOTER */

#footer {
	width:572px;
	height:1px;
	margin:20px 0 44px 0;
	padding:5px 0 0 0;
	color:#5C5447;
	border-top:1px #5C5447 solid;
	float:left;
}

.bright-font {
	border-top:1px #7d766b solid !important;
	color:#948d83 !important;
}


/***************************************************** SLIDER */

#slider {
	position:relative;
	width:572px;
	height:235px;
	overflow:hidden;
}

#prevBtn, #nextBtn, #slider1prev, #slider1next {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}

#slider ul, #slider li,
#slider2 ul, #slider2 li {
	margin:0;
	padding:0;
	list-style:none;
}

#slider2{
	margin-top:1em;
}

#slider li, #slider2 li { 
	width:572px;
	height:235px;
	overflow:hidden; 
}

#prevBtn, #nextBtn,
#slider1next, #slider1prev { 
	position:absolute;
	width:19px;
	top:158px;
	left:0;
	height:45px;
	display:block;
	z-index:1000;
}	

#nextBtn, #slider1next { 
	left:553px;
}

#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a {  
	position:relative;
	width:19px;
	height:45px;
	background:url(images/slider_arrows.png) no-repeat 0 0;	
	display:block;
}

#nextBtn a, #slider1next a { 
	background:url(images/slider_arrows.png) no-repeat -19px 0;	
}