﻿@charset "utf-8";
/* CSS Document */
html 
{
    color: #000;
    background: #FFF;
	font-size: 12px;
}
    
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td 
{
    margin: 0;
    padding: 0
}

table 
{
    border-collapse: collapse;
    border-spacing: 0
}
    
address,caption,cite,code,dfn,em,strong,th,var 
{
    font-style: normal;
    font-weight: normal
}

li
{
    list-style: none
}
caption,th
{
    text-align:left
}
h1,h2,h3,h4,h5,h6
{
    font-size:100%;font-weight:normal
}
q:before,q:after
{
    content:''
}
    
abbr,acronym
{
    font-variant:normal
}
/* to preserve line-height and selector appearance */
sup 
{
    vertical-align:text-top
}
sub 
{
    vertical-align:text-bottom
}
input,textarea,select
{
    font-family:inherit;font-size:inherit;font-weight:inherit
}
/*because legend doesn't inherit in IE */
legend
{
    color:#000
}

/* */

*
{
    border:0px solid #eee;margin:0;padding:0;list-style:none
}
*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden;-webkit-text-stroke:1px transparent;}

body{font-family:"Lucida Grande", Arial, sans-serif;font-size:12px;cursor:default;color:#000;overflow:auto;}
h1,h2,.large,.left{font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:30px;}
h2 {color:#fff}
h2,.box div img{padding-bottom:10px}
a{text-decoration:none;color:#000;outline:0}
img{display:block}

ul#sliding-navigation
{
	list-style: none;
	font-size: .75em;
	margin: 10px 0;
	background: url("images/menushadow.png");
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 150px;
	padding: 10px 15px;
	margin: 0;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #fff;
	background: #000;
	border: 1px solid #1a1a1a;
	font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
	color: #fff;
text-transform:uppercase;
	background:#dd0039;
	border-bottom: 1px solid #efefef;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #fff; }
img#logoleft {padding:10px 10px 10px 10px;background:black;}

.menu * {font-size:11px;color:#efefef;}
.menu {float:left;margin-top:50px;}
.menu div{}
.menu #copyright {width:150px;padding:20px 10px;text-align:center;background:#000;}
.menu #menuh1 {}
.menu h1{}
.menu h1 a{font-size:12px;font-weight:bold;}
.menu h1 a:hover{}
.menu ul{width:80px;}
.menu ul.inside {}
.menu li a{display:block;background:#222;padding:10px 0; width:80px;text-align:center;border-bottom:1px solid #000;color:#fff;font-weight:bold;}
.menu li a:hover,li a.cur{color: white;text-decoration:none;background:#333;}
.menu li a.pink {color:red}
ul.under {display:none;}


#txtMain {padding:30 0 0 20;}
#container { margin: 0 auto;padding:0;float:left;width: 800px}
#quescontainer { padding:0 0 0 0; margin: 0 ;float:left;}
#quescontainer table {}
#quescontainerH { border: 0px; padding-top:0px; margin: 0;border: 1px solid #555;}
#slider {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}

#quescontainerH { border: 0px; padding-top:0px; margin: 0;}
#slider {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}


td {font-family:"Lucida Grande", Arial, sans-serif;font-size:12px;}
.txtbox {color: #333333; padding: 5px;border: 1px solid #dadada;margin: 5px;}
.txtbox_focus{color: white;padding: 5px;border: 1px solid #dadada;margin: 5px;background: #00aef8;}
.txtbox_invalid {border: 1px solid red;}
.button{background: white;border: 1px solid #dedede;padding: 3px;font-size:12px;cursor:pointer;}
.button:hover {background: #00aef8;color: white;}


#photos{position:absolute;z-index:90;bottom:41px;right:40px;height:20px;overflow:hidden}
#photos a,#float{z-index:90;height:20px;line-height:20px;text-align:center;width:40px;background:#000 url(gal.gif) -6px 5px no-repeat;cursor:pointer;color:#fff}
#photos a{width:20px;float:left;margin-left:1px;background:#000;font-weight:bold;overflow:hidden}
#photos a:hover,#photos a.cur{background:#fff;color:#000}
#float{display:none;position:absolute}
#float.nxt,#float.prv{display:block}
#float.nxt{background-position:-16px 5px}
#float.prv{background-position:7px 5px}



.NormalTQ, .NormalDisabled
{
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#fff;
	  
   		
}

.IphotoTitle
{
	align: left;
	font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:30px;
	color: #fff; text-transform:uppercase; font-weight: bold;
	padding-bottom: 3px;
}

.pageendTQ
{
	margin: 0 0 50px 0;
}




/* Q's modification */
.titletext
{
	font-family:Arial,sans-serif;font-size:50px;
	color: #fff; text-transform:uppercase; font-weight: bold;letter-spacing:-7px;padding:0;
}

/* For other pages than gallery */
#quescontainer .contenttext
{
	margin:0;line-height:1.5em;padding:15px; font-family:"Lucida Grande", Arial, sans-serif;font-size:11px;color: #919090;border-radius:4px;
}
#quescontainer .contenttext td
{
	font-family:"Lucida Grande", Arial, sans-serif;font-size:11px;color: #333;	
}

#quescontainer .contenttext h3
{
	font-size:12px;
	position:relative;text-transform:uppercase;line-height:20px;
	font-weight:bold;color: #333; opacity: 1;padding:15px 0 3px 0;margin-bottom:5px;border-bottom:1px solid #333;
}
#quescontainer .contenttext h3 span
{
	position:absolute;left:600px;top:20px;background:#000;
	text-align:center;padding:0 5px;white-space:nowrap;display:block;
	color:#fff;font-weight:normal;font-size:10px;
}
#quescontainer .contenttext p
{
	font-family:"Lucida Grande", Arial, sans-serif;font-size:11px;
}

#quescontainer .contentTQ
{
	-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;
	background: none;
	padding: 20 10 0 10;
	color: #fff;
}
#quescontainer .contentTQ:hover
{
	background: rgba(0,0,0,0.7);
}
/*  */



#welcome {text-aling: center;width: 100%;padding: 0px 0 0 0;}
#welcome img {margin: 0 auto;}
#homepagemidpaneoutter {width: 500px;margin:0 auto;}
#homepagemidpaneoutter p {text-align: center;padding: 0 0 0 0; color: #222222;font-family: dearJoe four}
#homepagemidpaneoutter a {text-decoration:underline}
#homepagemidpane {margin:0 auto; float:left;background: rgba(0,0,0,0.4);padding: 5;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
#homepagemidpane img {float:left;}




