/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com 
   Addition by Christian Montoya - www.christianmontoya.net */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h2, h3, h4, h5, h6, pre,
blockquote, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
dd, blockquote {
        margin-left: 1em;
}

ul, li, p, h1 {
	margin: 0;
	padding: 0;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

/* ===================== */
/* = !MY CUSTOMIZATION = */
/* ===================== */


html { font-size:100.01%; }
body { font-size:1em; }
ul {margin: 0;}

/* =============== */
/* = END INITIAL = */
/* =============== */



body {
	font-family: Georgia;
	text-align: center;
	background-color: #fff;
}

img {
	border: none;
}

div, li {
	vertical-align: top;
}

a,
#header #contact a {
	color: #383838;
	text-decoration: none;
	border-bottom: 1px dashed #383838;
}
a:hover {
	background-color:#fdf6de;
	border: none;
}
#container {
	background: url(images/bg.png);
	text-align: center;
	width: 960px;
	height: 700px;
	margin: 10px auto 0 auto;
	background-color: white;
	overflow: hidden;
	vertical-align: top;
}

#vim {
	margin: 100px 0 0 20px;
	display: block;
	text-align: center;
}

img {
	border: none;
}

#loading {
	width: 24px;
	height: 24px;
	margin: 26px auto 0 auto;
	padding: 0;
}

#loader {
	
}

#thumbsxx {
	height: 100px;
	letter-spacing: -4px;
	margin: 10px auto 0 auto;
	font-size: .1em;
	width: 750px;
}

#prev, #next, #thumbs {
	display: -moz-inline-stack;
	display: inline-block;
	letter-spacing: normal;
	overflow: hidden;
	vertical-align: top;
}

#thumbs {
	height: 100px;
	width: 690px;
	position: relative;
}

#prev, #next {
	height: 100px;
	letter-spacing: -4px;
	text-align: center;
	width: 30px;
}

#prev a, #next a {
	display: -moz-inline-stack;
	display: inline-block;
	height: 22px;
	overflow: hidden;
	text-indent: -100em;
	width: 12px;
	border: none;
}

#prev a {
	background: transparent url(images/sprites.png) no-repeat -127px -2px;
	margin: 37px 0 0 2px;
}

#next a {
	background: transparent url(images/sprites.png) no-repeat -142px -2px;
	margin: 37px 0 0 16px;
}

#prev a.arrowoff,
#next a.arrowoff {
	background: white;
}

#thumbs-list {
	background: transparent url(images/sprites.png) repeat-x 0 -90px;
	height: 100px;
	list-style: none;
	position: absolute;
	width: 100000px;
}

#thumbs-list li {
	float: left;
	height: 100px;
	width: 100px;
	margin: 0 48px 0 0;
}

#first-box {
	background: transparent url(images/sprites.png) no-repeat -156px 0;
}

#first-box a,
#first-box a:hover {
	overflow: hidden;
	height: 100px;
	width: 100px;
	text-indent: -100em;
	margin: 0;
	padding: 0;
	display: block;
	background: none;
}

/* ================ */
/* = !SLIDER AREA = */
/* ================ */


#slider {
	display: block;
	height: 10px;
	margin: 0 auto;
	position: relative;
	width: 690px;
}

#knob {
	background: transparent url(images/sprites.png) no-repeat -1px -26px;
	height: 8px;
	left: 38px;
	position: absolute;
	top: 2px;
	width: 23px;
}

/* ================= */
/* = !CONTENT AREA = */
/* ================= */

#content {
	margin: 15px auto 20px auto;
	overflow: hidden;
	width: 690px;
}

#content, 
#content-mask, 
#content #row-1, 
#content #row-2, 
#content #pages-container ul li {
	height: 380px;
}

#content-mask {
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 690px;
}

#pages-container {
	height: 640px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 200000px;
}

#content #row-1, #content #row-2 {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 20000px;
}

#pages-container ul {
}

#content #pages-container ul li {
	width: 690px;
	display: -moz-inline-stack;
	display: inline-block;
	letter-spacing: normal;
	line-height: normal;
	margin: 0 20px 20px 0;
	overflow: hidden;
	padding: 0;
}

#content #pages-container ul li.info {
	letter-spacing: -4px;
	font-size: 1%;
	line-height: 1px;
	overflow: hidden;
}

#content #pages-container ul li.info div div {
	float: left;
	font-size: 12px;
	height: 305px;
	letter-spacing: normal;
	line-height: normal;
	margin: 20px 0 0 0;
	overflow: hidden;
	padding: 0;
	width: 274px;
}

#content #pages-container ul li div div.first {
	margin-right: 142px;
}

.picinset {
	float: right;
	margin: 3px 0 0 7px;
}

#content #pages-container ul li.info div div.first h1 {
	background: transparent url(images/sprites.png) no-repeat -2px 0;
	height: 24px;
	margin: 0 0 30px 0;
	overflow: hidden;
	text-indent: -100em;
	width: 67px;
}

#content #pages-container ul li.info div div h1 {
	background: transparent url(images/sprites.png) no-repeat -74px 0;
	height: 33px;
	margin: 0 0 23px 0;
	overflow: hidden;
	text-indent: -100em;
	width: 51px;
}

#content #pages-container ul li.info div div p {
	margin: 10px 0;
	letter-spacing: .5px;
	line-height: 1.4em;

}

#content #pages-container ul li.movie {
	text-align: center;
}

#content #pages-container ul li.movie div {
	text-align: center;
	width: 480px;
	margin: 0 0 0 106px;
}

#qt1,#qt2,#qt3,#qt4,#qt5,#qt6,#qt7 {display: none;}

#content #pages-container li.cdg #qt3 {
	width: 680px;
	overflow: hidden;
	margin: 0;
}

#content #pages-container li.cdg #qt3 div {
	text-align: left;
	margin: 0 0 0 78px;
	float: left;
	width: 260px;
}

#content #pages-container li.cdg #qt3 div.lastcol {
	float: right;
	margin: 0 78px 0 0;
}

#content #pages-container li.cdg #qt3 h2,
#content #pages-container li #qt2 h2 {
	margin: 0 0 2px 0;
}

#content #pages-container li.cdg #qt3 p,
#content #pages-container li #qt2 p {
	margin: 0 0 17px 0;
}

.showDIV {display:block !important;}
.hideDIV {display:none !important;}

#content #pages-container ul li.movie h2 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 2em;
	font-style: italic;
	letter-spacing: 5px;
}

#content #pages-container ul li.movie object,
#content #pages-container ul li.movie embed {
	margin-bottom: 10px;
}

.smallheader {
	font-size: 1.2em !important;
	letter-spacing: 2px !important;
	margin-bottom: 30px !important;
}

#content #pages-container ul li.movie p {
	font-size: 12px;
	margin-top: 4px;
	letter-spacing: 1px;
}

/* ==================== */
/* = !HEADER - FOOTER = */
/* ==================== */

#header {
	margin: 50px auto 0 auto;
	width: 690px;
	height: 95px;
	letter-spacing: -4px;
}

#header div {
	display: -moz-inline-stack;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}

#header div p,
#header div h1 {
	letter-spacing: normal;
	line-height: normal;
}

#myname {
	height: 95px;
	margin: 5px 0 0 5px;
	padding: 0;
	width: 398px;
}


#myname h1 {
	background: transparent url(images/sprites.png) no-repeat -268px -1px;
	font-size: .1em;
	height: 66px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-indent: -100em;
	width: 398px;
}

#contact {
	height: 95px;
	margin: 0 0 0 25px;
	padding: 0;
	width: 261px;
}

#header #contact p {
	font-size: 1em;
	letter-spacing: 1px;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
}

#header #contact p.sm {
	font-size: .7em;
	margin-top: 15px;
}