html
{
    font-size: 100.01%;
}
body
{
    margin: 0;
    color: #333;
    font: 64% Arial, Helvetica, sans-serif;
    background: #fff;
}
form
{
    display: inline;
    margin: 0;
    padding: 0;
}
img
{
    border: none;
}
#main
{
    margin: 0 auto;
    width: 880px;
    clear: both;
    overflow: hidden;
    position: relative;
}
/*-----header-----*/
#header
{
    clear: both;
    width: 880px;
    padding: 0 0 6px;
    overflow: hidden;
    background: url(../images/header-bg.gif) no-repeat;
}
#header ul
{
    float: right;
    margin: 8px 0 0; /*padding: 0 0 0 252px;*/
}
#header ul li
{
    float: left;
    padding: 0 9px 0 10px;
    list-style: none;
    font: 11px/13px Arial, Helvetica, sans-serif;
    background: url(../images/grey-separator.gif) no-repeat 0 60%;
}
#header ul li:first-child
{
    background: none;
}
#header ul li a
{
    color: #555;
    text-decoration: none;
}
#header ul li.selected a,#header ul li.expanded a
{
    font-weight: bold;
}
#header ul li a:hover
{
    text-decoration: underline;
}
#header .search-bar
{
    float: right;
    padding: 6px 12px 0 22px;
}
#header .search-bar label
{
    float: left;
    font: 11px/14px Arial, Helvetica, sans-serif;
    color: #555;
    padding: 0 5px 0 0;
    background: url(../images/inp-txt.gif) no-repeat 100% 0;
}
#header .search-bar label span
{
    float: left;
    padding: 2px 10px 0 0;
}
#header .search-bar label input
{
    float: left;
    width: 75px;
    margin: 0;
    padding: 1px 0;
    border: none;
    font: 11px/14px Arial, Helvetica, sans-serif;
    color: #555;
    background: none;
}
#header .search-bar input
{
    float: left;
    margin: 0 0 0 3px;
    padding: 0;
    display: inline;
    width: 37px;
    height: 16px;
    border: none;
    color: #fff;
    font: 11px Arial, Helvetica, sans-serif;
    background: url(../images/btn-search.gif) no-repeat;
}
/*-----content-----*/
#content
{
    clear: both;
    width: 880px;
    padding: 25px 0 0;
    overflow: hidden;
}
/*---menu---*/
ul#menu
{
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
}
ul.red-active
{
    border-bottom: 3px solid #e42626;
}
ul#menu.red-active li a.menu-red
{
    margin: 0;
    padding: 9px 0 10px 46px;
}
ul.blue-active
{
    border-bottom: 3px solid #245b74;
}
ul#menu.blue-active li a.menu-blue
{
    margin: 0;
    padding: 9px 0 10px 46px;
}
ul.green-active
{
    border-bottom: 3px solid #91ab18;
}
ul#menu.green-active li a.menu-green
{
    margin: 0;
    padding: 9px 0 10px 46px;
}
ul#menu li
{
    float: left;
    list-style: none;
}
ul#menu li a
{
    display: block;
    margin: 9px 0 0;
    padding: 10px 0 0 46px;
    color: #edf7fa;
    font: bold 12px/16px Arial, Helvetica, sans-serif;
    text-decoration: none;
}
ul#menu li a strong
{
    display: block;
    font: 13px/21px Arial, Helvetica, sans-serif;
}
ul#menu li a.menu-red
{
    width: 292px;
    background: url(../images/menu-red.gif) no-repeat;
    word-spacing: 1px;
}
ul#menu li a.menu-blue
{
    width: 226px;
    background: url(../images/menu-blue.gif) no-repeat;
}
ul#menu li a.menu-green
{
    width: 224px;
    background: url(../images/menu-green.gif) no-repeat;
}
ul#menu li a:hover
{
    text-decoration: underline;
}

ul#menu li a strong
{
    text-transform: uppercase;
}

/*---info-area---*/
.info-area
{
    overflow: hidden;
    width: 100%;
}
/*--side-bar--*/
.side-bar
{
    float: left;
    width: 160px;
    padding-right: 10px;
}
.side-bar h3
{
    margin: 18px 0 0;
    color: #333;
    font: bold 130%/130% Arial, Helvetica, sans-serif;
}
.side-bar ul
{
    margin: 8px 0 0;
    padding: 0 0 8px;
    overflow: hidden;
    width: 100%;
}
.side-bar ul li
{
    /*float: left;*/
    padding: 0 0 0 12px;
    background: url(../images/red-arrow.gif) no-repeat 0 7px;
    font: 120%/180% Arial, Helvetica, sans-serif;
    color: #333;        
}

.blueArea .side-bar ul li
{
    background-image: url(../images/blue-arrow.png);
}

.greenArea .side-bar ul li
{
    background-image: url(../images/green-arrow.png);
}

.side-bar ul li a, .side-bar .lnk a
{
    color: #333;
    text-decoration: none;
}
.side-bar ul li.active a
{
    font-weight: bold;
}
.side-bar ul li.active a:hover
{
    text-decoration: none;
}
.side-bar ul li a:hover, .side-bar .lnk a:hover
{
    text-decoration: underline;
}
.side-bar .lnk
{
    display: block;
    margin: 20px 0 0;
    padding: 0 0 0 12px;
    background: url(../images/red-arrow.gif) no-repeat 0 50%;
    font: 120%/180% Arial, Helvetica, sans-serif;
    color: #333;
}

.side-bar ul li ul
{
    margin: 0;
}

.side-bar ul li ul li
{
    background: url(../images/red-square.gif) no-repeat 0 50%;
    font-size: 100%;
    line-height: 140%;
}
.side-bar ul li.active ul li a
{
    font-weight: normal;
}


/*--info-block--*/
.info-block
{
    float: right;
    width: 709px;
    background: #f3eeee url(../images/info-block-top.jpg) no-repeat;
}
.info-block .info-block-bottom
{
    overflow: hidden;
    width: 654px;
    padding: 20px 14px 24px 42px;
    min-height: 230px;
    background: url(../images/info-block-bottom.gif) no-repeat 0 100%;
}
* html .info-block .info-block-bottom
{
    overflow: visible;
    height: 230px;
}
.info-block img
{
    float: right;
    margin: 0;
    border: none;
}
.info-block .white-area
{
    float: left;
    width: 400px;
    padding: 22px 15px 14px 50px;
    background: #fff;
}
.info-block .white-area p
{
    margin: 0;
}

.info-block .white-area strong
{
    display: block;
    color: #e21c1c;
    font: bold 120%/130% Arial, Helvetica, sans-serif;
}
.info-block h1
{
    margin: 18px 0 0;
    color: #333;
    font: bold 330%/110% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
.info-block a.btn
{
    display: block;
    margin: 11px 0 0;
    width: 190px;
    padding: 24px 10px 0 23px;
    height: 51px;
    color: #fff;
    text-decoration: none;
    background: url(../images/red-btn.gif) no-repeat;
    font: bold 17px/21px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
.info-block a.btn:hover
{
    text-decoration: underline;
}

.greenArea .info-block a.btn
{
    background: url(../images/green-btn.png) no-repeat;
}
.greenArea .info-block p
{
    font-size: 120%;
    margin: 0px;
}

.blueArea .info-block
{
    background: #EDF2F5;
}

.blueArea .info-block .info-block-bottom
{
    background: url(../images/info-block-bottom-blue.png) no-repeat 0 100%;
}

.blueArea .info-block h1
{
    font-size: 160%;
}

.blueArea .info-block p
{
    margin: 0;
    font-size: 120%;
}

.greenArea .info-block
{
    /*background: transparent url(../images/info-block-top-green.png) no-repeat;*/
    background: none;
    background-color: #E3EBBE;
}

.greenArea .info-block .info-block-bottom
{
    background: url(../images/info-block-bottom-green2.png) no-repeat 0 100%;
}

/*--text-block--*/
.text-block
{
    float: right;
    width: 640px;
    padding: 18px 18px 36px 50px;
    margin: 20px 0 0;
    border: 1px solid #edf7fa;
    background: #fff;
}
.text-block h1
{
    margin: 0;
    color: #333;
    font: bold 240%/130% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
.text-block h2
{
    margin: 1em 0 0 0;
    color: #003952;
    font: bold 150%/130% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
.text-block p
{
    margin: 12px 0 0;
    color: #003952;
    font: 120%/120% Arial, Helvetica, sans-serif;
}
.text-block p a
{
    color: #0084ae;
    text-decoration: underline;
}
.text-block p a:hover
{
    text-decoration: none;
}
.lnk
{
    display: block;
    padding: 2px 0 2px 12px;
    font: 120%/120% Arial, Helvetica, sans-serif;
    background: url(../images/red-arrow.gif) no-repeat 0 50%;
}
.lnk a
{
    color: #007bae;
    text-decoration: none;
}
.lnk a:hover
{
    text-decoration: underline;
}

.blueArea .lnk
{
    background: url(../images/blue-arrow.png) no-repeat 0 50%;
}

.greenArea .lnk
{
    background: url(../images/green-arrow.png) no-repeat 0 50%;
}

.text-block .info-box
{
    overflow: hidden;
    width: 100%;
    padding: 18px 0 0;
}
.text-block .info-box .gallery-holder
{
    float: left;
    padding: 0 22px 6px 0;
}
.text-block .info-box .gallery
{
    overflow: hidden;
    width: 334px;
    padding: 5px 5px 5px 6px;
    background: #f4f7f8;
    border: 1px solid #e0e4e5;
}
.text-block .info-box .gallery .gal-nav
{
    overflow: hidden;
    margin: 3px 0 8px;
    padding: 0 2px;
    background: #fff;
    color: #007bae;
    font: 11px/15px Arial, Helvetica, sans-serif;
}
* html .text-block .info-box .gallery .gal-nav
{
    overflow: visible;
    height: 1%;
}
.text-block .info-box .gallery .gal-nav a
{
    color: #007bae;
    text-decoration: none;
}
.text-block .info-box .gallery .gal-nav a:hover
{
    text-decoration: underline;
}
.text-block .info-box .gallery .gal-nav a.lnk-prev
{
    float: left;
    padding: 0 0 0 16px;
    background: url(../images/red-arrow-2.gif) no-repeat 0 50%;
}
.text-block .info-box .gallery .gal-nav a.lnk-next
{
    float: right;
    padding: 0 16px 0 0;
    background: url(../images/red-arrow.gif) no-repeat 100% 50%;
}
.text-block .info-box .gallery .gal-nav strong
{
    float: left;
    font-weight: normal;
    text-align: center;
    width: 230px;
}
.text-block .info-box .gallery img
{
    display: block;
    margin: 0;
    border: none;
}
.text-block .info-box .gallery ul
{
    overflow: hidden;
    margin: 0 -5px;
    padding: 0;
    width: 350px;
}
.text-block .info-box .gallery ul li
{
    float: left;
    padding: 0 5px 0 4px;
    list-style: none;
}
.text-block .info-box .gallery ul li img
{
    display: block;
    margin: 0;
    border: 1px solid #fff;
}
.text-block .info-box .gallery ul li a
{
    display: block;
    overflow: hidden;
    border: 1px solid #f4f7f8;
}
.text-block .info-box .gallery ul li a:hover, .text-block .info-box .gallery ul li.active a
{
    border: 1px solid #388eb5;
}
.text-block .questionlist div
{
    font-weight: bold;    
    padding: 5px; 
    background-color: #E9EFCA;
    
    
}
.text-block .questionlist ul
{
    list-style-type: disc;
}
.text-block .questionlist div.alternatingitem
{
    background-color: White;
}
.text-block .questionlist div span
{
    /*float: left;*/
    /*width: 400px;*/
}
.text-block .questionlist div select
{
    /*width: 205px;*/
    /*float: left;*/
    /*
    position: absolute;
    right: 5px;*/
    margin-top: 5px;
    font-size: 10px;
}
.text-block .questionlist div textarea
{
    height: 50px;
}
.text-block .questionlist div .validator
{    
    width: 6px;
    height: 26px;
    margin: 4px 0px 0px 5px;
}
.text-block .questionlist div td
{
    /*float: left;
    height: 24px;
    margin-right: 3px;*/
}
.text-block .questionlist .clear
{
    margin: 0px;
    padding: 0px;
    background: none;
    clear: both;
    height: 5px;
}

.dropdownfix
{
    position: absolute;
    right: 5px;
    top: 0px;
}

/*---movies---*/
.movies
{
    overflow: hidden;
    width: 100%;
    position: relative;
    padding: 20px 0 0;
}
.movies ul.movies-list
{
    float: left;
    margin: 0;
    padding: 0;
}
.movies ul.movies-list li
{
    float: left;
    width: 163px;
    padding: 0 8px 0 0;
    list-style: none;
}
.movies ul.movies-list li img
{
    display: block;
    margin: 0;
    border: none;
}
.movies ul.movies-list li strong
{
    display: block;
    border: 1px solid #edf7fa;
    border-width: 1px 1px 0;
    text-align: center;
    padding: 3px 0;
    color: #333;
    font: 13px/16px Arial, Helvetica, sans-serif;
}
.movies ul.movies-list li span
{
    display: block;
    padding: 14px 0;
    background: url(../images/gradient.jpg) repeat-x 0 100%;
    border: 1px solid #edf7fa;
    border-width: 0 1px 1px;
    text-align: center;
    color: #333;
    font: 130%/130% Arial, Helvetica, sans-serif;
}
.movies ul.movies-list li span a
{
    color: #333;
    text-decoration: none;
    padding: 0 0 0 13px;
    background: url(../images/black-arrow.gif) no-repeat 0 56%;
}
.movies ul.movies-list li span a:hover
{
    text-decoration: underline;
}
.movies .grey-box
{
    float: right;
    width: 190px;
    background: #e1eaed url(../images/grey-box-top.gif) no-repeat;
}
.movies .grey-box .grey-box-bg
{
    overflow: hidden;
    width: 100%;
    padding: 0 0 10px;
    background: url(../images/grey-box-bottom.gif) no-repeat 0 100%;
}
.movies .grey-box p
{
    margin: 0 13px;
}
.movies .grey-box strong
{
    display: block;
    padding: 6px 0 0;
    text-align: center;
    color: #333;
    font: 13px/13px Arial, Helvetica, sans-serif;
}
.movies .grey-box ul.lang
{
    overflow: hidden;
    margin: 2px 0 0 13px;
    width: 164px;
    padding: 0;
}
.movies .grey-box ul.lang li
{
    float: left;
    margin: 4px 0 0;
    width: 148px;
    padding: 0 0 1px 16px;
    list-style: none;
    font: 11px/14px Arial, Helvetica, sans-serif;
    color: #fff;
}
.movies .grey-box ul.lang li.bg-01
{
    background: url(../images/bg-01.gif) no-repeat;
}
.movies .grey-box ul.lang li.bg-02
{
    background: url(../images/bg-02.gif) no-repeat;
}
.movies .grey-box ul.lang li.bg-03
{
    background: url(../images/bg-03.gif) no-repeat;
}
.movies .grey-box ul.lang li.bg-04
{
    background: url(../images/bg-04.gif) no-repeat;
}
.movies .grey-box ul.lang li.bg-05
{
    background: url(../images/bg-05.gif) no-repeat;
}
.movies .grey-box ul.lang li.bg-06
{
    background: url(../images/bg-06.gif) no-repeat;
}
.movies .grey-box ul.lang li.bg-07
{
    background: url(../images/bg-07.gif) no-repeat;
}
.movies .grey-box ul.lang li a
{
    color: #fff;
    text-decoration: none;
}
.movies .grey-box ul.lang li a:hover
{
    text-decoration: underline;
}

.modalPopupMovies
{
    background-color: Gray;
    opacity: 0.9;
    filter: alpha(opacity = 90);
    zoom: 1;
}

.modalBackground {
	background-color:Gray;
	filter: alpha(opacity=70);
	opacity :0.7;
}

.modalPopup {
	background-color: #FFFFFF;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 10px;
}