@charset "utf-8";
/* CSS Document */
*{padding:0px;}
a{ color:#CCC; text-decoration:none;}
h2{ color:#FFF; margin-bottom:20px;}
ul { list-style-position: inside; margin-left:10px; }
.spanLang{ color:#FFF; cursor:pointer;}
body{ color:#999; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; background-color:#000;}
.mainTable{ width:981px; border-collapse:collapse; border:#212125 1px solid;}
.mainRow1Td1{ width:720px; height:240px; background-color:#111111; vertical-align:bottom; padding-left:20px; }
.mainRow1Td2{ background-color:#1f1f1f;text-align:center; vertical-align:bottom;}

.mainRow2Td1{ background-color:#000000;  vertical-align:top;}
.mainRow2Td2{ white-space:nowrap; background-color:#1f1f1f;vertical-align:top;}
.mainRow2Td2 img{padding:0px; margin:0px; border-left:1px #363434 solid;border-bottom:1px #363434 solid;}

.mainRow3Td1{ width:720px; height:175px; background-color:#111111; vertical-align:top; padding-left:20px; }
.mainRow3Td2{ background-color:#1f1f1f;text-align:center;}

.mainRow4Td1{ width:720px; height:65px; background-color:#111111; vertical-align:bottom; padding-left:20px;border-bottom:1px #000 solid; }
.mainRow4Td2{ background-color:#1a1a1a;text-align:center; border-top:#0a0a0a 1px solid; color:#4e4e4e; vertical-align:middle;border-bottom:1px #000 solid;}
.mainRow4Td2 a{color:#4e4e4e;}

.artistTd1{ width:260px; height:264px;}.artistTd1 img{ margin:15px;}
#artistHolder{ width:445px; height:264px; overflow:hidden; position:relative;}#artistHolder td{ vertical-align:top;}
#artistScroller{ position:absolute; top:0px; left:0px; width:3000px;}
.artistInnerTab{ border-collapse:collapse;}
.artistInnerTd{ width:410px; padding-left:20px; padding-top:20px; padding-right:20px;}
.artistSpanMenu{margin-right:10px; color:#CCC; cursor:pointer;} .artistSpanMenu:hover{color:#2e7eb0;}

.portTd1{ width:160px; background-color:#111; vertical-align:top;height:268px;}
.portHolder{position:relative; height:266px; z-index:0;}
.portScroller{ position:relative;height:266px;z-index:50;}
.portBiggerHolder{
	position:absolute;
	top:-240px;
	z-index:110;
	left: -50px;
	display:none;
}
.portBiggerHolder img{border: solid 20px #aaa;}
.portUpperCache{
	height:241px;
	width:560px;
	background-image:url(../images/cache.png);
	position:absolute;
	top:-242px;
	z-index:100;
	left: 0px;
}
.portLowerCache{
	padding-top:3px;
	padding-left:3px;
	height:250px;
	width:558px;
	
	position:absolute;
	top:267px;
	z-index:100;
	left: 0px;
}
.projSpanMenu{margin-right:10px; color:#CCC; cursor:pointer;} .projSpanMenu:hover{color:#2e7eb0;}
.projSpanMenuSel{color:#2e7eb0;margin-right:10px;}
.portIndexMasterDiv{padding-left:3px;}
.portIndexMasterDiv img{margin-left:5px; margin-bottom:2px;}
.portIndexMasterDiv a{ color:#bbb; text-decoration:none;}

.portTitle{ font-weight:bold; color:#999; font-size:12px;}
.portDesc{ display:block; text-align:justify; font-size:12px; padding-right:30px;}
.portDims{display:block;}
.portTech{display:block;}
.projTd1{ width:260px;} .projTd1 img{ margin:15px;}
/*.projHolder{ padding-left:5px; padding-right:5px;height:266px; overflow-y:auto; overflow-x:hidden; }*/
.projListSpan{ display:block; text-align:left; padding-left:5px; color:#999;}
.projListSpanSel{  display:block; text-align:left; padding-left:5px; color:#FFF; font-weight:bold;}

.contactDiv{ }
.contTd1{ width:260px;}.contTd1 img{ margin-top:15px; margin-left:15px;}
.contIntro{ font-size:11px;}
.contTitle{ color:#2c7cb8; height:20px; display:table-cell;}
.contFormTable{ width:400px; margin-left:20px;}
.contSendBut{ color:#2e7eb0; cursor:pointer;}
.contactDiv input, .contactDiv textarea{ background-color:#999; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #dcdcdc; margin:1px;width:300px;}