cuty/* BIG RESET LINE */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,center,u,b,i{ margin:0; padding:0;border:0;outline:0; font-weight:normal; font-style:normal; font-size:100%; font-family:inherit; vertical-align:baseline}body{ line-height:1}:focus{ outline:0}ol,ul{ list-style:none}table{ border-collapse:collapse; border-spacing:0}blockquote:before,blockquote:after,q:before,q:after{ content:""}blockquote,q{ quotes:""""}input,textarea{ margin:0; padding:0}hr{ margin:0; padding:0; border:0; color:#000; background-color:#000; height:1px}a{ color:#000;text-decoration:none}

/* INITIAL SETTINGS */
html,body {
	background:#dad4ce;
	height:100%;
	font-family: Garamond, Times, serif;
	overflow:hidden;
}

/* CLOUDS*/
div#nubes {
	height:100%;
	position:absolute;
	overflow:hidden;
	top:0; left:0;
	width:100%;
	z-index:1
}
	div#nubes div.nube {
		width:100%; 
		height:100%;		
		display:block;
		background:url(../img/clouds.png) repeat-x left top;
	}

/* CITY */
#city.object {
	background: url(../img/city.png) repeat-x bottom left;
	bottom:0; left:0;
	width:100%;
	height:100%;
	z-index:1
}
	
/* MENU */	
ul#navi {
	background:url(../img/menu.png) no-repeat top left;
	width:88px; height:340px;
	padding:57px 0 0;
	bottom:0px; left:800px;
	z-index:3
}
	ul#navi li {
		background:url(../img/spritemenu.png) no-repeat;
		width:60px; height:60px;
		margin-left:15px
	}
		ul#navi li a {
			display:block;
			height:60px;
			text-indent:-10000px;
			width:60px;
		}
			ul#navi li a:hover span{
				display:block
			}
		ul#navi li a:hover {
			width:127px;
			text-indent:0;
			padding: 0px 0px 5px 56px;
		}
			ul#navi li a:hover span{
				background: url(../img/menuHover.png) no-repeat top left;
				display:block;
				z-index:20;
				height:45px;
				width:100px;
				font-size:13px;
				padding: 7px 10px 8px 25px;
				font-weight:bold;
			}
				ul#navi li a:hover span em{
					color:#212021;
					display:block;
					font-size:15px;
					font-weight:bold;
				}
			
	ul#navi li#home {
		background-position:0 0;
	}
	ul#navi li#home:hover {
		background-position:-59px 0;
	}	
	ul#navi li#gallery{
		background-position:0 -60px;
	}
	ul#navi li#gallery:hover {
		background-position:-59px -60px;
	}
	ul#navi li#about{
		background-position:0 -120px;
	}
	ul#navi li#about:hover {
		background-position:-59px -120px;
	}
	ul#navi li#blog{
		background-position:0 -183px;
	}
	ul#navi li#blog:hover {
		background-position:-59px -183px;
	}
	ul#navi li#contact{
		background-position:0 -244px;
	}
	ul#navi li#contact:hover {
		background-position:-59px -244px;
	}
		
/* TOP BAR */
div#bar {
	bottom:0; left:0;
	background: #242323 url(../img/bar.gif) repeat-x top left;
	height:30px;
	text-align:right;
	position:fixed;
	width:100%;
	z-index:4
}
	div#bar h1 {
		background: url(../img/tamyadore.png) no-repeat center;
		text-indent:-10000px;
		text-align:left;
		margin-left: 15px;
		width:138px; 
		height:30px;
	}
	

	div#bar ul {
		margin-right: 15px;
		position:absolute;
		right:0; top:0;
		width:400px;
		height:30px;
		text-align:right;
		display:block;
	}
		div#bar ul li {
			float:right;
		}
			div#bar ul li ul {
				width:80px;
				margin-left:25px;
				position:static;
			}
				div#bar ul li ul li {
					width:10px;
					margin:0 3px;
					background:none;
					position:relative;
					display:block;
					float:left;
				}
					div#bar ul li ul li > a {
						width:10px;
						background-position: center top;
						margin:10px 0 0;
						text-indent:-10000px;
						display:block;
						text-align:left;
						height:10px;
					}
					div#bar ul li ul li a.play {
						background: url(../img/play.png) no-repeat
					}
					div#bar ul li ul li:hover a.play {
						background-position: 0 -14px
					}
					div#bar ul li ul li a.pause {
						background: url(../img/pause.png) no-repeat
					}
					div#bar ul li ul li:hover a.pause {
						background-position: 0 -14px
					}
					div#bar ul li ul li a.info {
						background: url(../img/info.png) no-repeat
					}
					div#bar ul li ul li:hover a.info {
						background-position: 0 -14px
					}
				
				div#bar ul li ul li div.balloon {
					display:none;
				}
				div#bar ul li ul li:hover div.balloon {
					background: url(../img/luan.png) no-repeat;
					position:absolute;
					top:-85px;
					left:-55px;
					width:100px; height:25px;
					padding:30px 10px 37px;
					display:block;
					text-align:center;					
					font-size:16px;
				}

	div#bar div#buttons {
		padding-top:8px
	}
		div#bar div#buttons a.on {
			display:none;
			margin:auto
		}
		div#bar div#buttons a.off {
			display:block;
		}


/* WELCOME SCREEN */
div#welcomeScreen {
	width:100%;
	height:100%;
	text-indent:-9000px;
	background: url(../img/loading.png) no-repeat center;
	position:absolute;
	top:0; left:0
}

/* GENERAL */
div#mask {
	width:100%;
	height:100%;
	overflow:auto;
	position:relative;
}
div.page {
	background:#d5d3cc url(../img/sky.png) repeat-x left bottom;
	width:100%;
	height:100%;
	position:absolute;
	top:0; left:0;
	display:none;
	overflow:auto;
	z-index:2
}
.object {
	display:block;
	position:absolute;
	z-index:2
}	
	
/* START PAGE */
div#pageStart {
}
	div#pageStart #sign.object {
		background:url(../img/homesign.png) no-repeat left top;
		width:554px; height:186px;
		padding:320px 20px 0;
		left: 234px; bottom:0;	
	}
		div#pageStart #sign.object div#last h4,
		div#pageStart #sign.object div#last,
		div#pageStart #sign.object div#twitter h4,
		div#pageStart #sign.object div#twitter {
			background:url(../img/homebox.png) no-repeat left top;
		}
		
		div#pageStart #sign.object div#last {
			background-position: 0 6px;
			position:absolute;
			width:173px;	
			padding:7px 5px 5px;
			text-align: center;
			top: 415px; left:60px
		}
		div#pageStart #sign.object div#last h4 {
			position:absolute;
			background-position:-184px -7px;
			bottom:-30px; left:0;
			width:70px;	
			padding-top:15px;
			padding-left:112px;
			text-align:left;
		}		
			div#pageStart #sign.object div#last h4 a {
				color:#766c63;
			}		
			div#pageStart #sign.object div#last span.song {
				display:block;
				color: #212021;
				font-size:15px;
				text-transform: lowercase;
			}
			div#pageStart #sign.object div#last span.time {
				display: block;
				text-transform: lowercase;
				font-size:6px;
				color: #404040;
				font-family: sans-serif;
			}

		div#pageStart #sign.object div#twitter {
			padding:5px;
			position:absolute;
			left:60px;
			top: 310px;
			text-align:center;
			width:173px;		
		}
			div#pageStart #sign.object div#twitter p {
				font-size:15px;
				margin:0;
				height:100%;
			}
			div#pageStart #sign.object div#twitter h4 {
				position:absolute;
				background-position:-184px top;
				bottom:-30px; left:0;
				width:92px;	
				padding-top:15px;
				padding-left:90px;
				text-align:left;	
				font-size:15px;
				color:#766c63;

			}
				div#pageStart #sign.object div#twitter h4 a {
					font-weight:bold;
					color:#766c63;
				}
		div#pageStart #sign.object h2 {
			color:#404040;
			font-size:36px;
			position:absolute;
			right:120px; top: 15px
		}
		div#pageStart #sign.object h3 {
			color:#404040;
			font-size:14px;
			position:absolute;
			right:122px; top: 48px
		}
		div#pageStart div#slideshow {
			position:absolute;
			top:60px; left:50px
		}
	div#pageStart #building-01.object {
		background:url(../img/buildings/01.png) no-repeat left top;
		width:304px; height:287px;
		left:-40px; bottom:0;
	}
	div#pageStart div#flag.object {
		background:url(../img/flag.png) no-repeat left top;
		width:136px; height:227px;
		left:32px; bottom:287px;				
	}
	div#pageStart div#cat.object {
		background:url(../img/cat.png) no-repeat left top;
		width:147px; height:212px;
		left:110px; bottom:145px;				
	}
		div#pageStart div#cat.object div.tooltip {
		}
	div#pageStart #slideshow {
		position:relative;
		height:240px;
		margin:15px 0 0 15px;
	}
		div#pageStart #slideshow IMG {
			position:absolute;
			top:0;
			left:0;
			z-index:8;
		}
		div#pageStart #slideshow IMG.active {
			z-index:10;
		}
		div#pageStart #slideshow IMG.last-active {
			z-index:9;
		}

/* ABOUT */
div#pageAbout {
	
}
	div#pageAbout ul#navi {
		left:80px;
		z-index:21
	}
	div#pageAbout p#bio.object {
		background: url(../img/aboutsign.png) no-repeat left top;
		width:270px; height:335px;
		padding:70px 20px 120px;
		z-index:20;
		bottom:0; left:175px;
		color:#000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:17px;
		font-weight:bold;
		text-align:center;							
	}
		div#pageAbout p#bio.object span {
			color:#484746;
			display:block;
			font-size:14px;
			margin:10px 0 20px							
		}

	div#pageAbout ul.social {
		bottom:130px; left:270px;
		text-align:center;
		width:279px;
		z-index:22;
	}
		div#pageAbout ul.social li {
			float:left;
			margin:0px 2px;
			display:block; 
		}
		div#pageAbout ul.social li a.link {
			display:none
		}
		div#pageAbout ul.social li a.button {
			background:url(../img/social.png) no-repeat;
			display:block; 
			text-indent:-100000px;
			width:26px; height:26px;
		}
		div#pageAbout ul.social li:hover a.link{
			display:block;
			font-weight:bold;
			color:#766c63;
			width:114px;
			text-align:center;
			position:absolute;
			top:-20px; left:0
		}
		div#pageAbout ul.social li#last a.button {
			background-position:-31px 0
		}
		div#pageAbout ul.social li#last:hover a.button {
			background-position:-31px -26px;
		}
		div#pageAbout ul.social li#flickr a.button {
			background-position:0 0
		}
		div#pageAbout ul.social li#flickr:hover a.button {
			background-position:0 -26px;
		}
		div#pageAbout ul.social li#readernaut a.button {
			background-position:-61px 0
		}
		div#pageAbout ul.social li#readernaut:hover a.button {
			background-position:-61px -26px;
		}
		div#pageAbout ul.social li#twitter a.button {
			background-position:-92px 0
		}
		div#pageAbout ul.social li#twitter:hover a.button {
			background-position:-92px -26px;
		}
			div#pageAbout ul.social li a.link {
				font-size:15px
			}

	div#pageAbout div#building-02.object {
		background:url(../img/buildings/02.png) no-repeat left top;
		width:602px; height:218px;
		left:300px; bottom:0;
		z-index:21	
	}
	div#pageAbout div#bird.object {
		width:133px; height:150px;
		background:url(../img/bird.png) no-repeat;
		bottom:179px; left:550px;
		z-index:22
	}
		div#pageAbout div#bird.object div#bird-hat {
			width:50px; height:36px;
			background:url(../img/bird-hat.png) no-repeat top right;
			top:-10px; left:0px;
			padding-left:20px;
		}
			
/* GALLERY PAGE */
div#pageGallery div#building-03.object {
	background:url(../img/buildings/03.png) no-repeat top right;
	bottom:0; right:0;
	width:99px; height:604px;
	z-index:3
}
div#pageGallery div#building-04.object {
	background:url(../img/buildings/04.png) no-repeat top right;
	bottom:0; left:0;
	width:99px; height:604px;
	z-index:3
}
div#pageGallery div#hint {
	font-size:20px;
	opacity: 0.5;
	bottom:353px;
	left:105px;
}

div#pageGallery ul.galleryNavigation {
	background:url(../img/galleryMenu.png) no-repeat top left;
	width:125px; height:283px;
	padding: 52px 24px 0 5px;
	position:absolute;
	z-index:10;
	right:93px; bottom:80px;
}
	div#pageGallery ul.galleryNavigation li {
		position:relative;
		margin:0 0 2px;
		width:130px;
		height:46px;
		
	}
		div#pageGallery ul.galleryNavigation li h2 {
			height:46px;
			width:130px;
		}
		div#pageGallery ul.galleryNavigation li h2 a {
			color:#a1a0a0;
			width:130px; height:36px;
			padding: 13px 0 0;
			display:block;
			font-size:20px;
			text-align:center; 
		}
		div#pageGallery ul.galleryNavigation li h2 a:hover {
			color:#404040;
		}
		
		div#pageGallery ul.galleryNavigation li h2.active a {
			color:#000;
			font-size:22px;
			position:relative;
			top:-3px;
			font-weight:bold;
		}
			
	/*	gallery con iconos (inactiva) 
		div#pageGallery ul.galleryNavigation li span.icon {
			background: url('../img/galleryMenuIcons.png') no-repeat;		
			display:block;
			position:absolute;
			right:0; top:5px;
			width:33px; height:30px;
		}
	div#pageGallery ul.galleryNavigation li#digital span.icon {
		background-position: -33px 3px	
	}
	div#pageGallery ul.galleryNavigation li#digital h2.active span.icon,
	div#pageGallery ul.galleryNavigation li#digital:hover span.icon {
		background-position: 0 3px	
	}
	
	div#pageGallery ul.galleryNavigation li#traditional span.icon {
		background-position: -33px -141px	
	}
	div#pageGallery ul.galleryNavigation li#traditional h2.active span.icon,
	div#pageGallery ul.galleryNavigation li#traditional:hover span.icon {
		background-position: 0 -141px	
	}
	
	div#pageGallery ul.galleryNavigation li#photography span.icon {
		background-position: -33px -45px	
	}
	div#pageGallery ul.galleryNavigation li#photography h2.active span.icon,
	div#pageGallery ul.galleryNavigation li#photography:hover span.icon {
		background-position: 0 -45px	
	}
	
	div#pageGallery ul.galleryNavigation li#design span.icon {
		background-position: -33px -90px	
	}
	div#pageGallery ul.galleryNavigation li#design h2.active span.icon,
	div#pageGallery ul.galleryNavigation li#design:hover span.icon {
		background-position: 0 -90px	
	}
	
	div#pageGallery ul.galleryNavigation li#web span.icon {
		background-position: -33px -189px	
	}
	div#pageGallery ul.galleryNavigation li#web h2.active span.icon,
	div#pageGallery ul.galleryNavigation li#web:hover span.icon {
		background-position: 0 -189px	
	}
	*/

div#pageGallery div.galleries {
	width:100%;
	height:300px;
	padding:0;
	position:absolute;
	bottom:40px; right:0;
	overflow:hidden;
	background: url('../img/rope.png') repeat-x;
	background-position:0 0px;
	z-index:2
}
	div#pageGallery div.galleries ul {
		position: absolute;
		cursor: move;
		width:5000px;
		height: 300px;
		padding: 10px;
		overflow:hidden;
		right:250px; top:0;
		text-align: center;
	}
		div#pageGallery div.galleries ul li {
			display:block;
			float:right;
			margin:0 10px 0;
			position:relative;
			width:150px
		}
		div#pageGallery div.galleries ul li span.broche {
			background:url(../img/broche.png) no-repeat;
			background-position: 5px 0;
			display:block;
			position:absolute;
			top:-10px;
			height:25px; width:145px;
										
		}
		div#pageGallery div.galleries ul li a {
			margin:0; padding:0;
		}
			div#pageGallery div.galleries ul li a img {
				border:3px solid #fff;
				margin:0;
				width:130px; height:90px;
			}
		div#pageGallery div.galleries ul li div.balloon {
			position:absolute;
			top: 84px;
			left:0
		}	
			div#pageGallery div.galleries ul li div.balloon span.top,
			div#pageGallery div.galleries ul li div.balloon span.bottom,
			div#pageGallery div.galleries ul li div.balloon p {
				opacity:1;
				background: url(../img/galleryBalloon.png) no-repeat top left;  
				width:132px;
				padding: 0 5px 
			}
		
			div#pageGallery div.galleries ul li div.balloon span.top,
			div#pageGallery div.galleries ul li div.balloon span.bottom {
				position:absolute;
				display:block;
			}
			div#pageGallery div.galleries ul li div.balloon span.top {
				top:0;
				background-position:-1px top;
				height:25px;
			}
			div#pageGallery div.galleries ul li div.balloon p {
				background-position:-143px top;
				top:25px;
				color:#4f4b49;
				font-size:14px;
				font-family: Garamond, Times, serif;
				margin:20px 0 0;
				height:auto;
			}			
				div#pageGallery div.galleries ul li div.balloon p a{
					color:#4f4b49;
					font-size:14px;
					text-decoration:underline;
				}			
				div#pageGallery div.galleries ul li div.balloon b {
					/*background: url(../img/galleryBalloonDate.png) no-repeat top left;  */
					width:153px;
					height:10px;
					color:#000;
					font-size:12px;
					padding:5px 0 0;
					position:relative;
					left:-6px;
					margin-bottom:-10px;
					display:block;
				}			
			div#pageGallery div.galleries ul li div.balloon span.bottom {
				background-position:bottom right;
				position:static;
				height:20px;
			}
			div#pageGallery div.galleries ul li div.balloon p.share {
				position:static;
				margin:0;
				padding:20px 0 0;
				width:140px;
			}
				div#pageGallery div.galleries ul li div.balloon p.share span {
					width:120px;
					padding-left: 20px;
					display:block;
					text-align:left;
				}
				div#pageGallery div.galleries ul li div.balloon p.share a.close {
					text-decoration:none;
					width:125px;
					padding-top: 10px;
					text-align:right;
				}
				div#pageGallery div.galleries ul li div.balloon p.share input {
					width:100px;
					font-size:10px;					
				}	
	
	
	
div#pageGallery ul#navi {
	left:0;
	z-index:10
}


/* SHOWCASE */
div#showcase {
	overflow:auto;
}

	div#showcase ul#navi {
		left:0;
		z-index:3
	}
	div#showcase div#item {
		background:#ebe5dd;
		position:absolute;
		bottom:60px;
		border:5px solid #ebe5dd;
		border-bottom:3px solid #ebe5dd;
		border-radius: 5px;  
		-ms-border-radius: 5px;  
		-moz-border-radius: 5px;  
		-webkit-border-radius: 5px;  
		-khtml-border-radius: 5px; 		
		left:110px;
		margin:0; padding:0;
		z-index:2
	}
		div#showcase div#item img {
			max-height:450px
		}
		div#showcase div#item div#share {
			background: #e9e1db;
			opacity:0.7;
			border-radius: 5px;  
			-ms-border-radius: 5px;  
			-moz-border-radius: 5px;  
			-webkit-border-radius: 5px;  
			-khtml-border-radius: 5px; 			
			position:absolute;
			bottom:-35px;
			left:-5px;
			height:25px;
			padding:3px 5px 0;
			width:100%;
		}
			div#showcase div#item div#share input {
				width:300px
			}
		div#showcase div#item div#descr {
			background: #e9e1db;
			opacity:0.7;
			border-radius: 5px;  
			-ms-border-radius: 5px;  
			-moz-border-radius: 5px;  
			-webkit-border-radius: 5px;  
			-khtml-border-radius: 5px; 			
			position:absolute;
			top: -70px;
			left:-5px;
			padding:5px;
			width:100%;
		}
			div#showcase div#item div#descr p {
				padding-top:7px;
			}
				div#showcase div#item div#descr p b {
					font-weight:bold;
				}
			div#showcase div#item div#descr span.pico {
				background:url(../img/showcasebox.png) no-repeat top right;
				position:absolute;
				bottom:-25px; left:40px;
				height:25px; width:50px;
				display:block;
			}

	div#showcase div#item div#xx {
		position:absolute;
		right:-20px;
		height:20px; width:20px;
		background:pink
		
	}
	
	div#showcase div#building-04 {
		background:url(../img/buildings/04.png) no-repeat top right;
		bottom:0; left:0;
		width:99px; height:504px;
		z-index:2
	}