/*#############################################################

#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {
	color: #FFF;
	text-decoration: none;
	outline:none
}


body {
	background: url(img/bg-footer.gif) repeat;
	color: #555;
	font: normal 0.7em Tahoma, Geneva, sans-serif;
	margin: 0px;
	text-align: center;
}
/*
ul {
	margin: 12px 0;
}
li {
	list-style: url(img/li.gif);

	margin-left: 18px;
}
*/
code {
	background: url(img/bgcode.gif);
	color: #888;
	display: block;
	font: normal 1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 3px 6px;
	white-space: pre;
}

cite {
	background: url(img/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding-left: 28px;
}
h3 {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font: bold 9px;
	margin: 0 0 6px;
	text-align: center;
}

/* main structure */
.main {
    position:relative; top:-40px; 
	margin: 0px auto 4px auto; 
	text-align: left;
	width: 900px; 
}
.main2 {
	margin: 233px auto 4px auto; 
	width: 900px; 
}

/* header */
.gfx {
	background: url(img/glow2.png) no-repeat;
	height:200px;
}
.gfx h1 {
	color: #666;
	font: normal 2.6em Tahoma,sans-serif;
	padding: 16px 20px;
}



#header {
  margin: 0;
  padding: 0;
  width: 1000px;
  height: 200px;
  position: relative;
  background: url(img/bokeh.png) no-repeat;
  margin: 0px auto 0px auto; 
}

.loginform {

	position:relative;
	left:630px;
        top:10px;
width:300px;	
	}
	
.label{
	color:#FFF;
	text-align:right;
	padding-right:5px;}

.label p{font-family: Arial, Helvetica, sans-serif;
font-size:12px;
		}

#header .fake-hover {
  margin: 0;
  padding: 0;
  width: 900px;
  height: 200px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url(img/glow5.png) no-repeat 0 -200px;
}






/* menu */
.menu a {
	background: #000 url(img/bgmenu.png) repeat-x;
	border-top: 1px solid #1A1A1A;
	color: #666;
	float: left;
	font:14px Tahoma, Geneva, sans-serif;
	padding-top: 4px;
	width: 151px; height: 36px;
	text-align:center
}
.menu a span {
	padding-left: 6px;
}
.menu a:hover {
	background-position: left bottom;
	color: #FFF;
	font:16px Tahoma, Geneva, sans-serif;
}
.menu a#last {
	border-right: none;
	width: 150px;
}

/* menu2 */
.menu2 a{
	background: #000 url(img/bgmenu.png) repeat-x;
	border-top: 1px solid #1A1A1A;
	color: #666;
	float: left;
	font-size: 1.2em;
	padding-top: 4px;
	width: 148px; height: 36px;
}
.menu2 a span {
	padding-left: 6px;
}



/* defaults for all examples */  
.kwicks {  
    list-style: none;  
    margin: 0;  
    padding: 0;  
	width: 900px;
}  
.kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
}  

.kwicks li {  
    float: left;    
    margin-right: 0px;  
    width: 180px;  
    height: 40px;
    text-indent: -999px;
}  

.kwicks li a {
display:block;
	text-decoration:none;
	outline:none;
	border:none;
	width: 180px;  
        height: 40px;
	
}

#kwick1 {    
     background:url(images/menu1.png); 
}
#kwick1:hover {
	background-position:bottom;
}

#kwick2 {    
     background:url(images/menu2.png); 
}
#kwick2:hover {
	background-position:bottom;
}

#kwick3 {    
     background:url(images/menu3.png); 
}
#kwick3:hover {
	background-position:bottom;
}

#kwick4 {    
     background:url(images/menu4.png); 
}
#kwick4:hover {
	background-position:bottom;
}

#kwick5 {    
     background:url(images/menu5.png); 
}
#kwick5:hover {
	background-position:bottom;
}



.fade {
	background:url(img/footerbkv.png) repeat-x;
	height: 50px;
	margin-top: 5px;
}
.fade h2 {
	color: #666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	text-align:left;
	padding:20px 0px 10px 10px;
}

/* content */
.content {
	background: url(img/bodytrans.png);
	clear: both;
	width:900px;
	float:left;
}
.content h1 {
	color: #666;
	font: bold 22px Tahoma, Geneva, sans-serif;
	margin: 0 0 4px;
	padding:10px 0px 10px 15px;
}
.content h2 {
	color: #CCC;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 32px;
	margin: 0 0 4px;
	text-align:left;
	padding:10px 0px 10px 15px;
}
.content h3 {
	color: #666;
	font: bold 1.8em Tahoma, Geneva, sans-serif;
	margin: 0 0 4px;
	text-align:center
}
.content h4 {
	color: #666;
	font: bold 14px Tahoma, Geneva, sans-serif;
	margin: 0 0 4px;
	text-align:left
}
.content p {
	margin: 0 0 12px;
	text-align: left;
	padding:5px 0px 0px 15px;
	font-size: 12px;
	color: #999;
}
.item {
	padding: 8px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.item h2 {
	color: #CCC;
	font-family: Helvetica, Arial, sans-serif;
	font: 32px;
	margin: 0 0 4px;
	text-align:left;
	padding:10px 0px 10px 15px;
}


.item3 {
	background: #030303 url(img/bgitem2.gif) repeat-x;
	padding: 3px;
}
.item2 {
	background: #000000;
	
}
.item4 {
	padding: 10px 10px;
	width: 360px;
	height: 170px;
	float:left
}
.item5 {
	padding: 10px 10px;
	width: 500px;
	height: 170px;
	float:right
}
.item6 {
	padding: 8px 10px;
	font-family: Arial, Helvetica, sans-serif;
	height: 550px;
}
.item7 {
	height: 280px;
	width: 660px;

}

.item8 {
	padding: 0px 20px;
	height: 300px;
	width: 450px;
	float:left;


}
.item9 {
	padding-left: 50px;
	height: 250px;
	width: 350px;
	float:right;
	border-left-width: thin;
	border-left-color:#999;
	border-left-style:solid;
}


.sitedesc {
	height: 400px;
	width: 450px;
	margin:10px 0px 0px 0px;
	float:left;
}
.siteshot {
	height: 400px;
	width: 450px;
	margin:10px 0px 0px 0px;
	float:right;
}

.foot {
	background:url(img/footerbk.png);
	height: 50px;
	width: 900px;
	margin:0px auto 0px auto;
	padding-top: 10px;
	float:left;
}

.login {
	height: 50px;
	width: 900px;
	margin:0px auto 0px auto;
	padding-top: 10px;
	float:left;
}

.text-input
{
border:none;
background: url(images/textfield_bg.png) no-repeat;
width: 400px; height: 22px; 
}

.text-inputshort
{
border:none;
background: transparent
url("images/textfield_sh_bg.png") no-repeat;
width: 140px; height: 20px; 
}

.text-inputml
{
border:none;
background: transparent
url("images/textfield_ml_bg.png") no-repeat;
width: 405px; height: 60px;
overflow:auto;
}

.form-label
{
	padding-left: 0px;
	color:#FFF;
	font-size: 12px;
}

.button
{
	background:url(img/button_small.png);
	font-family: 'century gothic';
	font-size:14px;
	color:#FFF;
	float:right;
	margin-right: 0px;
	height: 30px;
	width: 120px;
	border:none;
}

.button2
{
	background:url(img/button_small3.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	float:right;
	margin-right: 0px;
	height: 29px;
	width: 55px;
	border:none;
}

.sig
{
margin-right: 80px;

border:none;
}

#featured{
	width:850px;
	position:relative;
	margin-left:25px;
	border:0px solid #000;
	height:250px;
	overflow: hidden;
}

#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:600px; 
	list-style:none;
	list-style-type:none;
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#000; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font: normal Tahoma, Geneva, sans-serif; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#666;
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:600px; 
	height:250px; 
	background:#666; 
	position:relative;
	list-style-type:none;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; 
	left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font: normal 18px Tahoma, Geneva, sans-serif;
	color:#666; 
	padding:3px 0px 0px 3px; 
	margin:0px;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0px 0px; 
	padding: 3px 0px 0px 5px;
	font: normal 12px Tahoma, Geneva, sans-serif; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff;
}
#featured .info a:hover{ 
	text-decoration: underline;
}
#featured .ui-tabs-hide{ 
	display:none; 
}


.gallery

{
        width: 900px;

	cursor: default;

	list-style: none;

}



.gallery img

{

	background: #000000;

	border-color: #000000;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	padding: 2px;

	vertical-align: top;

	width: 150px;

	height: auto;

}



.gallery li

{

	background: #0000;

	border-color: #0000;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	display: inline;

	float: left;

	margin: 5px 20px auto 30px; 

	padding: 5px;

	position: relative;

}

.gallery2

{
        width: 900px;
	cursor: default;
	list-style: none;
	margin-left: 5px;

}



.gallery2 img

{

	background: #000000;

	border-color: #000000;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	padding: 2px;

	vertical-align: top;

	width: 200px;

	height: 125px;

}



.gallery2 li

{

	background: #0000;

	border-color: #0000;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	display: inline;

	float: left;

	margin: 5px 5px auto 5px; 

	padding: 0px;

	position: relative;

}
.TableDiv
{
overflow-y : hidden;
POSITION : relative;
margin-left: 90px;
OVERFLOW : auto;
WIDTH : 80%; 
HEIGHT : 170px;
filter:chroma(color=#FFFFFF);
      scrollbar-face-color:#000000;
      scrollbar-shadow-color:#666;
      scrollbar-highlight-color:#666;
      scrollbar-3dlight-color:#000;
      scrollbar-darkshadow-color:#000;
      scrollbar-track-color:#FFFFFF;
      scrollbar-arrow-color:#666
}


.oneline {
	width:900px;
	height: 250px;

} 
.twoline {
	width:900px;
	height: 390px;

} 
.fiveline {
	width:900px;
	height: 800px;

} 

/* footer */
.footer {
	background: #0A0A0A;
	color: #666;
	padding: 5px;
	width: 890px;
	text-align: center;
} 








#myinnercontainer {

text-align:center;

vertical-align: center;

margin:auto;

}

