.rollingImagePlayer {
position: relative;
display: block;
top: 0px;
left: 0px;	
width: auto;
height: auto; 
/* opacity: 0.25;	
filter: alpha(opacity=25); */
float: none;
text-align: center;
margin-left: auto;
margin-right: auto;
background-image: url(images/bg-roll-logo-01.png);
background-repeat: no-repeat;
background-position: left 0px;
z-index: 400;
} 

html {
overflow: hidden;
}

body {
background-color: green;
text-align: left;
color: #666;
font-size: 14px;
margin: 0;
padding: 0;
font-family: helvetica, arial, sans-serif;
letter-spacing: normal;
line-height: normal;
}

a {
color: #fff;
padding: 0;
margin: 0;
text-decoration: none;
font-family: helvetica, arial, sans-serif;
outline: none;
}

h1 {
width: 600px;
border: none;
padding: 35px 0 0 0;
}

h2 {
color:#fff;	
font-size: 20px;
font-family: helvetica, arial, sans-serif;
font-weight: 700;
padding: 0;
margin: 0;
}

h3 {
color:#aaa;	
font-size: 18px;
font-family: helvetica, arial, sans-serif;
font-weight: bold;
margin: 0;
padding: 0;
}

p {
font-size: 16px;
line-height: 24px; 
font-family: helvetica, arial, sans-serif;
padding: 0;
margin: 0;
}

img {
border:none;
}

div {
-moz-user-select: none; /* disable selection in firefox */
}

.floatRight {
float: right;	
}



ul {
text-decoration: none;	
list-style-type: none;
padding: 0;
margin: 0;	
outline: none;
}

a.email {
display: inline-block;	
padding-left: 28px;
background: url(images/ico-email-blue-24-1.png) no-repeat left;
}

a.url {
display: inline-block;	
padding-left: 28px;
background: url(images/ico-url-blue-24-1.png) no-repeat left;
}

#header {
float: left;	
width: 360px;
min-height: 500px;
line-height: 28px;
margin: 0;
padding: 0;
background-position: bottom left;
background-repeat: no-repeat;
color: #fff;
}

#mainMenu {
position: fixed;
z-index: 500;
margin: 0;
padding: 5px;
top: 590px;
left: 400px;
clear: both;
border: 1px solid #000;
text-transform: uppercase;
font-family: verdana, 'Trebuchet MS', helvetica, arial, sans-serif;
font-weight: bold;
font-size: 18px;
background: transparent url(images/bg-overlay-2.png) repeat top left;
display: none;
}

#mainMenu ul{
margin: 0;
padding: 0;
}

#mainMenu ul li{
position: relative;	
display: block;	
float: left;
color: #777;
padding: 2px 12px;
}

#mainMenu ul li a{
display: block;
color: #777; 
width: 42px;
margin: 0;
padding: 0;
}

#mainMenu ul li a.langSel { 
width: 28px;
line-height: 22px;  
color: #fff;
font-size: 50%;
font-weight: normal;
padding-left: 10px;
background: url(images/ico-lang-1.png) no-repeat left;     
}


#popupMenu {
position: fixed;
display: none;
z-index: 501;
padding: 25px 15px 25px 55px;
margin: -5px 0px 0px 0px;
left: 0px;
top: 0px;
width: auto;
clear: both;
font-family: verdana, 'Trebuchet MS', helvetica, arial, sans-serif;
font-size: 16px;
font-weight: 500;
background:transparent url(images/bg-green-10.jpg) no-repeat top left ; 
background-position: -136px 0px;
background-color: #1a2c1a;
border: 1px solid #000;
opacity: 0.97;
filter: alpha(opacity=97);
}


#popupMenu ul li {
display: block;
width: 270px;
}

#popupMenu li ul {
display: block;
}

#popupMenu a {
display: block;
width: 210px;
padding: 5px 18px;
margin: 0 0 5px 0;
border: 1px solid #0d2a0d;
background: #1e341e url(images/bg-tab-01.jpg) repeat-y;
}

#popupMenu a:hover {
color: #ff6600;	
/* padding: 5px 18px 5px 30px; - by jquery effect */
}

#popupMenu li img {
display: block;
padding: 2px 18px;
margin: 0 0 5px 0;
background: #1e341e url(images/bg-tab-01.jpg) repeat-y;
border: 1px solid #0d2a0d;

}

#container {
position: absolute;
top: 0px; 
left: 40px;
width: 8500px;
height: 560px;
margin: 15px 0 0 0;
padding: 0;
/* display: none; */
z-index: 400;
}




.box {
position: relative;
float: left;
width: 530px;
height: 524px;
margin: 0;
padding: 5px 20px 20px;
color: #aaa;
border-top-width: 3px;
border-bottom-width: 3px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #E1A60A;
border-bottom-color: #E1A60A;
background: url(images/bg-box-01.png) repeat left; 
}.box h2 {
padding-top: 15px;
}

.box h2 a {
display: block;
line-height: 32px;
padding-left: 38px ;
background: url(images/ico-logo-01.png) no-repeat left; 
}

.box h3 {
padding-top: 10px;
}

.box p {
padding-top: 15px;	
}

.box ul {
font-size: 14px;
line-height: 24px; 
padding-top: 15px;
padding-left: 50px; 
list-style-image: url(images/ico-hanger-1.png);
background-repeat: no-repeat; 
background-position: bottom right;
}

.box ul li {	
line-height: 20px;
}


.box span.boxLightFrame {
display: inline;
float: left;
height: auto;
width: auto;
padding: 0;
margin: 15px;
outline: none;
}

.box span.boxFrame {
display: inline;	  
height: auto;
width: auto;
float: left; 
outline: none;
margin: 10px 15px;
border-top: 1px solid #555;
border-right: 1px solid #444; 
border-bottom: 1px solid #222; 
border-left: 1px solid #222; 
background: #1e3e1e;
padding: 3px;
}.box.wrap {	padding: 0;	margin: 0;    width: 100%;    border: 3px solid white;    position: relative;}.box.wrap img {    border: 1px solid blue;     position: absolute;    top: 0;	text-align: top;	float : none;	}.box.wrap img:nth-of-type(1) {    left: 0;}.box.wrap img:nth-of-type(2) {    right: 0;}
.box img.boxLightImage {}
.box img.boxImageRight {  float: right;	  text-align: right;   vertical-align: top;  border: 3px solid #73AD21;  padding: 10px;}.box img.boxImage {
border-top: 1px solid #111;
border-right: 1px solid #111; 
border-bottom: 1px solid #444; 
border-left: 1px solid #555;
padding: 1px;
}

.box a.btn { 
display: block;
font-size: 14px;
float: right;	
height: 30px;
width: 83px;
margin: 0 15px;
padding: 7px 0 5px 35px;
background: url(images/btn-black-01.png) no-repeat left;
}

.box a.btn:hover {   
background: url(images/btn-black-02.png) no-repeat left;
}

.box a.more { 
display: inline-block;;
float: none;	
margin: 0 0 0 5px; 
padding: 0 0 0 38px;
font-size: 12px;
line-height: 24px;
background: url(images/ico-arr-more-01.png) no-repeat left;
}


.box a.more:hover { 
background: url(images/ico-arr-more-01h.png) no-repeat left;
}





/* POP - Up */

#imgPopup {
position: absolute;
z-index: 500;
display: none;
width: 120px;
margin: 0;
padding: 10px 8px;
background: #333;
border-top-width: 4px;
border-bottom-width: 4px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #E1A60A;
border-bottom-color: #E1A60A;
font-family: helvetica, sans-serif;
font-size: 16px;
letter-spacing: -1px;
/* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; */
filter: alpha(opacity=75);
opacity: .75;
}

#imgPopup ul{
list-style-type: none;
text-decoration: none;
margin: 0;
padding: 0;
}

#imgPopup ul li {
text-decoration: none;
list-style-type: none;
display: block;
margin: 0;
padding: 0;
}

#imgPopup ul li a {
color: #fff;
display: inline;
margin: 0;
padding: 0;

}

#imgPopup ul li a img {
vertical-align: middle;	
}

#imgPopup ul li a:hover{
color:  #ff9900;
}