/*
Website: www.latienda-folkart.com
Design By: Roberto Garcia - www.negoarte.com
Coding By: JayPurcell.net/web
Last Update: Jay on Friday, February 27th, 3.11am PST
*/


/*------------- GLOBALS -------------*/

html {
	height: 100%;
}

* html a:hover {
	visability: visible;
}

body {
	text-align: left;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

p {margin: 3.0em 0;}

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

.bigtext {
	font-size: 15px;
}


/*------------- NAVIGATION -------------*/

div#nav-home {
	position: absolute;
	width: 71px;
	height: 39px;
	left: 766px;
	top: 32px;
}

/*---- About Us ----*/
.nav-aboutus {
	position: absolute;
	background: url(nav/nav-aboutus-on.gif) no-repeat;
	width: 90px;
	height: 38px;
	left: 467px;
	top: 88px;
	display: block;
}

.nav-aboutus a {
	display: block;
	width: 90px;
	height: 38px;
}

.nav-aboutus img {
	width: 90px;
	height: 38px;
	border: 0px;
}

.nav-aboutus a:hover img {
	visibility: hidden;
}

.nav-aboutus span {
	position: absolute;
	left: 467px;
	top: 88px;
	margin: 0px;
	padding: 0px;
}

/*---- Gallery ----*/
.nav-gallery {
	position: absolute;
	width: 70px;
	height: 38px;
	left: 560px;
	top: 88px;
	background: url(nav/nav-gallery-on.gif);
	display: block;
}

.nav-gallery a {
	display: block;
	width: 70px;
	height: 38px;
}

.nav-gallery img {
	width: 70px;
	height: 38px;
	border: 0px;
}

.nav-gallery a:hover img {
	visibility: hidden;
}

.nav-gallery span {
	position: absolute;
	left: 560px;
	top: 88px;
	margin: 0px;
	padding: 0px;
}
	
/*---- What's New ----*/
.nav-whatsnew {
	position: absolute;
	width: 104px;
	height: 38;
	left: 633px;
	top: 88px;
	background: url(nav/nav-whatsnew-on.gif);
	display: block;
}

.nav-whatsnew a {
	display: block;
	width: 104px;
	height: 38px;
}

.nav-whatsnew img {
	width: 104px;
	height: 38px;
	border: 0px;
}

.nav-whatsnew a:hover img {
	visibility: hidden;
}

.nav-whatsnew span {
	position: absolute;
	left: 633px;
	top: 88px;
	margin: 0px;
	padding: 0px;
}

/*---- Contact Us ----*/
.nav-contactus {
	position: absolute;
	width: 109px;
	height: 38px;
	left: 740px;
	top: 88px;
	background: url(nav/nav-contactus-on.gif);
	display: block;
}

.nav-contactus a {
	display: block;
	width: 109px;
	height: 38px;
}

.nav-contactus img {
	width: 109px;
	height: 38px;
	border: 0px;
}

.nav-contactus a:hover img {
	visibility: hidden;
}

.nav-contactus span {
	position: absolute;
	left: 740px;
	top: 88px;
	margin: 0px;
	padding: 0px;
}


/*------------- INTRO -------------*/

div#intro-background {
	position: fixed;
	background-image: url(intro/intro-background.gif);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

div#intro-holder {
	position: relative;
	width: 944px;
	height: 100%;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
}

div#intro-header {
	position: absolute;
	width: 944px;
	height: 282px;
	top: 0px;
	background-image: url(intro/intro-header.png);
}

div#intro-text {
	position: absolute;
	width: 406px;
	height: 384px;
	bottom: 0px;
	background-image: url(intro/intro-text.png);
}

div#intro-graphic {
	position: absolute;
	width: 538px;
	height: 384px;
	bottom: 0px;
	right: 0px;
	background-image: url(intro/intro-graphic.png);
}

div#intro-header a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

div#intro-header a h1 {
	display: none;
}

div#intro-text a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

div#intro-text a h1 {
	display: none;
}

div#intro-graphic a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

div#intro-graphic a h1 {
	display: none;
}


/*------------- HOME -------------*/

div#home-background {
	position: fixed;
	background-image: url(home/home-background.gif);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

div#home-holder {
	position: relative;
	width: 1100px;
	height: 100%;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
}

div#home-header {
	position: absolute;
	width: 1100px;
	height: 228px;
	top: 0px;
	background-image: url(home/home-header.png);
}

div#home-text {
	position: absolute;
	width: 401px;
	height: 438px;
	left: 0px;
	bottom: -80px;
	background-image: url(home/home-text.png);
}

.home-texthtml {
	position: absolute;
	left: 195px;
	top: 63px;
	width: 190px;
	height: auto;
}

div#home-graphic {
	position: absolute;
	width: 727px;
	height: 666px;
	left: 401px;
	bottom: -50px;
	background-image: url(home/home-graphic.png);
}

/*------------- ABOUT US -------------*/

div#aboutus-background {
	position: fixed;
	background-image: url(about/aboutus-background.gif);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	width: 100%;
	height: 100%;
	overflow: auto;
}

div#aboutus-ourhistorytitle {
	position: absolute;
	left: 450px;
	top: 250px;
	width: 380px;
	height: 88px;
	background-image: url(about/aboutus-ourhistorytitle.png);
}

div#aboutus-text {
	position: absolute;
	top: 350px;
	left: 450px;
	width: 380px;
	height: auto;
}

div#aboutus-text-02 {
	position: absolute;
	top: 780px;
	left: 200px;
	width: 420px;
	height: auto;
}

div#aboutus-graphic-01 {
	position: absolute;
	width: 190px;
	height: 502px;
	left: 200px;
	top: 250px;
	background-image: url(about/aboutus-clock.png);
}

div#aboutus-graphic-02 {
	position: absolute;
	width: 450px;
	height: 356px;
	top: 700px;
	left: 600px;
	background-image: url(about/aboutus-chest.png);
}


/*------------- GALLERY -------------*/

div#gallery-background {
	position: fixed;
	background-image: url(gallery/gallery-background.gif);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	width: 100%;
	height: 100%;
	overflow: auto;
}

div#gallery-viewer {
	position: absolute;
	width: 900px;
	height: 1113px;
	top: 30%;
	left: 100px;
	background-image: url(gallery/gallery-viewerbackground.png);
}

.gallery-viewer-nav {
	position: absolute;
	font-size: 15px;
	font-weight: bold;
	color: #CCCCCC;
	width: 900px;
	text-align: center;
	top: 910px;
}

/*------------- WHAT'S NEW -------------*/

div#whatsnew-background {
	position: fixed;
	background-image: url(whatsnew/whatsnew-background.gif);
	background-repeat: repeat-y;
	background-position: 50% 0%;
	width: 100%;
	height: 100%;
	overflow: auto;
}

div#whatsnew-contentbackground {
	position: absolute;
	width: 1021px;
	height: 1285px;
	top: 100px;
	left: 130px;
	background-image: url(whatsnew/whatsnew-contentbackground.png);
}

div#whatsnew-sales-content {
	position: absolute;
	width: 450px;
	height: 120px;
	top: 800px;
	left: 350px;
}

div#whatsnew-events-content {
	position: absolute;
	width: 500px;
	height: 200px;
	top: 975px;
	left: 320px;
}

/*---- What's New Images ----*/

div#whatsnew-img-01 {
	position: absolute;
	top: 265px;
	left: 386px;
}

div#whatsnew-img-02 {
	position: absolute;
	top: 266px;
	left: 487px;
}

div#whatsnew-img-03 {
	position: absolute;
	top: 272px;
	left: 702px;
}

div#whatsnew-img-04 {
	position: absolute;
	top: 407px;
	left: 374px;
}

div#whatsnew-img-05 {
	position: absolute;
	top: 409px;
	left: 476px;
}

div#whatsnew-img-06 {
	position: absolute;
	top: 408px;
	left: 585px;
}

div#whatsnew-img-07 {
	position: absolute;
	top: 410px;
	left: 725px;
}

div#whatsnew-img-08 {
	position: absolute;
	top: 515px;
	left: 422px;
}

div#whatsnew-img-09 {
	position: absolute;
	top: 541px;
	left: 540px;
}

div#whatsnew-img-10 {
	position: absolute;
	top: 536px;
	left: 652px;
}

div#whatsnew-img-11 {
	position: absolute;
	top: 681px;
	left: 370px;
}

div#whatsnew-img-12 {
	position: absolute;
	top: 667px;
	left: 487px;
}

div#whatsnew-img-13 {
	position: absolute;
	top: 680px;
	left: 589px;
}

/*------------- CONTACT US -------------*/

div#contactus-background {
	position: fixed;
	background-image: url(contact/contactus-background.gif);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	width: 100%;
	height: 100%;
	overflow: auto;
}

div#contactus-graphic {
	position: absolute;
	width: 681px;
	height: 480px;
	left: 401px;
	bottom: 0px;
	background-image: url(contact/contactus-graphic.png);
}

div#contactus-text {
	position: absolute;
	width: auto;
	height: auto;
	top: 300px;
	left: 200px;
}