@charset "utf-8";
/* CSS Document */
html 
{
    color: #000;

}
    
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: 0px 0px 0px 0px;
    padding: 0px;
}

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:auto;-webkit-text-stroke:1px transparent;}


body{position:relative;font-family:"Lucida Grande", Arial, sans-serif;font-size:20px;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}
a:visited {color:#efefef;}
a.button, a.button:visited {
background: #222 url(overlay.png) repeat-x;
display: inline-block;
padding:5px 10px 6px;
color: #fff;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}


/*.menuAdmin1 {position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:56px;line-height:12px}*/


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#logoleft1 {padding: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;}
#quescontainer { padding:20px 25px; margin: 0;}
#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}


td {font-family:"Lucida Grande", Arial, sans-serif;font-size:16px;}
.txtbox {color: #333333; padding: 5px;border: 1px solid #dadada;margin: 0px;}
.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}

/* .albums {background:#fff;padding:20px} */
.albums {padding:20px}
.albums a {padding:0;margin:0;display:inline}
.albums a img {padding:0;margin:0;display:inline; border: 1px solid #dedede;padding: 5px;margin: 5px;}
.albums a:hover img {background: #00aef8}
.aspimg {padding:0;margin:0;display:inline; border: 1px solid #dedede;padding: 5px;margin: 5px;}
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}


dl{margin:10px 0}
dt,dd p{padding:15px 0 25px 0;display:block;border-top-width:1px;width:500px;}
dt{text-transform:uppercase;padding:0 5px;cursor:pointer;line-height:20px;height:20px;font-weight:bold;width:430px;color:#fff}
dd{height:0px;overflow:hidden;width:440px}
dt {background: #FFF; color: #000;}

.NormalTQ, .NormalDisabled
{
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#919090;
	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;
}


/*For gallery main page*/

.boxgrid{ 
	width: 250px; 
	height: 150px; 
	margin:10px; 
	float:left; 
	background:#161613; 
	border: solid 2px #8399AF; 
	overflow: hidden; 
	position: relative; 
}
.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
}
.boxgrid p{ 
		padding: 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
}
	
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8;
	top: 110px; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.boxcaption p {font-size: 12px;}
.boxcaption p.captionintro {font-weight:bold;padding: 5px;}
.boxcaption a.captionlink {color: #efefef;}
.boxcaption a.captionlink:hover {text-decoration:underline}
/* */

/* for displaying image */
.hinhchuachon { display:inline; border: 1px solid #dedede;padding: 5px;margin: 5px; }
.hinhdachon { display:inline; border: 1px solid #cc0000;padding: 5px;margin: 5px; }


/* 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:20px; 
	font-family:"Lucida Grande", Arial, sans-serif;font-size:12px;color: #919090;border-radius:4px;background:#000;
}
#quescontainer .contenttext td
{
	font-family:"Lucida Grande", Arial, sans-serif;font-size:12px;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:12px;
}

#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 h3 {color: #fff}
#quescontainer .contentTQ p {color: #fff}
#quescontainer .contentTQ td {color: #fff}
#quescontainer .contentTQ:hover
{
}
/*  */

/* Gallery horizontal */
#quescontainerH .contenttext
{
	line-height:1.5em;padding:0; font-family:"Lucida Grande", Arial, sans-serif;font-size:12px;color: #fff;
	background: rgba(0,0,0,0.5);	
}
#quescontainerH .contentTQ
{

	-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;

}

#quescontainerH .contenttext:hover
{
	background: rgba(0,0,0,0.7);
}
/* */

/* For container */
.contenttext dl{margin:10px 0}
.contenttext dt,dd p{padding:15px 0 25px 0;display:block;border-top-width:1px;width:440px}
.contenttext dt{text-transform:uppercase;padding:0 5px;cursor:pointer;line-height:20px;height:20px;font-weight:bold;width:430px}
.contenttext dd{height:0px;overflow:hidden;width:440px}
/* */

/* For gallery */
.gallerygrid {padding: 0px;position:relative;}
.svw {width: 5px; height: 2px; background: #000;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden;
width: 990px; 

border: 5px solid #fff;  
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
list-style-type: none
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin-left: 5%;margin-right: 5%;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
list-style-type: none;
}
.stripTransmitter a{
font: 10px "Lucida Grande", Arial, sans-serif;
text-align: center;
line-height: 22px;
background: #fff;
color: #333;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #000;
color: #fff;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}

/* */





		

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:1920px;
		height:1200px;
		overflow:hidden; 
		}
		
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

#prevBtn, #nextBtn {display:none;}
body {background:black;}