/* 
 * Schiavo Mazzonis
 *
 * @package		Schiavo Mazzonis
 * @author		Oskar Krawczyk (o.krawczyk@keepthinking.it)
 * @version		1.0
 * @copyright	Copyright (c) 2008-2010, Oskar Krawczyk (Keepthinking Ltd.)		
 * @link		http://keepthinking.it
 * 
 ======================================================================= */

body {
	background-attachment: scroll;
	font-family: "Lucida Grande","Lucida Sans", Tahoma, sans-serif;
	color: #333333;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 11px;
}


/* pre-defined/global styles - reset styles, manage visibility, etc.
 ======================================================================= */
h1, h2, h3, h4, h5, ul, ol, li, p, form, fieldset {
	padding: 0;
	margin: 0;
	list-style: none;
	border: none;
}

a,
#content a {
	text-decoration: none;
	color: #666;
}

a:hover,
#content a:hover,
a:focus,
#content a:focus {
	text-decoration: underline;
}

/*a:focus {
	outline-color: #C8B191;
}*/

legend {
	display: none;
}

input,
textarea,
select {

}

.itemCont {
	margin: 0 0 25px;
}

	.itemCont h3 {
		border-top: solid 4px #2D2D2D;
		text-transform: uppercase;
		padding: 2px 0 10px 0;
		font: normal 1em "Lucida Grande","Lucida Sans", Tahoma, sans-serif;
	}

	.itemCont h3.alt {
		font-size: 1.4em;
		color: #666;
	}
	
	.itemCont .icContent p {
		padding: 2px 0 8px;
		line-height: 140%;
	}

.gallery {
	
}

	.gallery p {
		color: #949494;
	}

.artists {
	
}

	.artists li {
		margin: 0 0 10px;
	}

	.artists a,
	.artists span {
		display: block;
	}

.downloads {
	
}

	.downloads li {
		padding: 3px 0 3px 20px;
	}

	.downloads .ico_pdf {
		background: url(../img/ico/icon_pdf.gif) 0 50% no-repeat;
	}
	
	.downloads .ico_doc,
	.downloads .ico_rtf {
		background: url(../img/ico/icon_doc.gif) 0 50% no-repeat;
	}
	
	.downloads .ico_zip,
	.downloads .ico_rar {
		background: url(../img/ico/icon_zip.gif) 0 50% no-repeat;
	}
	
	.downloads .ico_ppt {
		background: url(../img/ico/icon_ppt.gif) 0 50% no-repeat;
	}	
	
	.downloads .ico_xls {
		background: url(../img/ico/icon_xls.gif) 0 50% no-repeat;
	}
	
a img {
	border: none;
}

.back {
	text-transform: uppercase;
	padding: 0 0 0 14px;
	background: url(../img/general/tip-arr-l.png) 0 50% no-repeat;
}

.submit input {

}

.quickJump {
	position: absolute;
	width: 500px;
}

	.quickJump a {
		position: absolute;
		left: -900em;
		padding: 5px;
		font-size: 1.3em;
		background: #f9e09f;
		color: #000;
		text-decoration: none;
	}

	.quickJump a:focus {
		position: absolute;
		left: 10px;
		top: 10px;
	}


ul.func {
	
}

	ul.func li {
		margin: 0 0 5px;
	}
	
	ul.func a {
		background: url(../img/general/tip-arr.png) 100% 50% no-repeat;
		padding: 0 8px 0 0;
	}
	
	ul.func span {
		display: block;
		color: #929292;
	}
	
	
ul.oc {
	margin: 0 0 0 -10px;
}
	
	ul.oc li {
		background: url(../img/general/tip-arr.png) 0 50% no-repeat;
		padding: 0 0 0 10px;
	}
		
	ul.oc a {
		color: #333333;
		text-transform: uppercase;
		
	}

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

	.ocAbstract {
		overflow: hidden;
	}
	
	.ocFull {
		overflow: hidden;
	}
	
#wrapper .mop {
	clear: both;
	font-size: 1px;
	height: 0;
	overflow: hidden;
	float: none;
	padding: 0;
	margin: 0;
}

#content-wrapper {

}

	#content-wrapper:after {
		content: '.';
		clear: both;
		width: 100%;
		display: block;
		text-indent: -9000em;
	}

/* 
 ======================================================================= */
.extItem {
	position: relative;
	overflow: hidden;
}

.eiInfo {
	padding: 5px;
	position: absolute;
	top: 0;
	left: 0;
	width: 99%;
	display: block;
	background: #fff;
	cursor: pointer;
}

	.eiInfo .eiName {
		text-transform: uppercase;
		font-weight: normal;
		padding: 0 0 0 8px;
		display: block;
		background: url(../img/general/tip-arr.png) 0 3px no-repeat;
	}
	
	.eiInfo .eiSub {
		display: block;
		padding: 0 0 0 8px;
		font-size: 95%;
		font-style: normal;
	}



/* initial container - wrapping everything
 ======================================================================= */
#init-container {
	text-align: left;
	width: 900px;
	margin: 0 auto;
	
}


/* main wrapper
 ======================================================================= */
#wrapper {

}


/* logo and wrapper for the main navigation
 ======================================================================= */
#branding {
	padding: 10px 0 0 0;
	overflow: hidden;
	height: 100%;
}

	#branding h1 {
		height: 14px;
		width: 247px;
		float: right;
		margin: 0 23px 0 0;
	}
	
	#branding h1 a {
		height: 14px;
		width: 247px;
		display: block;
		text-indent: -9000em;
		background: url(../img/header/logo.png) 0 0 no-repeat;
		font-size: 10px;
	}


/* main navigation
 ======================================================================= */
#nav {
	float: left;
	width: 580px;
	text-transform: uppercase;
	margin: 0 0 0 5px;
}
	
	#nav li {
		float: left;
		padding: 0 0 0 8px;
		margin: 0 0 0 10px;
		background: url(../img/header/nav-arr.png) 0 50% no-repeat;
	}
	
	#nav a {
		color: #666;
		
	}
	
	#nav .active {
		background-color: #2D2D2D;
	}
	
	#nav .active a {
		color: #2D2D2D;
	}
	
	#nav #language {
		margin: 0 0 0 30px;
	}
	
	#nav #language a {
		color: #999999;
	}
	
/* 
 ======================================================================= */
#page-title {
	margin: 15px 0 5px 23px;
	width: 854px;
}

#page-title h2 {
	font-family: "Gill Sans Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 3em;
	color: #666;
	text-transform: uppercase;
}

/* 
 ======================================================================= */
#content {
	width: 854px;
	margin: 0 0 0 23px;
}

#content .cCont {
	margin: 0 0 20px 0;
}

#content .cCont:after {
	content: '.';
	clear: both;
	width: 100%;
	display: block;
	text-indent: -9000em;
}

/* 
 ======================================================================= */
.cMain {
	width: 600px;
	float: right;
}

.alt .cMain {
	width: 408px;
}

/* 
 ======================================================================= */
.cSide {
	width: 218px;
	float: left;
}

	.cSide p {
		margin: 0;
	}
	
		.cSide .itemCont p {
			margin: 0 0 10px 0;
		}

.alt .cSide {
	width: 408px;
}

	.cSide .elDetails li,
	.cMain .elDetails li {
		margin: 0 0 10px;
	}

	.cSide .elDetails a,
	.cMain .elDetails a {
		display: block;
	}

	.cSide .elDetails strong,
	.cMain .elDetails strong {
		font-weight: normal;
	}

	.cSide .elDetails span,
	.cMain .elDetails span {
		display: block;
	}
	
.cmContent {
	float: left;
	width: 150px;
	margin: 0 35px 0 0;
}

.cmContentAlt {
	width: 408px;
	margin: 0 0 20px 0;
}

	.cmContentAlt p {
		color: #333;
		font-size: .9em;
	}

/* 
 ======================================================================= */
.subscribeForm {
}

	.subscribeForm div.info {
		padding: 8px 5px;
		margin: 0 0 10px;
	}
	
		.subscribeForm div.error {
			border: solid 2px #EC4B34;
			color: #EC4B34;
		}
	
		.subscribeForm div.ok {
			border: solid 2px #41A04A;
			color: #41A04A;
		}

	.subscribeForm p {
		margin: 0 0 15px 0;
	}
	
	.subscribeForm p label {
		display: block;
		cursor: pointer;
		color: #999;
		text-transform: uppercase;
	}
	
		.subscribeForm p.error label {
			color: #EC4B34;
		}
	
	.subscribeForm p input {
		display: block;
		border: solid 1px #ccc;
		padding: 5px;
		width: 300px;
	}
	
	.subscribeForm p.error input {
		border: solid 1px #EC4B34;
	}
	
		.subscribeForm p input:focus {
			border: solid 1px #747474;
		}
	
	.subscribeForm .submit input {
		cursor: pointer;
		text-transform: uppercase;
		text-align: left;
		text-indent: 0;
		border: none;
		margin: 0 0 0 -8px;
		padding: 0 0 0 8px;
		background: url(../img/general/tip-arr.png) 0 50% no-repeat;	
	}
	
	.addInfo {
		display: none;
	}

/* 
 ======================================================================= */
#works-gallery {
	position: relative;
	margin: 0 0 20px 23px;	
	left: -20px;
}

	#works-gallery #wg-wrapper {
		overflow: auto;
		height: 170px;
		width: 854px;
		position: relative;
		background: url(../img/general/loader.gif) 50% 50% no-repeat;
	}
	
	#works-gallery #wg-cont {
		width: 4000px;
		position: absolute;
		left: 0;
		background: #fff;
	}
	
	#works-gallery li {
		float: left;
		padding: 0 5px 0 0;
	}
	
	#works-gallery li a {
		display: block;
	}
	
#wg-controls {
	width: 950px;
	position: absolute;
	top: 0;
	left: -50px;
	height: 150px;
}

	#wg-controls li {
		width: 30px;
		height: 30px;
		position: absolute;
		top: 60px;
	}
	
		#wg-controls a {
			display: block;
			width: 30px;
			height: 30px;
			text-indent: -9000em;
		}
	
	#wg-controls .wgcPrev {
		left: 0;
		background: url(../img/slider/controler-prev.png) 50% 50% no-repeat;
	}
	
	#wg-controls .wgcNext {
		right: 0;
		background: url(../img/slider/controler-next.png) 50% 50% no-repeat;
	}

/* 
 ======================================================================= */
#artist-list {
}

	#artist-list li {
		text-transform: uppercase;
		margin: 0 0 6px 0;
	}
	
	#artist-list .active {

	}
	
		#artist-list a:hover {
			color: #2D2D2D;
			padding: 0 0 0 8px;
			position: relative;
			left: -8px;
			background: #2D2D2D url(../img/header/nav-arr.png) 0 50% no-repeat;
			text-decoration: none;
		}
		
/* 
 ======================================================================= */	
.gallery {
	
}

	.gallery li {
		float: left;
		margin: 0 5px 5px 0;
	}
	
	.gallery a,
	.gallery img {
		display: block;
	}
	

/* 
 ======================================================================= */	
#work-details {

}

	#work-details li {
	
	}
	
	#work-details .wdCopy {
		margin: 10px 0 0 0;
	}
	
	#work-details .back {
		margin: 30px 0 0 0;
	}


/* 
 ======================================================================= */	
#single-work {
	position: relative;
}

	#sw-controls {
		position: absolute;
		top: -16px;
		left: 0;
		width: 200px;
	}
	
		#sw-controls li {
			text-transform: uppercase;
			color: #AAA;
		}
	
		#sw-controls .swcPrev {
			float: left;
			padding: 0 0 0 8px;
			background: url(../img/general/tip-arr-l.png) 0 50% no-repeat;
		}
	
		#sw-controls .swcNext {
			float: right;
			padding: 0 8px 0 0;
			background: url(../img/general/tip-arr.png) 100% 50% no-repeat;
		}

#main-image-cont {
	background: url(../img/general/loader.gif) 50% 50% no-repeat;
	float: left;
}


#sw-thumbs {
	margin: 30px 0 0 0;
	
}

	#sw-thumbs li {
		margin: 0 0 4px 0;
	}

	#sw-thumbs a,
	#sw-thumbs span,
	#sw-thumbs em {
		display: block;
		font-style: normal;
	}
	
	#sw-thumbs a {
		height: 100%;
		overflow: hidden;
		position: relative;
		outline: none;
	}
	
	#sw-thumbs img,
	#sw-thumbs span {
		float: left;
	}
	
	#sw-thumbs img {
		margin: 0 5px 0 0;
	}