/* Reset (YUI) */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0; padding:0; }
table {
	border-collapse:collapse; border-spacing:0; }
fieldset,img { 
	border:0; }
address,caption,cite,code,dfn,th,var {
	font-style:normal; font-weight:normal; }
ol,ul {
	list-style:none; }
caption,th {
	text-align:left; }
h1,h2,h3,h4,h5,h6 {
	font-size:100%; font-weight:normal; }
q:before,q:after {
	content:''; }
abbr,acronym {
	border:0; }
	
/* Common */

body {
	background:#222 url(../image/background.jpg) repeat; font-family:"Trebuchet MS",Helvetica,sans-serif; 
	color:#ddd; height:100%; }
	
a {
	color:#fff; }
a.shy {
	text-decoration:none; }

h2 {
	font:20px/25px QuicksandBook, 'Trebuchet MS', sans-serif; font-weight:bold; }
	
.clear {
	height:1px; clear:both; }
	
.tip {
	display:none; }
	
.full_info {
	display:none; }
	
/* Fonts */

/* Aurulent */
@font-face {
	font-family: 'AurulentSansRegular';
	src: url('../fonts/Aurulent-Sans-fontfacekit/AurulentSans-Regular-webfont.eot');
	src: local('☺'), url('../fonts/Aurulent-Sans-fontfacekit/AurulentSans-Regular-webfont.woff') format('woff'), url('../fonts/Aurulent-Sans-fontfacekit/AurulentSans-Regular-webfont.ttf') format('truetype'), url('../fonts/Aurulent-Sans-fontfacekit/AurulentSans-Regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AurulentSansItalic';
	src: url('../fonts/Aurulent-Sans-fontfacekit/AurulentSans-Italic-webfont.eot');
	src: local('☺'), url('../fonts/Aurulent-Sans-fontfacekit/AurulentSans-Italic-webfont.woff') format('woff'), url('../fonts/Aurulent-Sans-fontfacekit/AurulentSans-Italic-webfont.ttf') format('truetype'), url('../fonts/Aurulent-Sans-fontfacekit/AurulentSans-Italic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AurulentSansBold';
	src: url('../fonts/Aurulent-Sans-fontfacekit/AurulentSans-Bold-webfont.eot');
	src: local('☺'), url('../fonts/Aurulent-Sans-fontfacekit/AurulentSans-Bold-webfont.woff') format('woff'), url('../fonts/Aurulent-Sans-fontfacekit/AurulentSans-Bold-webfont.ttf') format('truetype'), url('../fonts/Aurulent-Sans-fontfacekit/AurulentSans-Bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AurulentSansBoldItalic';
	src: url('../fonts/Aurulent-Sans-fontfacekit/AurulentSans-BoldItalic-webfont.eot');
	src: local('☺'), url('../fonts/Aurulent-Sans-fontfacekit/AurulentSans-BoldItalic-webfont.woff') format('woff'), url('../fonts/Aurulent-Sans-fontfacekit/AurulentSans-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/Aurulent-Sans-fontfacekit/AurulentSans-BoldItalic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Quicksand */
@font-face {
	font-family: 'QuicksandLight';
	src: url('../fonts/Quicksand-fontfacekit/Quicksand_Light-webfont.eot');
	src: local('☺'), url('../fonts/Quicksand-fontfacekit/Quicksand_Light-webfont.woff') format('woff'), url('../fonts/Quicksand-fontfacekit/Quicksand_Light-webfont.ttf') format('truetype'), url('../fonts/Quicksand-fontfacekit/Quicksand_Light-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'QuicksandLightOblique';
	src: url('../fonts/Quicksand-fontfacekit/Quicksand_Light_Oblique-webfont.eot');
	src: local('☺'), url('../fonts/Quicksand-fontfacekit/Quicksand_Light_Oblique-webfont.woff') format('woff'), url('../fonts/Quicksand-fontfacekit/Quicksand_Light_Oblique-webfont.ttf') format('truetype'), url('../fonts/Quicksand-fontfacekit/Quicksand_Light_Oblique-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'QuicksandBook';
	src: url('../fonts/Quicksand-fontfacekit/Quicksand_Book-webfont.eot');
	src: local('☺'), url('../fonts/Quicksand-fontfacekit/Quicksand_Book-webfont.woff') format('woff'), url('../fonts/Quicksand-fontfacekit/Quicksand_Book-webfont.ttf') format('truetype'), url('../fonts/Quicksand-fontfacekit/Quicksand_Book-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'QuicksandBookOblique';
	src: url('../fonts/Quicksand-fontfacekit/Quicksand_Book_Oblique-webfont.eot');
	src: local('☺'), url('../fonts/Quicksand-fontfacekit/Quicksand_Book_Oblique-webfont.woff') format('woff'), url('../fonts/Quicksand-fontfacekit/Quicksand_Book_Oblique-webfont.ttf') format('truetype'), url('../fonts/Quicksand-fontfacekit/Quicksand_Book_Oblique-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'QuicksandBold';
	src: url('../fonts/Quicksand-fontfacekit/Quicksand_Bold-webfont.eot');
	src: local('☺'), url('../fonts/Quicksand-fontfacekit/Quicksand_Bold-webfont.woff') format('woff'), url('../fonts/Quicksand-fontfacekit/Quicksand_Bold-webfont.ttf') format('truetype'), url('../fonts/Quicksand-fontfacekit/Quicksand_Bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'QuicksandBoldOblique';
	src: url('../fonts/Quicksand-fontfacekit/Quicksand_Bold_Oblique-webfont.eot');
	src: local('☺'), url('../fonts/Quicksand-fontfacekit/Quicksand_Bold_Oblique-webfont.woff') format('woff'), url('../fonts/Quicksand-fontfacekit/Quicksand_Bold_Oblique-webfont.ttf') format('truetype'), url('../fonts/Quicksand-fontfacekit/Quicksand_Bold_Oblique-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'QuicksandDash';
	src: url('../fonts/Quicksand-fontfacekit/Quicksand_Dash-webfont.eot');
	src: local('☺'), url('../fonts/Quicksand-fontfacekit/Quicksand_Dash-webfont.woff') format('woff'), url('../fonts/Quicksand-fontfacekit/Quicksand_Dash-webfont.ttf') format('truetype'), url('../fonts/Quicksand-fontfacekit/Quicksand_Dash-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* DroidSans */
@font-face {
	font-family: 'DroidSansRegular';
	src: url('../fonts/Droid-Sans-fontfacekit/DroidSans-webfont.eot');
	src: local('☺'), url('../fonts/Droid-Sans-fontfacekit/DroidSans-webfont.woff') format('woff'), url('../fonts/Droid-Sans-fontfacekit/DroidSans-webfont.ttf') format('truetype'), url('../fonts/Droid-Sans-fontfacekit/DroidSans-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DroidSansBold';
	src: url('../fonts/Droid-Sans-fontfacekit/DroidSans-Bold-webfont.eot');
	src: local('☺'), url('../fonts/Droid-Sans-fontfacekit/DroidSans-Bold-webfont.woff') format('woff'), url('../fonts/Droid-Sans-fontfacekit/DroidSans-Bold-webfont.ttf') format('truetype'), url('../fonts/Droid-Sans-fontfacekit/DroidSans-Bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
	
/* Loading mask */

div#loading_mask {
	position:absolute; height:100%; width:100%; top:0; left:0; z-index:999;
	background:#000; filter: alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; }
div#loading_mask img {
	position:absolute; top:50%; left:50%; margin-left:-33px; margin-top:-33px; }


/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none; position: absolute; top: 0; left: 0; z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25); background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px; -webkit-border-radius: 3px;
	-moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff; border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff; border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff; border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92);
}
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/* Header */

h1#header {
	position:absolute; display:block; height:75px; left:75px; right:0px;
	border-bottom:1px solid #666; border-left:1px solid #666; font-size:200%;}
h1#header .background {
	position:absolute; left:0; z-index:-1; display:block; width:100%; height:100%;
	background:#000; filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
h1#header a {
	height:75px; padding-left:5px;
	font:40px/70px QuicksandBook, 'Trebuchet MS', sans-serif; font-weight:bold;}
img#header_logo {
	display:block; float:left; width:75px; height:77px; background:none; }

/* Footer */

div#footer {
	position:absolute; bottom:0; width:100%; height:30px; text-align:center;
	font-size:12px; line-height:30px; border-top:1px solid #666; }
div#footer .background {
	position:absolute; left:0; z-index:-1; display:block; width:100%; height:30px;
	background:#000; filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
div#footer ul li {
	display:inline; padding:0 20px; margin-left:20px; border-right:1px solid #666; }
div#footer ul li.last {
	border-right:none; }
div#footer ul li.contact {
	background:url(../image/icons_footer.png) no-repeat 0 0; }
div#footer ul li.about_me {
	background:url(../image/icons_footer.png) no-repeat 0 -22px; }
div#footer ul li.flickr {
	background:url(../image/icons_footer.png) no-repeat 0 -41px; }
div#footer ul li.twitter {
	background:url(../image/icons_footer.png) no-repeat 0 -62px; }
div#footer ul li.about_echurb {
	background:url(../image/icons_footer.png) no-repeat 0 -82px; }
div#footer ul li.legal {
	background:url(../image/icons_footer.png) no-repeat 0 -102px; }
div#footer ul li.credits {
	background:url(../image/icons_footer.png) no-repeat 0 -121px; }

/* Content */

div#content {
	position:absolute; width:100%; top:76px; bottom:31px; overflow:auto; }

ul#ariane {
	margin-top:5px; margin-left:75px; }
ul#ariane li {
	display:inline; color:#ccc; }
ul#ariane li a {
	color:inherit; text-decoration:none; }
	
/* Galeries */

ul#home {
	position:relative; width:700px; margin:30px auto 0; }
ul#home li {
	display:block; height:245px; }
ul#home li img.picture {
	position:absolute; width:300px; height:200px; border:15px solid #ccc; }
ul#home li h2 {
	position:relative; font-size:20px; border-top:1px dotted #ccc; margin-bottom:10px; 
	font-weight:normal; }
ul#home li p {
	font-size:16px; }
	
ul#home li.left {
	 }
ul#home li.left img.picture {
	left:0px; }
ul#home li.left h2, ul#home li.left p {
	margin-left:345px; text-align:left; }
	
ul#home li.right {
	}
ul#home li.right img.picture {
	right:0px; }
ul#home li.right h2, ul#home li.right p {
	margin-right:345px; text-align:right; }

/* Galery */

div#galery div#presentation {
	position:relative; width:700px; margin:23px auto 0; }
div#galery div#presentation h2 {
	margin-left:345px; text-align:left; position:relative; font-size:20px; border-top:1px dotted #ccc; margin-bottom:15px; }
div#galery div#presentation img.picture {
	position:absolute; width:300px; height:200px; border:15px solid #ccc; }
div#galery div#presentation p {
	margin-left:345px; text-align:justify; font-size:16px; }
div#galery div#presentation p.details {
	position:absolute; width:700px; top:250px; margin-left:0; padding:10px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;  
	text-align:center; font-style:italic; }

div#galery.standard a.navigation {
	display:none; }
div#galery.standard ul#thumbs {
	position:absolute; top:365px; width:80%; left:12%; }
div#galery.standard ul#thumbs li {
	display:block; float:left; margin:5px; border:3px solid #ccc; }

div#galery.slider div#thumbs_container {
	position:absolute; bottom:5px; width:100%; height:135px; overflow:hidden; z-index:95; }
div#galery.slider div#thumbs_container_mask {
	position:absolute; bottom:0; width:100%; height:135px;; 
	background:#000; filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
div#galery.slider div.thumbs_navigation_mask {
	position:absolute; height:135px; width:64px; z-index:98;
	background:#000; filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
div#galery.slider div#thumbs_navigation_first_mask {
	left:0; }
div#galery.slider div#thumbs_navigation_last_mask {
	right:0; }
div#galery.slider a.navigation {
	display:block; height:135px; width:32px; position:absolute; z-index:99; background:none; text-decoration:none; }
div#galery.slider a#thumbs_first {
	left:0; background:url(../image/icons_navigation.png) no-repeat 0 51px; }
div#galery.slider a#thumbs_previous {
	left:32px; background:url(../image/icons_navigation.png) no-repeat -32px 51px; }
div#galery.slider a#thumbs_next {
	right:32px; background: url(../image/icons_navigation.png) no-repeat -64px 51px; }
div#galery.slider a#thumbs_last {
	right:0; background: url(../image/icons_navigation.png) no-repeat -96px 51px; }
div#galery.slider ul#thumbs {
	position:absolute; width:10000px; }
div#galery.slider ul#thumbs li {
	display:block; width:125px; height:125px; float:left; margin:5px; }
div#galery.slider ul#thumbs li.no_thumb {
	background:#000 url(../image/no_thumb.jpg); filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
	
div#wide_viewer {
	position:absolute; width:100%; top:0; left:0; bottom:170px; }
div#wide_viewer div.wide_viewer_mask {
	position:absolute; width:100%; top:0; left:0; bottom:0; z-index:90;
	background:#000; filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
div#wide_viewer div.wide_viewer_content {
	position:absolute; width:100%; top:15px; left:0; bottom:0; z-index:92;}
div#wide_viewer div.wide_viewer_content #wide_viewer_image {
	position:relative; width:70%; float:left; text-align:center; 
	border-right:1px dotted #ccc; }
div#wide_viewer div.wide_viewer_content #wide_viewer_image img#wide_viewer_image_file {
	position:relative; border:1px solid #ccc; }
div#wide_viewer div.wide_viewer_content div#wide_viewer_navigation {
	height:32px; width:100%; border-bottom:1px dotted #ccc; padding-bottom:10px; }
div#wide_viewer div.wide_viewer_content a.navigation {
	display:block; float:left; height:32px; width:32px; }
div#wide_viewer div.wide_viewer_content a#wide_viewer_navigation_previous {
	background:url(../image/icons_navigation.png) no-repeat -32px 0; }
div#wide_viewer div.wide_viewer_content a#wide_viewer_navigation_next {
	background:url(../image/icons_navigation.png) no-repeat -64px 0; }
div#wide_viewer div.wide_viewer_content a#wide_viewer_navigation_close {
	position:absolute; top:0; right:0; background:url(../image/icons_navigation.png) no-repeat -128px 0; }
div#wide_viewer div.wide_viewer_content #wide_viewer_text {
	position:relative; width:28%; float:left; padding-left:10px; }
div#wide_viewer div.wide_viewer_content #wide_viewer_text #wide_viewer_title {
	position:relative; width:100%; margin:8px 0 15px 0; font-size:20px; color:#fff; }
div#wide_viewer div.wide_viewer_content #wide_viewer_text #wide_viewer_desc {
	position:relative; 
	font-size:16px; color:#ddd;}
div#wide_viewer div.wide_viewer_content #wide_viewer_text #wide_viewer_links {
	font-size:12px; }
div#wide_viewer div.wide_viewer_content #wide_viewer_text #wide_viewer_links a {
	background:url(../image/icons_footer.png) no-repeat 0 -41px; color:#aaa; padding-left:25px; }
div#wide_viewer div.wide_viewer_content #wide_viewer_text #wide_viewer_sizes {
	background:url(../image/icons_galery.png) no-repeat; font-size:12px; padding-left:25px; margin-bottom:15px; }	
div#wide_viewer div.wide_viewer_content #wide_viewer_text #wide_viewer_sizes a {
	color:#aaa; margin-right:5px;}
	
/* Contact */

div#contact {
	width:600px; margin:0 auto; }
div#contact h2 {
	text-align:center; font-size:20px; margin-bottom:15px; }
.form .mandatory {
	color:#f55;}
.form .form_field, .form .form_buttons {
	margin-bottom:15px; }
.form .form_buttons {
	text-align:center; }
.form .label_field {
	display:block; float:left; width:300px; border-top:1px dotted #ccc;}
.form .input_simple {
	width:290px; padding:2px; }
.form .input_area {
	width:290px; height:150px; padding:2px; }
.form .input_simple, .form .input_area {
	font-family:"Trebuchet MS",Helvetica,sans-serif; font-size:14px;
	background:#333; color:#ccc; border:1px solid #ccc; }
.form .input_simple:hover, .form .input_area:hover {
	border:1px solid #fff; color:#fff; }
.form .input_simple:focus, .form .input_area:focus {
	background:#555; border:1px solid #fff; color:#fff; }
.form .form_radios {
	}
.form .form_radios li{
	display:block; float:left; width:150px; }
.form .radio {
	margin-right:5px; }
.form .button_submit {
	width:120px; font-size:16px; background:#333; border:1px solid #ccc; color:#ccc; }
.form .button_submit:hover {
	border:1px solid #fff; color:#fff; }
.form .button_submit:active {
	background:#555; }
.form .info {
	margin-bottom:20px; text-align:justify; }
.form .errors {
	border:1px solid #f55; color:#f99; padding:5px 10px; margin-bottom:15px; text-align:justify; }
.form .success {
	border:1px solid #5f5; color:#9f9; padding:5px 10px; margin-bottom:15px; text-align:justify; }
	
/* Rights */

div#rights {
	width:70%; margin:0 14%; }
div#rights h2 {
	text-align:center; font-size:20px; }
div#rights h3 {
	font-size:18px; margin:15px 0; }
div#rights p {
	text-align:justify; font-size:16px; margin-bottom:5px; }
div#rights p.image {
	text-align:center}

/* Author */

div#author {
	width:70%; margin:0 14%; }
div#author h2 {
	text-align:center; font-size:20px; margin-bottom:15px; }
div#author p {
	text-align:justify; font-size:16px; margin-bottom:15px; margin-left:285px; }
div#author img.portrait {
	border:15px solid #ccc; width:240px; height:360px; float:left; margin-right:15px; }