@charset "UTF-8";
/* Basics */ 
body {color:#eee;background:#000 url(img/bg.jpg) repeat-y top left;
font-family:Trebuchet MS, Helvetica, sans-serif;margin:0;padding:0}
table {border-collapse:collapse}
img, a {border:none}
a {color:#999;text-decoration:none}
a:hover {text-decoration:underline}
textarea {resize:none;overflow:auto}
.clearfix {display: inline-block;}
.clearfix:after {content: " ";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix {display: block;}

/* Main Layout */
#main {background: #000 url(img/main.jpg) no-repeat;position:absolute;top:0px;left:0px;height:700px;width:960px;}
.content {position:absolute;left:333px;top:0px;height:600px;width:580px}
.footer {color:#cc0;font-size:11px;position:absolute;top:606px;left:55px;}
#logo {position:absolute;top:0px;left:0px;height:285px;width:332px}
#logo a {display:block;width:332px;height:285px}
#flames {position:absolute;left:153px;top:74px;}

/* Nav */
.nav {width:180px;height:39px;position:absolute;top:286px;left:26px;}
.nav a {display:block;height:39px;cursor:pointer}
#nav0 {top:37px;left:190px;width:90px;}
#nav0:hover {background:url(img/nav.jpg) 0 -296px;}
#nav1:hover {background:url(img/nav.jpg) 0 -13px;}
#nav2 {top:324px}
#nav2:hover {background:url(img/nav.jpg) 0 -51px;}
#nav3 {top:362px}
#nav3:hover {background:url(img/nav.jpg) 0 -89px;}
#nav4 {top:400px}
#nav4:hover {background:url(img/nav.jpg) 0 -127px;}
#nav5 {top:438px}
#nav5:hover {background:url(img/nav.jpg) 0 -165px;}
#nav6 {top:476px}
#nav6:hover {background:url(img/nav.jpg) 0 -203px;}
#nav7 {top:514px}
#nav7:hover {background:url(img/nav.jpg) 0 -241px;}

/* Light Box */
#lboxDiv {overflow:hidden;
filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity: 0.80;opacity: 0.80;
background-color:#000;z-index:9999998;position:absolute;top:0%;left:0%;display:none;}
#lboxTable {overflow:hidden;position:absolute;top:0;left:0;display:none;z-index:9999999;}
a#closeBtnTxt,a#closeBtn {text-decoration:none;color:#fff;display:block;float:right;font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif;margin:0 0 4px 0;vertical-align:bottom;}
a#closeBtnTxt:hover {text-decoration:underline;}
a#closeBtn {padding:0px 1px;margin:1px 0 0 4px;line-height:1em;border:1px solid #fff;text-decoration:none}
a#closeBtn:hover {text-decoration:none;color:#bbb;border-color:#bbb}
#imgCaption {font-size:13px}
#imgCell img {border:2px solid #666;cursor:pointer}
#lboxTableInner {margin:0 auto;}
a.btn {width:280px;height:26px;font-size:15px;margin:4px auto;font-weight:bold;background-color:#999999;border:1px outset #ccc!important;display:block;color:#000!important;padding-top:5px;letter-spacing:0.05em}
a.btn:hover,a.btn:active,a.btn:focus {color:#a00!important;text-decoration:none!important}

/* Text Styles */
.ktext {font-size: 14px; padding: 15px 20px 20px;width:520px; height:540px;overflow-y:hidden;overflow-y:auto;margin:15px 10px 20px 10px}
.content h1,.ktext h1 {font-size: 22px; font-weight: bold; text-transform:uppercase;margin: -13px 0 5px 0; padding:4px 4px 4px 8px; color: #fff; letter-spacing:0.2em;text-align:center}
.content h1 {margin: 10px 0 -5px 0}
.ktext h2 {font-size: 16px; font-weight: normal; text-transform:uppercase;margin:6px 0 0 0;padding:4px 4px 6px 0px; letter-spacing:0.15em;}
.ktext p {padding:5px 0 3px 0;margin: 5px 0 0 0;line-height:1.4em;clear:both}
.ktext a {text-decoration: none; border-bottom: 1px dashed #f00; color: #f00}
.ktext a:hover {text-decoration: underline}

/* Home Page */
.sec {float:right;display:block;width:260px;}
.sec .ktext{height:280px; overflow:hidden;font-size:13px;padding:0px 20px 26px 20px;}
.sec .ktext p {margin-left:-13px;line-height:1.3em;margin-top:0}
.sec a {margin-left:-13px;padding-left:0;}
.sec a.more {display:inline;margin-left:0}
.sec h2 {padding:0px 0px 2px 0!important; margin: 0px 0 0px -14px!important;width:222px}
.sec1 {left:368px;height:295px;width:380px}
.sec1 .ktext {width:240px;font-size:14px}
.sec1 h2 {width:360px}
.sec2 {top:280px;left:330px;width:352px;height:280px}
.sec2 h2 {width:316px !important;padding-left:25px!important}
.sec3 {left:630px;}
.sec3 h2 {width:264px !important}
.sec4 {top:284px;left:693px;}
.sec4 .ktext {width:170px;}
.sec4 .ktext p {color:#666;font-size:16px;font-weight:bold;line-height:23px;letter-spacing:0.05em;padding-top:10px}
a.more {white-space:nowrap}
#fireplace img {width:215px;margin:-6px 0 0 6px;clip:rect(7px 250px 234px 11px);position:absolute}

/* Who is Krampus Page */
img.right,img.left {border:1px solid #666;display:block;cursor:pointer}
img.left {float:left;margin:2px 8px -3px 0}
img.right {float:right;margin:2px 10px 0 4px;}

/* Free E-cards Page*/
#cardSetContainer {overflow:hidden;width:532px;height:170px;margin:5px 0 0 1px;text-align:center;}
#cardSet {display:inline-block;overflow:visible;text-align:center}

.ecard {float:left;margin:10px 5px 0px 0px;display:inline-block}
.ecard img{margin:0;cursor:pointer;border:3px solid #900}
.ecard.rotate {margin:10px 5px 40px 0px}
.hover img,.ecard-selected img{border:3px solid #f90;}
.checked {width:33px;height:35px;font-size:20px;padding:0;line-height:.8em;display:none;margin:3px 0 0 3px;background:transparent url(img/checkmark.png) 0 0;position:absolute;color:#fff; }
.ecard-selected .checked{display:block}
#msg {height:110px;width:498px;margin-bottom:10px;font-family:Trebuchet MS,Helvetica,sans-serif;color:#eee;background-color:#000;border:1px dashed #c00;padding:10px;font-size:15px}
a#goback,a#update {z-index:2;font-size:13px;color:#fff;display:block;width:440px;margin: 0 auto;text-align:center;border:0}
a#update.short {width:300px;}
a#goback {width:180px;float:left;display:none}

/* E-card Page */
.ecardbody {left:327px;width:auto;overflow:hidden;height:620px;}
.cardhead img {margin:15px 0 0 0;cursor:pointer;border:1px solid #666}
.cardhead {overflow:hidden;padding:0;width:560px;text-align:center;margin-top:6px;height:600px}
.cardhead h1 {width:513px;margin:0 auto;font-variant:normal;text-transform:none}
.editbtn {height:14px!important;font-size:12px!important;width:190px!important;line-height:1em;float:left;margin:0 -10px 0 120px!important;padding:0 4px 4px 4px}
#shareBtn {margin:0 0px -10px 20px!important;width:110px!important}
#share {left:512px;top:560px;position:absolute;width:400px;}
#show_msg {height:60px;width:507px;padding:10px;margin:10px auto;overflow:auto;text-align:left;}
#ieMsg {display:none}

/* Gallery Page */
.controls {position:absolute;width:570px;height:20px;overflow:hidden;font-size:14px;margin:0px 0 -14px 0;}
.controls a {color:#c66;text-decoration:underline}
.controls a:hover {color:#c00}
.nav-controls {float:right;width:310px;margin-right:39px;}
.nav-controls .next {float:right;}
.nav-controls .prev {float:left;}
.ss-controls {float:left;width:150px;margin-left:36px}
.bottom-pagination {display:none}
#slideshow-container {position: relative;clear: both;top:17px;height: 513px;width:317px;left:224px}
#slideshow a {text-decoration:none;}
#slideshow img {position:absolute;top:0px;left:0px;border:1px solid #ccc;height:auto;width:300px}
#thumbs {position:absolute;left:14px;top:50px;width:200px;overflow:hidden;font-size:11px}
ul.thumbs {list-style:none;margin:0px;width:200px;padding:0}
ul.thumbs li {display:block;float:left;width:36px;height:56px;overflow:hidden;margin:3px;border:1px solid #000}
ul.thumbs li img {height:56px}
ul.thumbs li.selected {border:1px solid #ff0}
#loading {position: absolute;	top: 0;left: 0;background: url(img/loader.gif) no-repeat center;width: 317px;height: 502px; }
#book {position:absolute;top:410px;left:440px;border:1px dotted #777;text-align:center;padding:2px 4px 0; width:87px;height:119px;z-index:999;}
#book a {font-size:12px; font-weight:normal;line-height:1.2em;color:#c66;}
#book a:hover {text-decoration:none}
#book a img {position:absolute;top:10px;left:-80px;width:70px;border:1px solid #c66}
#book span {text-decoration:underline;color:#800}
a#refresh {position:absolute;top:380px;left:362px;width:200px;z-index:2;font-size:13px;color:#c66;line-height:1em;text-decoration:underline}
a#refresh:hover {color:#c00}