body { text-align: center; margin: 40px 0px; font-family: Times New Roman, Times, Georgia, serif; font-size: 14px; color: #606060; }
/*body#motion, body#showreel, body#still { background: url(/images/layout/bg-body.gif) repeat-x;}*/
/*body#about { background: url(/images/layout/bg-body-about.gif) repeat-x;}*/
a { text-decoration: none; }

#wrapper { width: 960px; display: block; margin: 0 auto; text-align: left; }


h1.logo, h1.logo a { width: 230px; height: 110px; display: block; overflow: hidden; text-indent: -9999px; float: left;}
h1.logo a  { background: url('/images/layout/logo.jpg') no-repeat; }
.clear, .cleaner { clear: both;}
#mailinglist_form { width: 230px; height: 65px; display: block; overflow: hidden; background: url('/images/layout/newsletter.gif') no-repeat top left; float: right;}
#mailinglist_form input.text { margin: 30px 0px 0px 12px; width: 125px; padding: 2px 0px;border: 1px solid #e7e7e7; float: left;}
#mailinglist_form input.submit { margin: 30px 0px 0px 10px; border: 0px; padding: 1px 2px; color: #ffffff; background: #808080; font-family: Times New Roman, Times, Georgia, serif; font-size: 12px; cursor: pointer; }


#search_form { width: 100%; height: 40px; display: block; overflow: hidden; background: #f7f7f7;}
#search_form input.text { margin: 10px 0px 0px 10px; width: 155px; padding: 2px 0px;border: 1px solid #e7e7e7; float: left;}
#search_form input.submit { margin: 10px 0px 0px 10px; border: 0px; padding: 2px 10px; color: #ffffff; background: #808080; font-family: Times New Roman, Times, Georgia, serif; font-size: 12px; cursor: pointer; text-transform: uppercase;}

.navigation { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin: 20px 0px 20px 0px; padding: 10px 0px; height: 20px;}

.navigation ul { float: left; margin: 0; padding: 0;}
.navigation ul li { display: inline; margin: 0px 20px 0px 10px;height: 20px; line-height: 20px;}
.navigation ul li a { color: #9f9f9f;}
.navigation ul li a:hover { color: #555555; }
.navigation ul li a.active { color: #555555;font-weight: bold;}
.navigation a.rss { width: 34px; height: 20px; display: block; float: right; background: url('/images/layout/rss.gif') top left no-repeat; text-indent: -9999px; overflow: hidden; margin-right: 10px; cursor: pointer;}
.navigation a.rss:hover { background: url('/images/layout/rss.gif') bottom left no-repeat; }


img.intro { margin: 0px 0px 30px 0px; /*border-bottom: 5px solid #939393;*/}


.col3, .col3-last { width: 290px; float: left; margin-right:45px;}
.col3-last { float: right; margin-right: 0px;}

.informations { width: 625px; float: right; display: block;}

.news { height: 180px; border-bottom: 1px solid #f0f0f0; margin-top: 10px; }
.border { height: 300px; border-bottom: 1px solid #f0f0f0; margin-top: 10px; }

p.heading { background: url('/images/layout/double.gif') bottom left repeat-x; padding-bottom: 10px; font-size: 12px; margin-bottom: 20px; background-repeat: repeat-x;}
p.heading span { text-transform: uppercase; color: #c3c3c3; font-weight: bold; margin-right: 5px;}


h3 { font-family: Arial, Helvetica, Sans-serif; font-size: 24px; color: #323232; text-transform: uppercase; font-style: italic; font-weight: bolder; margin: 24px 0px 20px 0px; line-height: 24px;}
h3 a { color: #323232; }


#player { margin: 40px 0px; display: block; width: 960px; height: 560px;}

.informations table, .col3 table { margin: 20px 0px; }
.informations table tr th, .col3 table tr th { padding-right: 40px; text-transform: uppercase;}
.informations table tr td em, .col3 table tr td em { margin-left: 20px;}
.col3 table { margin-bottom: 40px;}


a.download { width: 163px; height: 27px; display: block; overflow: hidden; text-indent: -9999px; background: url('/images/layout/download.gif') top left no-repeat;}
a.download:hover {background: url('/images/layout/download.gif') bottom left no-repeat;}

.text p { line-height: 18px; margin: 6px 0px 12px 0px;}

.contact { background: #323232; color: #fff; padding: 10px; margin-top: 100px;}
.contact a { color: #fff; text-decoration: none;}
.contact a:hover { text-decoration: line-through;}
.contact h4 { font-family: Arial, Helvetica, Sans-serif; font-size: 14px; color: #ffffff; text-transform: uppercase; font-style: italic; font-weight: bolder; margin: 0px 0px 10px 0px; padding: 0px; }

.about { height: 450px; border-bottom: 1px solid #f0f0f0; margin: 20px 0px;}

.stills { margin-top: 40px;}
.stills-right { width: 625px;}
.stillPic {width: 625px;}

.slider-wrapper { position: relative; background: url('/images/layout/slider.gif') top left no-repeat; padding-top: 38px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; margin-bottom: 30px; }

.slider { position:relative; overflow: hidden; width: 960px; height:100px;float:left; }
.slider .items { width:20000em;	position:absolute;	clear:both; }
.slider .items div { float:left; width: 960px; }
.slider .items div a { width: 150px; height: 100px; display: block; margin: 0px 5px; float:left; overflow: hidden; position: relative;}


.slider .items div a span.slider-over {
	background-image:url(/images/layout/slider-over.png);
	width:300px;
	height:100px;
	width: 264px;
	height: 72px;
	position:absolute;
	display: block;
	top:0px;
	left:-300px;
	z-index:9999;
	opacity:0.9;
	padding: 18px 18px 18px 18px; font-family: "Times New Roman", Times, serif; font-style: italic; color: #fff; font-size: 10px; font-weight: bold;
}

.slider-wrapper a.prev, .slider-wrapper a.next{ width: 20px; height: 20px; display: block; cursor: pointer; overflow: hidden; text-indent: -9999px; margin: 0px; padding: 0px; position: absolute; top: 75px;}
.slider-wrapper a.prev { background: url('/images/layout/carousel-arrow.png') 0px 0px no-repeat;left: -30px; z-index: 9999;}
.slider-wrapper a.next {background: url('/images/layout/carousel-arrow.png') -20px 0px no-repeat; left: 970px; z-index: 9999; float:right; margin-right: 0px;}
.slider-wrapper a.prev:hover {background-position: 0px -20px;}
.slider-wrapper a.next:hover {background-position: -20px -20px;}
.slider-wrapper a.disabled, .slider-wrapper a.disabled:hover { cursor: default; -moz-opacity:.2;opacity:0.2;filter:alpha(opacity=20); }




#slideshow { text-align: center; display: block; width: 625px; min-height: 850px; position: relative;}
#slideshow img { margin: 0 auto; }
#slideshow-nav a { width: 30px; height: 30px; display: block; font-size: 14px; float: left; margin-right: 5px; border: 5px solid #f7f7f7; text-align: center; line-height: 30px; color: #cccccc; font-weight: bold;}
#slideshow-nav a:hover { border: 5px solid #cccccc;}




.blog-leftcol { width: 295px; display: block; float: left; margin-right: 35px;}
/*.blog-middlecol { width: 220px; display: block; float: left; margin: 0px 35px; background: #eee;}*/
.blog-rightcol { width: 625px; float: right;}

.post { padding-bottom: 30px; margin-bottom: 55px; background: url('/images/layout/double.gif') bottom left repeat-x;}

.post p { line-height: 18px; margin: 0px 0px 16px 0px;}

a.english-version { height: 16px; line-height: 16px; display: block; background: url(/images/layout/english.gif) no-repeat top left; padding-left: 25px; font-size: 11px; text-transform: uppercase; color: #808080; margin-bottom: 25px;}
a.english-version:hover { text-decoration: underline;}

.blog-leftcol p.heading { text-transform: uppercase; margin: 20px 0px 10px 0px;}


ul.category-list li, ul.blogroll li { width: 140px; float: left; margin-right: 15px;}
ul.category-list li.odd, ul.blogroll li.odd { margin-right: 0px;}

ul.category-list li a, ul.blogroll li a { color: #808080;}
ul.category-list li a:hover, ul.blogroll li a:hover { color: #2a2a2a; text-decoration: line-through;}

ul.recent-post li { font-size: 14px;}
ul.recent-post li a { color: #2a2a2a; width: 295px; height: 20px; padding-bottom: 7px; padding-top: 7px;  border-bottom: 1px dotted #f1f1f1; display: block; text-indent: 10px; cursor: pointer;}
ul.recent-post li a:hover { color: #2a2a2a; background: #fafafa; border-bottom: 1px solid #f1f1f1; text-decoration:line-through;}


div.post-info { border-top: 2px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 5px; font-size: 12px; text-transform: uppercase; color: #b1b1b1; margin-bottom: 35px;}
div.post-info a, a.more { color: #808080; font-weight: bold;}
div.post-info a:hover, a.more { color: #2a2a2a;}

div.post-intro { font-size: 16px; margin-bottom: 25px;}
div.post a { color: #808080; text-decoration: underline;}
div.post a:hover { color: #2a2a2a; text-decoration: line-through;}

div.post-content { font-size: 16px; margin: 50px 0px;}

.selected-wrapper { margin-bottom: 10px;}
.selected {
	position:relative;
	overflow:hidden;
	height: 130px;
	display: block;
	width: 295px;
}

.selected .items {
	position:absolute;
	height:20000em;
}

.selected .item { 
	height: 140px; display: block; overflow: hidden; 
}
.selected h3 { margin: 15px 0px 5px 0px; padding: 0px;}
.selected .item a { cursor: pointer !important;}

.selected-wrapper a.prev, .selected-wrapper a.next{ width: 295px; height: 10px; display: block; cursor: pointer; overflow: hidden; text-indent: -9999px; margin: 0px; padding: 0px; }
.selected-wrapper a.prev { background: url('/images/layout/selected-arrow.gif') 0px -20px no-repeat; z-index: 9999;}
.selected-wrapper a.next {background: url('/images/layout/selected-arrow.gif')  0px -30px no-repeat; z-index: 9999;}
.selected-wrapper a.prev:hover {background-position: 0px -10px;}
.selected-wrapper a.next:hover {background-position: 0px -40px;}
.selected-wrapper a.disabled, .selected-wrapper a.disabled:hover { cursor: default; -moz-opacity:.2;opacity:0.2;filter:alpha(opacity=20); }

.selected .items div a span.selected-over {
	background-image:url(/images/layout/selected-over.png);
	width: 405px;
	height: 40px;
	position:absolute;
	display: block;
	left:-445px;
	z-index:9999;
	opacity:0.9;
	padding: 30px 20px 20px 20px; font-family: "Times New Roman", Times, serif; font-style: italic; color: #fff; font-size: 14px; font-weight: bold; 
}


a.more { margin: 10px 5px;}


a.post-intro-img { display: block;  overflow: hidden; position: relative; text-decoration: line-through;}

.post-intro-legend {
	position:absolute;
	background:#fff;
	width:625px;
	height:20px;
	padding:20px;
	display:none;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #000;
	font-size: 18px;
	cursor: pointer !important;
}


a.black { margin-top: 10px; background: #000; padding: 2px 8px; color: #fff;}
a.black:hover { text-decoration: line-through;}


/* Pagination */
div.pagination { margin: 20px 0px;	padding: 10px 0px; width: 570px; text-align: center; }
div.pagination { color: #dedede; font-size: 11px; font-weight: bold;  margin-left: 2px; display: inline; }
div.pagination strong { padding: 3px 7px; color: #aaaaaa; border: 1px solid #aaaaaa; }
div.pagination a {color: #dedede;  padding: 3px 7px; border: 1px solid #dedede; text-decoration: none;  margin-left: 2px; display: inline;}
div.pagination div.text a {color: #dedede;  padding: 3px 7px; border: 0px; text-decoration: none; font-style: italic; border: 1px solid #fff;}
div.pagination a:hover, .pagination a strong  {color: #aaaaaa; border: 1px solid #aaaaaa;}
div.pagination div.text a:hover {border: 1px solid #fff;}


.comments-form {
	margin: 40px 0px;
}

.comments-form label { width: 120px; float: left;}
.comments-form input.text { margin: 0px 0px 0px 12px; width: 200px; padding: 2px 0px;border: 1px solid #e7e7e7; float: left;}
.comments-form input.submit { margin: 30px 0px 0px 10px; border: 0px; padding: 1px 2px; color: #ffffff; background: #808080; font-family: Times New Roman, Times, Georgia, serif; font-size: 14px; padding: 10px; text-transform: uppercase; }


#footer { background: #e7e8e9;  height: 70px; width: 960px; margin: 40px 0px;}




a.terrainvague, a.melba, a.faunesque { width: 75px; height: 70px; display: block; overflow: hidden; text-indent: -9999px;}


a.terrainvague { background: url('/images/layout/terrainvague.gif') top left no-repeat;}
a.terrainvague:hover{ background: url('/images/layout/terrainvague.gif') bottom left no-repeat; }

a.melba { background: url('/images/layout/melba.gif') top left no-repeat;}
a.melba:hover{ background: url('/images/layout/melba.gif') bottom left no-repeat; }

a.faunesque { background: url('/images/layout/faunesque.gif') top left no-repeat;}
a.faunesque:hover{ background: url('/images/layout/faunesque.gif') bottom left no-repeat; }

#footer ul li, #footer ul li a { float: left; }
#footer ul li a { float: left; margin: 0px 20px;}

a.studiometa { width: 100px; height: 70px; display: block; overflow: hidden; text-indent: -9999px; background: url('/images/layout/studiometa.gif') top left no-repeat; float: right; margin-right: 20px;}
a.studiometa:hover{ background: url('/images/layout/studiometa.gif') bottom left no-repeat; }