* {	margin: 0; padding: 0; font-size: 100.01%; }
body { position: relative; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.8em; background-attachment: fixed; background-image: url('/i/_blank.gif'); background-color: #fff; color: #666;  }
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 1em; font-weight: normal; margin-bottom: 0.2em; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
p { margin-bottom: 1em; }
table {	font-size: 1em; border-collapse: collapse; border-spacing: 0; }
table th,
table td { vertical-align: top; padding: 0.3em; }
ul,
li {  }
img { border: 0; }
ul { margin-bottom: 0.8em; }
li { margin-left: 1em; }
a, a:link, a:visited { color: #666; }
a:hover { color: #69e; }
input { padding: 0.1em 0.3em;}

.invisible { display: none; }
.hidden { visibility: hidden; }
.clear { clear: both; font-size: 1px; height: 0; }

#xxxContainer {  position: relative; width: 100%; min-width: 860px; min-height: 100%; //height: 100%; position: absolute; left: 0; top: 0;  //height: expression(document.getElementsByTagName('body')[0].offsetHeight < 590 ? '590px' : '100%'); //width: expression(document.getElementsByTagName('body')[0].offsetWidth < 860 ? '860px' : '100%');}
#xxxContent {  height: 500px; width: 850px; position: absolute; top: 50%; margin-top: -250px; left: 50%; margin-left: -425px; overflow: hidden;  }

#Container { position: relative; margin: 40px 20% 0 20%; height: 60%; min-height: 500px; min-width: 600px; //width: expression( document.getElementsByTagName('body')[0].offsetWidth > 1021 ? '100%' : '600px' );}
#Content { max-height: 100%; width: 100%; height: 100%;  //height: expression( document.getElementById('Content').offsetHeight > document.getElementById('Container').offsetHeight ? document.getElementById('Container').offsetHeight + 'px' : '100%' );  }
#ContentWrapper { width: 100%; position: relative; padding-bottom: 70px; }
#ContentWrapper img.bgWrapper { width: 100%; min-width: 100%; }

#Header { position: absolute; top: 0; margin-top: -20px; left: 0; }
#Menu { position: absolute; bottom: 0; font-size:0.8em; margin-bottom: 20px; width: 130%; overflow: hidden; }
#Menu .link, #Menu .currentLink { letter-spacing: 3pt;  }
#Menu .currentLink {  font-style: italic; }
#Menu a, #Menu .currentLink { width: 12%; display: block; float: left; text-decoration: none;  }
#Menu .linkMain { width: 11%; }
#Menu .linkCollection { width: 13%; }
#Menu .linkContacts { width: 12%; }
#Menu .linkArchive { width: 9%; }
#Menu .linkShops { width: 12%; }
#Menu .linkThanks { width: 17%; }
#Menu .linkBlog { width: 8%; }
#Menu .link { position: relative; }
#Menu .wrapper { }
#Menu a .link { margin-right: -3pt; }
#Menu a:hover .wrapper {}
#Menu a { text-decoration: none;  }
#Footer { position: absolute; bottom: 0em; left: 0; width: 100%; height: 50px; }

/* collection */
#CollectionContainer { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; //height: expression(document.getElementById('CollectionWrapper').height + 'px'); }
#CollectionContent { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
#CollectionContainer img { display: none; position: absolute; top: 0; left: 0; width: 100%; }
#CollectionContainer .startOne { display: block; }
#CollectionArrows { position: absolute; left: 0; bottom: 50px; width: 100%; font-style: italic; text-align: center; font-size: 0.8em; }
#Collection3DIcon { position: absolute; left: 0; bottom: -2px; }
#ArrowLeft,
#ArrowRight { cursor: pointer; }
#ArrowLeft { margin-right: 0.4em; padding: 1em; }
#ArrowRight { margin-left: 0.4em; padding: 1em;}
#ArrowLeft, #ArrowRight, #CollectionCounter { display: inline; }

/** archive **/
#ArchiveLinks { font-style: italic; position: absolute; width: 100px; height: 100px; left: 50%; top: 50%; margin-left: -52px; margin-top: -50px; text-align: center; line-height: 200% }
#Contacts { position: absolute; height: 200px; margin-top: -62px; top: 50%; left: 50%; margin-left: -150px; width: 300px; text-align: center; font-style: italic; font-size: 0.85em; line-height: 140%; }

#ThanksLeft,
#ThanksRight { position: absolute; top: 50%; margin-top: -100px; width: 50%; font-style: italic; }
#ThanksLeft { text-align: right; left: 0; padding-right: 1.4em; text-transform: uppercase; }
#ThanksRight { left: 50%; padding-left: 1.4em; }

#Shops { position: absolute; width: 80%; left: 50%; margin-left: -40%; text-align: center; top: 50%; margin-top: -17.8em; }
#Shops .shop { margin-bottom: 2%; }
#Shops b { margin-bottom: 1em; }
#Shops p { font-size: 0.8em; line-height: 140%; }

#Index { position: absolute; left: 50%; top: 50%; margin-top: -2.4em; margin-left: -1.8em; text-transform: uppercase; font-size: 1.2em; letter-spacing: 0.2em; }
#Index a { text-decoration: none; }