body, p, div, ul, li, a{font-family: verdana; font-size: 10px; color: #f5f5f2; margin: 0px; padding: 0px; border-width: 0px; background-repeat: repeat-x;}
img{padding: 0px; margin: 0px; border-width: 0px;}
body{padding: 0px; background-image: url('sysimages/absolutebg.png'); background-repeat: repeat-x; text-align: left; padding-top: 70px;}
#menu{position: absolute; left : 0px; top: 0px; width: 195px; margin-bottom: 5px; height: 320px; }

a:link{
	color: #006600;
	text-decoration: none;
}
a:visited{
	color: #006633;
	text-decoration: none;
}
a:active{
	color: #003333;
	text-decoration: none;
}
a:hover{
	color: #fff;
	text-decoration: none;
	background-color:#7cd300;
}

#layout{position: relative; text-align: center;}
#background{text-align: left; position: relative; background-image: url("sysimages/background.png"); width: 770px; height: 628px; margin: 0 auto; padding: 0px;}
#header{position: absolute; left: 223px; top: 21px; width: 493px; height: 60px; margin: 0px; padding: 0px;}
#lang-menu {position: absolute; top: 28px; left: 24px; z-index: 100;}
	#lang-menu a{border-width: 0px; display: block; position: absolute;}
	#lang-bg{background-image: url("sysimages/bg_lng.png"); width: 28; height: 28px; top: 0px; left: 0px;}
	#lang-en{background-image: url("sysimages/en_lng.png"); width: 27; height: 28px; top: 0px; left: 31px;}
#logo{position: absolute; top: 0px; left: -25px}
#menu{position: absolute; top: 105; left: 25;}
#menu-content{position: absolute;}

#content{position: absolute; left: 190px; top: 94;}
#content-text{position: absolute; top: 7px; font-family: verdana; font-size: 11px; text-align: left; color: #a4a4a4; width: 230px;}
#content-text p {position: absolute; top: 0px; font-family: verdana; font-size: 11px; text-align: left; color: #a4a4a4; width: 230px; line-height:12px; }

/*
#content-image{
	position: absolute;
	left: 236px;
	z-index: 5;
}

*/

.pricelist {position: absolute; top: 170px; font-family: verdana; font-size: 10px; text-align: left; color: #a4a4a4; width: 150px;}

#playlist{
	margin-left: 14px;

	}

#playlist tbody tr.odd  td {
	background-color: #9cd34e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
    }

#playlist tbody tr.even td {
	background-color: #e5e5e5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 5px;
	color: #6a8f35;
    }


#copyright{position: absolute; }
#footer{position: absolute; top: 496px; left: 191px;}

#footer img{float: left; margin-right: 16px;}

#links{position: absolute; top: 412px; left: 45px;}
#links a{border-width: 0px; display: block; position: absolute;}
	#lnk-distribution{background-image: url("sysimages/distribution.png"); width: 108px; height: 15px; top: 99px; left: 0px;}
	#lnk-app{
	background-image: url("sysimages/app.png");
	width: 106px;
	height: 15px;
	top: 139px;
	left: 0px;
	background-repeat: no-repeat;
}

#rotation {
	position: absolute;
	left: 236px;
	z-index: 5;
}

#howto {
	position: absolute;
	left: 92px;
	top:132px;
	z-index: 5;
}

/* Starts mailform styles */

textarea {
	background-color: #e9f1e8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5e715c;
	border: 1px solid #a1b7cd;
}

input {
	background-color: #e9f1e8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5e715c;
	border: 1px solid #a1b7cd;
}

.mailform{
	padding-top: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #a4a4a4;
}



/* Starts Menu CSS */

div.clSlideMenu{ /* All slideMenu0 DIV elements */
	position:absolute;
	font-family:verdana,arial,helvetica;
	font-size:10px;
	/*overflow:hidden;*/
	width: 150px;
	padding: 0px; 
	margin: 0px; 
}
div.clSlideMenu img{
		position: absolute;
		top: 0px;
		left: 0px;
		padding: 0px;
		margin: 0px;
	}
a.clA0{ /* All top level links */
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	color:white;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	display: block;
	width: 172px;
}
div.clSlideMenu1{ /* All slideMenu1 DIV elements */
	position:absolute;
	font-family:arial,helvetica;
	font-size:10px;
	height:10px;
	display: block;
}

a.clA1{ /* All sub level links */
}


div.slideMenuBG{position:absolute; left:0; top:0; z-index:1}
div.slideMenuText{position:absolute; left:0; top:0; z-index:200; padding: 0px; margin: 0px;}

#slideMenucont{position:absolute; width: 200px; visibility:hidden; }
#slideMenucont a img{border-width: 0px;}

/* ENDS MENU CSS*/


/* lightbox begin */
	
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 300;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	text-align: center;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 45%;
	height: 32px;
	width: 32px;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkDiv, #nextLinkDiv{
	position: relative;
	width: 49%;
	height: 32px;
}
#prevLinkDiv { left: 0; float: left; }
#nextLinkDiv { right: 0; float: right; }

#prevLink, #nextLink{
	position: absolute;
	top: 0px;
	width: 70px;
	height: 32px;
	background: transparent url(sysimages/blank.gif) no-repeat; /* Trick IE into showing hover */
	border-width: 0px;
	}
#prevLink { right: 0; background: url(sysimages/prevlabel.gif) right top no-repeat; }
#nextLink { left: 0; background: url(sysimages/nextlabel.gif) left top no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(sysimages/prevlabel.gif) right top no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(sysimages/nextlabel.gif) left top no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	position: relative;
	margin: 0px 10px;
	height: 40px;
	}
#imageData #imageDetails{width: 70%; float: left; text-align: left;}
#imageData #caption{ font-weight: bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{position: relative; width: 66px; float: right; z-index:12; border-bottom: 0px;}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 295;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
/* lightbox end */