* {margin:0;padding:0;}
body {background:url(../image/mainbg.jpg) #000;color:#fff;font-family:Arial,sans-serif;}

/* common */
.ir {display:block;position:relative;}
.ir span {display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1; color: black; font-size:0}
.clr {float:none;clear:both;width:0;height:0;overflow:hidden; border:none; margin:0; padding: 0;}
.linkhome, .linkhome2, .bg_epidermal-alphabet a.linkhome {position:absolute;left:450px;bottom:0;width:75px;height:100px;z-index:9;text-indent:-999px;overflow:hidden;top:auto;}
.link{position:absolute;bottom:0;width:100px;height:90px;z-index:9;text-indent:-999px;overflow:hidden;top:auto; z-index: 100 }
.linkhome2 {background:url(../image/linkhome.gif) no-repeat;}
.picturepage .back {background:url(../image/linkback.gif) no-repeat; left: -60px;}
.setpage .back {background:url(../image/linkback.gif) no-repeat; left: 0px;}
.bg_zodiac-series .back {background:url(../image/linkback.gif) no-repeat; left: -30px;}
.buy {background:url(../image/linkbuy.gif) no-repeat; left:980px;}
.imglink {position:absolute;text-indent:-999em;overflow:hidden;}

/* ENTRY PAGE */
.enterbg {width:980px;height:672px;margin:0 auto;}
.enterbg span {background:url(../image/enterbg.jpg) no-repeat;}
a.enter {display:block;position:absolute;bottom:20px;left:456px;width:80px;height:85px;z-index:999;text-indent:-999em;overflow:hidden;}

/* HOMEPAGE */
.homebg {width:980px;height:729px;margin:0 auto;}
.homebg span {background:url(../image/homebg.jpg) no-repeat;}
ul.navigation {z-index:999;display:block;position:absolute;top:550px;left:160px;width:800px;height:200px;}
ul.navigation li {display:block;float:left;margin:0 20px 0 0;width:105px;height:120px;overflow:hidden;}
ul.navigation li.artist {margin-right:30px;}
ul.navigation li.contact {margin-right:15px;}
ul.navigation li.links {width:90px;}
ul.navigation li.words {width:95px;margin-right:10px;}
ul.navigation li.orders {width:95px;margin-right:0px;}
ul.navigation li a {display:block;width:100%;height:100%;text-indent:-999em;overflow:hidden;}

/* ARTIST */
.artistbg {width:980px;height:1531px;margin:0 auto;}
.artistbg span {background:url(../image/artistbg.jpg) no-repeat;} 

/* CONTACT */
.contactbg {width:980px;height:847px;margin:0 auto;}
.contactbg span {background:url(../image/contactbg.jpg) no-repeat;} 

/* LINKS */
.linksbg {width:980px;height:783px;margin:0 auto;}
.linksbg span {background:url(../image/linksbg.jpg) no-repeat;} 
.links-content {position:absolute;width:520px;height:432px;top:168px;left:237px;z-index:555;}

/* WORDS */
.wordsbg {width:980px;height:815px;margin:0 auto;}
.wordsbg span {background:url(../image/wordsbg.jpg) no-repeat;} 

/* GALLERY */
.gallerybg {width:980px;height:835px;margin:0 auto;}
.gallerybg span {background:url(../image/gallerybg.jpg) no-repeat;} 
ul.gallery-navigation {z-index:999;display:block;position:absolute;top:270px;left:160px;width:630px;height:380px;overflow:hidden;}
ul.gallery-navigation li {display:block;position:absolute;height:130px;overflow:hidden;}
ul.gallery-navigation li.mystic-harbingers {width:95px;top:40px;height:140px;}
ul.gallery-navigation li.sip-of-midnight {left:96px;top:36px;width:115px;}
ul.gallery-navigation li.fleshly-delights {left:212px;top:5px;width:118px;}
ul.gallery-navigation li.lost-and-found {left:331px;top:5px;width:116px;}
ul.gallery-navigation li.twilit-muse {left:451px;top:36px;width:75px;}
ul.gallery-navigation li.insatiable-destiny {left:527px;top:50px;width:90px;height:140px;}
ul.gallery-navigation li.dreams-of-the-river {top:220px;width:95px;height:140px;}
ul.gallery-navigation li.flora-fauna-fire {left:96px;top:185px;width:115px;}
ul.gallery-navigation li.epidermal-alphabet {left:212px;top:155px;width:88px;height:140px;}
ul.gallery-navigation li.physics-of-form {left:302px;top:170px;width:103px;}
ul.gallery-navigation li.elusive-metaphors {left:406px;top:180px;width:93px;}
ul.gallery-navigation li.zodiac-series {left:500px;top:215px;width:85px;}
ul.gallery-navigation li a {display:block;width:100%;height:100%;text-indent:-999em;overflow:hidden;}

/* GALLERY DETAIL */
.imagebg {width:980px;position:relative;text-align:center;margin:20px auto 100px;padding:0 0 100px;}
.imagebg h1 {padding:30px 0 20px;font-size:30px;font-weight:normal;text-transform:uppercase;}
.imagebg .corner-tl {position:absolute;top:0;left:0;width:320px;height:207px;z-index:-1;background:url(../image/tl.gif) no-repeat;}
.imagebg .corner-tr {position:absolute;top:0;right:0;width:292px;height:218px;z-index:-1;background:url(../image/tr.gif) no-repeat;}
.imagebg .corner-br {position:absolute;bottom:0;right:0;width:290px;height:209px;z-index:-1;background:url(../image/br.gif) no-repeat;}
.imagebg .corner-bl {position:absolute;bottom:0;left:0;width:294px;height:222px;z-index:-1;background:url(../image/bl.gif) no-repeat;}
/*.switcher_container {width:800px;margin:10px auto 30px;}*/
.switcher_container a {padding:5px 5px;cursor:pointer;border:1px solid black;font-size:80px;background:#000;}
.switcher_container a img {border:0;cursor:pointer;}


/*Hynkovo*/

.underConstructionpage div, .bookspage div {width:793px;height:800px;margin:0 auto;background:url(../image/underConstruction.gif) no-repeat;position:relative;}
.underConstructionpage .back {background:url(../image/linkback.gif) no-repeat; left: -30px;}

.bigimg {margin-top: 80px;}

.orderspage {
	text-align: center;
}
.orderspage a{display: block; margin-top: 20px; float: right; width:50px;height:90px; text-indent:-999px; overflow:hidden; z-index: 100; }
.orderspage div{
	margin:0 auto;
	width:760px;
}
div.basketoops{
	width:787px;height:729px;margin:0 auto;background:url(../image/orderpage.gif) no-repeat;position:relative;
	margin-top: 40px;
}

.orderspage a.linkhomeorder{
	display: block;
	margin:0 auto;
	width:75px;height:100px;z-index:9;text-indent:-999px;overflow:hidden;
	float: none;
	margin-top: 20px;
	background:url(../image/linkhome.gif) no-repeat;
}

.orderspage table{
	width: 100%;
}

.orderspage table td{
	text-align: center;
}

.orderspage table{
	margin-top: 20px;
	width: 100%;
	border: 1px solid white;
	border-collapse: collapse;
}
.orderspage th{
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	border-left: 1px dotted white;
}
.orderspage td{
	text-align: center;
	border: 1px dotted white;
}
.orderspage.calcs{
	font-weight: bold;
}
.orderspage .calcs td, .orderspage .calcs th{
	border-top: 3px double white;
}
.orderspage.calcs th{
	text-align: right;
}
.orderspage .calcs th{
	text-align: right;
}

.desc{
	margin: 0 auto 0 auto;
}

.desc .orig{
	float: left;
	font-size: .8em;
}

.desc .size{
	float: right;
	font-size: .7em;
}

.desc .var{
	margin-top: 10px auto 0 auto;
	font-size: 1.6em;
	line-height: 1.6em;
}
.desc table{
	margin:0  auto 0 auto;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
}
.desc table td{
	text-align: center;
	vertical-align: top;
}
.desc table.dsc td{
	position: relative;
}
.desc h2{
	margin-bottom: 1em;
}
.imagebg .thumb_link{
	font-size: 1em;
	color: white;
	text-decoration: none;
 }
 .imagebg a img{
	border:none;
	text-decoration: none;
 }
 .desc p{
	margin-top: 1px;
	 font-size: 1.4em;
	 line-height: 1.4em;
 }
 
 #mask{
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("../image/maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
 }

#basket form{
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	padding: 0px;
	background-color: white;
	color: black;
	margin-top: 3em;
	padding: 1em;
	font-size: .9em;
	width: 476px;
}

#basket fieldset{
	margin: 3px;
}
#basket fieldset{
	float: left;
}

#basket fieldset.chbv div{
	float: left;
	text-align: center;
	margin-right: 10px;
}
#basket fieldset.vars div{
	border: 1px dotted gray;
	margin: 1px;
	padding: 2px;
	float:left;
}
#basket fieldset.vars div.clr{
	border: none;
	margin:0;
	margin-bottom: 1px;
	padding: 0;
}
#basket fieldset.types div{
	width: 50px;
}
#basket fieldset.vars{
	width: 210px;
}
#basket fieldset.vars label{
	display: block;
}
#basket fieldset.sizes{
	width: 240px;
	padding:3px;
}
#basket fieldset.types{
	padding: 5px 18px 5px 12px;
}
#basket .submit{
	float: right;
	/*padding: 10px 30px 0 0;*/
}
#basket  .add, #basket  .remove, #basket  .order{
	border: none;
	color: white;
	padding: 3px;
}
#basket  .remove{
	background-color: red;
	margin: 2px;
}
#basket  .add, #basket  .order{
	background-color: green;
	margin: 2px;
}
#basket table{
	width: 100%;
	border: 1px solid black;
	border-collapse: collapse;
}
#basket th{
	border-bottom: 1px solid black;
	border-left: 1px dotted black;
}
#basket td{
	text-align: center;
	border: 1px dotted black;
}
#basket .calcs{
	font-weight: bold;
}
#basket .calcs td, th{
	border-top: 3px double black;
}
#basket .calcs th{
	text-align: right;
}