@charset "utf-8";
/* CSS Document */
/* CSS Reseter v1.0 | 20080212 */
/**
|----------------------------------------------------------------------
| Queuezone Network 
| Web Development and Design
| www.queuezone.com
|----------------------------------------------------------------------
| Version: 1.0
| Author: Christian.Chandra
| Created: oct.24.09
| File: css/common.php
|----------------------------------------------------------------------
**/

/*
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}/* remember to define focus styles! *//*:focus {outline: 0;}/* remember to highlight inserts somehow! *//*ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup *//*table {border-collapse: collapse; border-spacing: 0;}
*/

body
{
	background:url('../images/background.jpg') repeat center top fixed;
	font-family:"Arial",Helvetica;
	margin:0 0 0 0;
	padding:0;
	font-size:12px;
}

ol, ul {margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul {list-style: none;}

a,
a:link,
a:visited
{
	color:#721670;
	text-decoration:none;
}

a:hover,
a:focus
{
	color:#9B1E98;
	text-decoration:underline;
}

input{background:#eee;border:1px solid #888}
input:hover,input:focus{border:1px solid #A90EE4}

.tbpeople
{
	margin:0 auto;
	width:95%;
}
.tbpeople td
{
	margin:0;
	padding:5px;
	border:1px solid #666;
	vertical-align:top;
}

#topbar
{
	width:100%;
	height:20px;
	background:url('../images/topbar.jpg') repeat-x;
	text-align:right;
	padding:10px 0px 0 0;
	font-size:11px;
}

#container
{
	width:800px;
	margin:0 auto;
	border-right:1px solid #800080;
	border-left:1px solid #800080;

}
#header
{
	width:800px;
	height:150px;
	background:url('../images/banner.jpg') no-repeat;
}
#warper
{
	width:800px;
	background:url('../images/brick.jpg') repeat-y center top #B67650;
	padding-bottom:10px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#leftnavigation
{
	width:100%;

	padding:0;
	line-height:18px;
	background:#333;
	border-bottom:2px solid #111;
}
/*
#leftnavigation ul
{
	width:600px;
	font-size:12px;
	display:inline;
}

#leftnavigation ul li
{
	height:45px;
	margin-bottom:1px;
	display:inline;
	
}
#leftnavigation ul li a,
#leftnavigation ul li a:link,
#leftnavigation ul li a:visited
{
	color:#fff;
	text-decoration:none;
	padding:15px 0 0 10px
}
#leftnavigation ul li a:hover,
#leftnavigation ul li a:focus
{
	color:#952BFF;
	text-decoration:underline;
}*/

#content
{
	width:700px;
	background:url('../images/bodyback.jpg') repeat-x top #fff;
	margin:0 auto;
	min-height:500px;
  height:auto !important;
  height:500px;
	padding:10px;
	line-height:18px;
	
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-radius-bottomright: 5px;	
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-radius-bottomleft: 5px;	
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	
}
#footer
{
	width:800px;
	height:35px;
	background:url('../images/footer.jpg') no-repeat;
	text-align:center;
	font-size:10px;
	padding:15px 0 0 0;
	line-height:13px;
}

#homenya table
{
	margin:0 auto;
	width:95%;
	font-size:12px;
	margin-bottom:10px;
}
#homenya td
{
	padding:2px;
}

.gbrnya
{
	width:176px;
	height:182px;
	overflow:hidden;
	border:2px solid #666;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border--radius: 5px;
}

#picframe
{
	width:668px;
	height:318px;
	background:url('../images/frame.png') no-repeat;
	margin:0 auto;
	padding-top:57px;
}

/* S3Slider */
#s3slider, 
#s3slider a,
#s3slider a:link,
#s3slider a:visited
{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#s3slider a:hover,
#s3slider a:focus
{
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}
#s3slider { 
		margin: 0 auto;
		border:2px inset #999;
   width: 550px; /* important to be same as image width */ 
   height: 200px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {

   width: 550px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 550px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

span.clear {
   clear: both;
}