@import url("/css/fensons_reset.css");
@import url("/css/fensons_columns.css");

/* ======== GENERAL TAGS
====================================================== */
body, html {height: 100%;}
body { color: #000; font: 75%/140% "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; background-color: #fff; /*#f3f3f3;*/  }
hr { height: 1px; color: #333; border: 0; border-bottom: 1px dotted #333; margin: 15px 0; }
.cs { border: 1px solid #ff3366; }
h1 { font-size: 1.2em; }
/* ======== SITE STRUCTURE
====================================================== */
#outer {height: 100%; overflow: visible; width: 100%; } /* or without overflow */
#inner {width: 1000px; margin-left: auto; margin-right: auto;}
#outer[id] {display: table; position: static;}
x#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; width: 100%;}
x#inner {position: relative; top: -50%} /* for explorer only */
#inner[id] {position: static;}

#wrapper { width: 1000px; margin: 0 auto; }
#siteholder { z-index: 1; position: relative; width: 1000px; height: 500px; margin: 0 auto; overflow: hidden; }
#about #siteholder { xbackground: url("/gr/02.jpg") 0 2px no-repeat; }

/*====== HEADER
============================================*/
#header { position: absolute; top: 375px; height: 100px; width: 95%; overflow: auto; }
#logo { position: absolute; top: 35px; left: 25px; display: block; background: url("/gr/logo-qiss-qiss-black.png") no-repeat; width: 158px; height: 22px; text-indent: -5000px; }
#nav { position: absolute; top: 55px; width: 350px; margin: 10px 0 0 0; overflow: auto; padding-left: 25px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
#nav a { display: block; float: left; margin-right: 3px; padding: 2px 5px; text-decoration: none; text-transform: uppercase; font-size: 0.8em; color: #fff; }
#nav a:hover { color: #F36; }

/*====== MAIN
============================================*/
#main { overflow: auto; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; width: 300px; margin: 50px auto auto 25px; padding: 10px; color: #fff; }
	#home #main { display: none; }
	#about #main,
	#contact #main { margin: 100px 30px auto auto; width: 400px; height: 250px; }
	#contact-email #main { margin: 50px 30px auto auto; width: 400px; height: 375px; }
	#register #main { width: 475px; height: 320px; margin: 75px auto 0 auto; }
	#wheretobuy #main { margin: 100px 30px auto auto; width: 400px; height: 250px; }
#main a { color: #F36; }

#content { overflow: auto; padding: 10px; }
#content h1 { font-weight: bold; margin-bottom: 10px; }
#content p { margin-bottom: 8px; }

x.quote { color: #cc0000; width: 200px; line-height: 110%; }
x.quote .credit { color: #000; font-size: 1.0em; }
x.left { float: left; margin: 0 0 0 10px; }
x.right { float: right; margin: 0 10px 0 0; }

/*====== FOOTER
============================================*/
#footer { margin: 15px 15px 0 0; color: #999; font-size: 0.8em; text-align: right; line-height: 130%; }
#footer a { color: #666; }

/*====== MISC
============================================*/
.small { font-size: 0.8em; }
input, select { font-size: 0.9em; padding: 2px 0; border: 1px solid #000; width: 95%; }
.button { width: auto; }
textarea { height: 50px; width: 90%; }
strong { font-weight: bold; }

#show-container { position: absolute; width: 1000px; height: 500px; z-index: -150; margin: 0 auto; text-align: center; z-index: -1500px; }
#slideshow { margin: 0 auto; position: relative; border: 1px solid #ccc; border-width: 1px 0; padding: 2px 0; }
#slideshow li { list-style: none; margin: 0; padding: 0; }
#slideshow li img { }
#slideshow .caption { display: none; position: absolute; top: 10px; left: 0; width: 100px; color: #fff; padding: 2px 10px 2px 25px; background-color: #000; filter: alpha(opacity=80); -moz-opacity:0.80; opacity: 0.80; }


#tabcontainer { margin: 10px 0 0 0; color: #666; border-bottom: 1px solid #555 !important; line-height: normal; }
#tablist { padding-left: 2px; margin: 0; font-size: 0.85em; text-transform: uppercase; color: #999; padding-bottom: 3px; }
#tablist li { list-style: none; margin: 0; display: inline; }
#tablist li a { padding: 2px 1em 0 1em; margin-left: 3px; text-decoration: underline; }
#tablist li a:link { color: #888; }
#tablist li a:visited { color: #888; }
#tablist li a:hover { color: #fff; background-color: #000; border-bottom: none; }
#tablist li a#current { color: #fff; border: 1px solid #777; border-bottom: none;  !important; background-color: transparent; text-decoration: none; }