body
{
 background-image:url(../images/bgsnc.jpg);
 background-repeat:repeat-x;
}
H3 {
	MARGIN-TOP: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-BOTTOM: 2px; FONT-FAMILY: Arial
}
.Hint {
	COLOR: red
}
td.keyword
{
background-image:url(../images/icon_search.gif);
background-position:0 1px;
background-repeat:no-repeat;
padding-left:13px;
}
.thumbnail:hover
{
background-color: transparent;
z-index: 50;
}

.thumbnail span               
{ 
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 0;
FONT-SIZE: 12px; 
COLOR: #000000;
FONT-FAMILY: Arial,Helvetica, Verdana, geneva,sans-serif;
TEXT-DECORATION: NONE;
}

.thumbnail span img            
{ 
border-width: 0;
padding: 2px;
z-index: 0;
}

.thumbnail:hover span
{ 
visibility: visible;
top: -200;
left: 170px;
z-index: 0;

}

.stepcarousel
{
	position: relative; /*leave this value alone*/
	border: 1px solid #fcdab4;
	background-color:#fdf0df;
	overflow: scroll; /*leave this value alone*/
	width: 100%; /*Width of Carousel Viewer itself*/
	height: 69px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt
{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: -10;
}
.stepcarousel .panel
{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin-top: 0px; /*margin around each panel*/
	margin-bottom:0px;
	margin-left:40px;
	margin-right:10px;
	width: 88px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 57px;
}
.panel img
{
	width: 88px; 
	height: 57px;
}


//*Album*//
#main
{
	width:100%;
	height:69px;
}
#cot1
{
	float:left;
	/*width:80px;
	height:140px;
	background-image:url(../images/menu_left1.jpg)*/
}
#cot2
{
	float:left;
	width:100%;
	height:69px;
	padding-left:0px;
}
#cot3
{
	float:right;
	/*width:50px;
	height:140px;
	background-image:url(../images/menu_right.jpg)*/
}



//*Hide Content*//
.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 0px 0px;
border: 1px solid gray;
background: #E1E1E1;
}
.openpet{ /*class added to contents of 1st demo when they are open*/
background: yellow;
}
.technology{ /*header of 2nd demo*/
cursor: hand;cursor: pointer;font: bold 14px Verdana;
margin: 0px 0;
}
.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #EC871B;FONT-SIZE: 12px;FONT-FAMILY: Arial,Helvetica, Verdana, geneva,sans-serif;
TEXT-DECORATION: NONE;FONT-WEIGHT:bold;border-bottom:2px solid #BFCCD5;
}
.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #EC871B;FONT-SIZE: 12px;FONT-FAMILY: Arial,Helvetica, Verdana, geneva,sans-serif;
TEXT-DECORATION: NONE;FONT-WEIGHT:bold;border-bottom:2px solid #BFCCD5;
}
#mygallery 
{
	background-color: #fdf0df;
	padding: 0px;
	width: 100%;
}
#mygallery ul { list-style: none; }
#mygallery ul li { display: inline; }
#mygallery ul img 
{
	border: 0px solid #ffb200;
	border-width: 0px 0px 0px;
}
#mygallery ul a:hover img 
{
	border: 0px solid #fff;
	border-width: 0px 0px 0px;
	color: #fff;
}
#mygallery ul a:hover { color: #fff; }
.thumbnail
{
position: relative;
z-index: 0;
}