HTML,BODY {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
}

#page {
    margin: 5px auto;
    width: 860px;
}

IMG {
    border: none;
    padding: 0;
    margin: 0;
}

#content {
    margin-top: 7px;
    padding: 0px;
    background: #FFFFFF url('/img/b-page.gif') 1px 0px repeat-y;
}

* HTML #content {
    margin-top: 2px;
}

.error {
    color: Red;
}

#head {
    margin: 0px 10px;
    margin-top: -21px;
    position: relative;
}

#header a {
    outline: none;
    -moz-user-outline: none;
}

#head #logo img {
    width: 403px;
    height: 168px;
    border: 0px;
    margin-left: -2px;
}

* HTML #head #logo IMG {
    margin-top: -2px;
}

#head #client-login {
    position: absolute;
    top: 35px;
    right: 42px;
}

* HTML #head #client-login {
    top: 33px;
    right: 52px;
}

#head #client-login img {
    width: 188px;
    height: 25px;
    border: 0px;
}

#content #top-frame {
    position: relative;
    top: -5px;
    left: 1px;
    width: 860px;
    height: 24px;
}

#content #bottom-frame {
    position: relative;
    bottom: -20px;
    width: 860px;
    height: 44px;
}

#content #slogan {
    height: 39px;
    margin: 0px 10px -20px 0px;
    width: 490px;
}

* HTML #content #slogan {
    margin-top: 10px;
}

#content #text {
    overflow: hidden;
}

#content #gbook-buttons {
    margin-top: 10px;
}

body.ie7 #content #gbook-buttons {
    margin-top: 0px;
}


#left.home {
    width: 400px;
    float: left;
    margin-left: 20px;
    position: relative;
    height: 402px;
}

* HTML #left.home {
    margin-left: 10px;
}

#right.home {
    width: 400px;
    float: right;
    margin-right: 40px;
    padding-right: 0px;
}

* HTML #right.home {
    margin-right: 20px;
}

#left.home .menu {
    position: absolute;
    right: 0px;
    bottom: 5px;
    width: 400px;
}

#left.home .menu A {
    display: block;
}

.home #menu-about-us {
    background: #FFFFFF url('/img/but-aboutus.gif') right center no-repeat;
    height: 25px;
}

.home #menu-about-us:HOVER {
    background: #FFFFFF url('/img/but-aboutus2.gif') right center no-repeat;
}

.home #menu-directors {
    background: #FFFFFF url('/img/but-directors.gif') right center no-repeat
        ;
    height: 21px;
}

.home #menu-directors:HOVER {
    background: #FFFFFF url('/img/but-directors2.gif') right center
        no-repeat;
}

.home #menu-news {
    background: #FFFFFF url('/img/but-news.gif') right center no-repeat;
    height: 23px;
}

.home #menu-news:HOVER {
    background: #FFFFFF url('/img/but-news2.gif') right center no-repeat;
}

.home #menu-info {
    background: #FFFFFF url('/img/but-info.gif') right center no-repeat;
    height: 21px;
}

.home #menu-info:HOVER {
    background: #FFFFFF url('/img/but-info2.gif') right center no-repeat;
}

.home #menu-contact {
    background: #FFFFFF url('/img/but-contact.gif') right center no-repeat;
    height: 39px;
}

.home #menu-contact:HOVER {
    background: #FFFFFF url('/img/but-contact2.gif') right center no-repeat;
}

#left {
    width: 179px;
    float: left;
    margin-left: 20px;
    margin-top: 3px;
}

* HTML #left {
    margin-left: 10px;
}

#right {
    width: 619px;
    float: right;
    margin-right: 11px;
    margin-top: 3px;
    height: 400px;
    padding-right: 30px;
}

* HTML #right {
    margin-right: 6px;
    height: 355px;
}

#right.no_slogan {
    height: 440px;
}

* HTML #right.no_slogan {
    margin-right: 6px;
    height: 380px;
}


#left .menu {
    margin-right: 10px;
}

#left .menu A {
    display: block;
}

#menu-home {
    background: #FFFFFF url('/img/bu2-home.gif') right center no-repeat;
    height: 35px;
}

#menu-home:HOVER {
    background: #FFFFFF url('/img/bu2-home2.gif') right center no-repeat;
}

#menu-about-us {
    background: #FFFFFF url('/img/but2-aboutus.gif') right center no-repeat;
    height: 16px;
}

#menu-about-us:HOVER {
    background: #FFFFFF url('/img/but2-aboutus2.gif') right center no-repeat
        ;
}

#menu-directors {
    background: #FFFFFF url('/img/but2-directors.gif') right center
        no-repeat;
    height: 16px;
}

#menu-directors:HOVER {
    background: #FFFFFF url('/img/but2-directors2.gif') right center
        no-repeat;
}

#menu-news {
    background: #FFFFFF url('/img/but2-news.gif') right center no-repeat;
    height: 17px;
}

#menu-news:HOVER {
    background: #FFFFFF url('/img/but2-news2.gif') right center no-repeat;
}

#menu-info {
    background: #FFFFFF url('/img/but2-info.gif') right center no-repeat;
    height: 17px;
}

#menu-info:HOVER {
    background: #FFFFFF url('/img/but2-info2.gif') right center no-repeat;
}

#menu-contact {
    background: #FFFFFF url('/img/but2-contact.gif') right center no-repeat;
    height: 20px;
}

#menu-contact:HOVER {
    background: #FFFFFF url('/img/but2-contact2.gif') right center no-repeat
        ;
}

#footer {
    height: 40px;
    clear: both;
    margin-top: 20px;
}

#footer * {
    color: #B2B2B2;
}

#footer A {
    text-decoration: none;
}

#footer A:HOVER {
    text-decoration: underline;
}

#footer #arfco {
    float: left;
}

#footer #links {
    float: right;
}

#direcotor-container {
    margin-right: -30px;
}

.director {
    width: 215px;
}

.director.left {
    float: left;
}

.director.right {
    float: right;
    margin-right: -15px;
}

.director .photo {
    background: White url('/img/director-bg.gif') top left no-repeat;
    width: 200px;
    height: 170px;
    padding-top: 20px;
    text-align: center;
    margin-left: 5px;
}

.director .photo IMG {
    margin-bottom: 10px;
}

.title {
    text-align: right;
}

.director .dir-b-bio {
    float: left;
    border: none;
}

.director .dir-b-reels {
    float: right;
    border: none;
    margin-right: 5px;
}

.round-box {
    background: #FFFFFF url('/img/block-ins-frame.gif') 0px 0px repeat-y;
    padding: 0px 25px;
    position: relative;
    width: 570px;
    overflow: hidden;
}

.round-box .top_frm {
    position: relative;
    top: 0px;
    left: -25px;
    width: 623px;
    height: 23px;
}

.round-box .bot_frm {
    position: relative;
    left: -25px;
    bottom: -3px;
    width: 623px;
    height: 31px;
}

#bio .text {
    width: 305px;
    margin-top: 15px;
    text-align: justify;
}

#bio .dir-b-reels {
    position: relative;
    top: 20px;
    left: -10px;
    z-index: 100;
}

* HTML #bio .dir-b-reels {
    top: 40px;
}

#bio .box-bio {
    width: 252px;
    height: 252px;
    background: #FFFFFF url('/img/box-bio.gif') 0px 0px no-repeat;
    position: relative;
    float: right;
    margin-bottom: -45px;
    z-index: 100;
}

* HTML #bio .box-bio {
    margin-bottom: -10px;
}

#bio .box-bio IMG {
    position: relative;
    top: 130px;
    left: 130px;
}

#bio .text .min-height-hack {
    float: left;
    width: 1px;
    height: 170px;
    margin-left: -2px;
}

.genre-list {
    width: 160px;
    height: 150px;
    text-align: center;
    float: right;
    vertical-align: top;
}

#video-player {
    width: 374px;
    height: 290px;
    margin-left: -15px;
    border: 1px solid Black;
}

#video-list {
    position: absolute;
    width: 200px;
    height: 290px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 10;
    left: 405px;
}

* HTML #video-list {
    left: 400px;
    top: 25px;
}

body.ie7 #video-list {
    left: 400px;
    top: 25px;
}

#video-list .reel {
    overflow: hidden;
    width: 200px;
    color: #666666;
    padding: 15px 5px 15px 0px;
    border-bottom: 1px dotted #CBCBCB;
}

#video-list .reel IMG {
    margin-right: 5px;
}

#button-back {
    position: absolute;
    z-index: 30;
    top: 315px;
    right: 40px;
}

* HTML #button-back {
    right: 30px;
}

.login_form {
    width: 433px;
    height: 247px;
    margin-left: auto;
    position: relative;
    background: White url('/img/login-bg.gif') left top no-repeat;
    padding-top: 50px;
}

.login_form .field {
    width: 255px;
    height: 50px;
    margin: 15px auto;
}

.login_form .field INPUT {
    width: 100%;
    border: 1px solid #999;
    height: 23px;
    font-size: 150%;
    font-weight: bold;
    padding: 2px 5px 0px 5px;
}

.login_form .field LABEL {
    display: block;
    color: #CC6633;
    font-size: 120%;
    font-family: Arial;
    margin-bottom: 10px;
}

.login_form .submit {
    position: absolute;
    bottom: 55px;
    right: 75px;
    z-index: 10;
}

* HTML .login_form .submit {
    right: 80px;
}

.login_form .error {
    color: #FF0000;
    width: 200px;
    margin-left: 10px;
}

#greeting {
    text-align: right;
    font-size: 150%;
    color: #CC6633;
    font-weight: bold;
}

#greeting A {
    color: #999;
    font-weight: normal;
    font-size: 100%;
}

.user-files {
    width: 100%;
    border-collapse: collapse;
}

.user-files TD {
    padding: 5px;
}

.user-files .header,.user-files .header TH {
    color: #CC6633;
    font-size: 110%;
    /*font-weight: normal;*/
    white-space: nowrap;
    background-color: #F6F5F5;
    padding: 5px;
    text-align: left;
    padding-left: 10px;
}

.user-files .row TD {
    vertical-align: top;
    border-bottom: 1px solid #CCC;
    padding: 10px 5px;
}

.user-files .row IMG {
    margin: 2px;
}

.user-files .row A {
    color: #003399;
    font-weight: bold;
    text-decoration: underline;
    white-space: nowrap;
}

.user-files .row A:HOVER {
    color: #003399;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
}

.user-file-text {
    color: #CC6633;
    font-size: 130%;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.news-title {
    padding-top: 20px;
    color: #000000;
    font-size: 120%;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}


.paginator {
    text-align: center;
    margin: 10px 0px;
    font-size: 110%;
}

.paginator A {
    font-size: 100%;
}

.paginator a:link {
    color: #CCC;
}

.paginator a:visited {
    color: #CCC;
}

.paginator a:hover {
    color: #CCC;
}

.paginator a:active {
    color: #CCC
}

.comment {
    margin-bottom: 10px;
    border-bottom: 1px solid #CCC;
    padding: 0px 2px 10px 2px;
}

.comment .header {
    color: #CC6633;
    font-size: 110%;
    white-space: nowrap;
    background-color: #F6F5F5;
    padding: 5px;
    text-align: left;
    padding-left: 10px;
    margin-bottom: 5px;
}

#add-new-comment LABEL {
    display: block;
    margin: 5px 0px;
    color: #CC6633;
    font-size: 120%;
    font-weight: bold;
}

#add-new-comment TEXTAREA {
    width: 90%;
    border: 1px solid #999;
    height: 90px;
    font-size: 150%;
    font-weight: bold;
    padding: 2px 5px 0px 5px;
}

.news {
    margin: 10px 0px;
}

.news a:link,
.news a:visited,
.news a:hover,
.news a:active {
    color: #000;
}


#one_news {
    width: 490px;
    float: left;
}

#photos {
    width: 100px;
    float: right;
}

#photos IMG {
    margin-bottom: 5px;
}

.scroll-content {
    overflow-x: hidden;
    overflow-y: scroll;
    width: 620px;
}

.scroll-page {
    overflow-x: hidden;
    overflow-y: auto;
    height: 329px;
}

.scroll-page.down {
    overflow-x: hidden;
    overflow-y: auto;
    height: 320px;
    margin-top: 10px;
}

.hotel {
    width: 160px;
    height: 75px;
    float: left;
    background: transparent url("/img/hotels/gray-bed.gif") 3px 0 no-repeat;
    padding-left: 80px;
    color: #666666;
    font-size: 80%;
    font-weight: bold;
}

.hotel b {
    color: #333333;
    font-size: 120%;
}

.hotel a {
    font-weight: normal;
}


/**************************************************************/
TD {
    padding: 0px;
}

TABLE {
    border-collapse: collapse;
}

BODY {
    font-size: 8pt;
    color: #B2B2B2;
    font-family: Verdana;
}

A:LINK {
    font-size: 8pt;
    color: #CCC;
    font-family: Verdana;
    text-decoration: underline;
}

A:VISITED {
    font-size: 8pt;
    color: #CCC;
    font-family: Verdana;
    text-decoration: underline;
}

A:HOVER {
    font-size: 8pt;
    color: #CCC;
    font-family: Verdana;
    text-decoration: none;
}

A:ACTIVE {
    font-size: 8pt;
    color: #CCC;
    font-family: Verdana;
    text-decoration: underline;
}

TD {
    font-size: 9pt;
    color: #333333;
    font-family: Verdana;
}

.td2 {
    /*padding-top: 20px;*/
    padding-left: 20px;
    padding-right: 20px;
    font-size: 8.5pt;
    color: #333333;
    font-family: Verdana;
    line-height: 100%
}

.td3 {
    padding-top: 20px;
    padding-left: 9px;
    padding-right: 11px;
    font-size: 8.5pt;
    color: #333333;
    font-family: Verdana;
    line-height: 250%
}

* HTML .td3 {
    padding-left: 10px;
    padding-right: 10px;
}

.td4 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 8.5pt;
    color: #333333;
    font-family: Verdana;
    line-height: 150%
}

.link_grey:LINK {
    font-size: 8pt;
    color: #788fbe;
    font-family: Verdana;
    text-decoration: none;
}

.link_grey:VISITED {
    font-size: 8pt;
    color: #788fbe;
    font-family: Verdana;
    text-decoration: none;
}

.link_grey:HOVER {
    font-size: 8pt;
    color: #788fbe;
    font-family: Verdana;
    text-decoration: underline;
}

.link_grey:ACTIVE {
    font-size: 8pt;
    color: #788fbe;
    font-family: Verdana;
    text-decoration: none;
}

a.menu:link,
a.menu:visited,
a.menu:hover,
a.menu:active {
    font-size: 14pt;
    color: #999;
    font-family: Verdana;
    text-decoration: none;
}

a.menu.selected:link,
a.menu.selected:visited,
a.menu.selected:hover,
a.menu.selected:active {
    color: #FC9900;
}

TABLE.big_table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

.zagolovok {
    font-size: 14pt;
    color: #B2B2B2;
    font-family: Verdana;
    padding-bottom: 5px;
    padding-right: 35px;
    text-align: right;
}

.copyrights {
    padding-top: 10px;
    font-size: 8pt;
    color: #B2B2B2;
    font-family: Verdana;
}

.spisok_1 {
    padding-left: 25px;
    background-image: url('bullit_1.gif');
    background-repeat: no-repeat;
    padding-bottom: 7px;
}

.spisok_2 {
    padding-left: 25px;
    background-image: url('bullit_2.gif');
    background-repeat: no-repeat;
    padding-bottom: 7px;
}

.spisok_3 {
    padding-left: 15px;
    background-image: url('bullit_1.gif');
    background-repeat: no-repeat;
    padding-bottom: 10px;
}

.td_0 {
    background-image: url('bg_1.gif');
    background-repeat: no-repeat;
    vertical-align: top;
    padding-top: 40px;
    padding-left: 190px;
}

.td_1 {
    background-color: #4788be;
    background-image: url('bg_ugol_2.jpg');
    background-repeat: repeat-x;
    vertical-align: top;
}

.td_2 {
    background-image: url('bg_bottom_1.gif');
    background-position: right bottom;
}

.td_3 {
    background-color: #2153b4;
    background-image: url('bg_bottom_2.jpg');
    background-position: left top;
    background-position: right bottom;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
}

.td_4 {
    background-image: url('bg_bottom_3.gif');
    background-position: right bottom;
}

.td_menu {
    background-image: url('bg_menu.gif');
    background-repeat: no-repeat;
    height: 478px;
    padding-left: 20px;
    padding-right: 50px;
}

#request-dvd #address_form {
    width: 300px;
    float: left;
}

#request-dvd #comment_form {
    width: 300px;
    float: right;
}

#request-dvd #address_form LABEL {
    color: #CE6400;
    font-weight: bold;
}

#request-dvd #comment_form LABEL {
    white-space: nowrap;
    color: #000;
}

#request-dvd #comment_form .field LABEL {
    color: #CE6400;
    font-weight: bold;
}

#request-title {
    text-align: right;
    color: #CE6400;
    font-size: 120%;
    margin: 5px 0;
}

#request-dvd #comment_form TEXTAREA {
    border: 1px solid #000;
    margin: 3px 0;
    width: 300px;
}

#request-dvd #comment_form span {
    color: #CE6400;
    font-weight: bold;
}

#request-dvd #address_form .field {
    text-align: right;
    margin: 3px 0;
}

#request-dvd .field INPUT {
    border: 1px solid #000;
    width: 170px;
}

* html #stage {
    position: relative;
}

#stage-image {
    width: 359px;
    height: 283px;
    float: left;
    margin: 0;
    padding: 0;
    margin-left: -15px;
    margin-top: -5px;
}

* html #stage-image {
    margin-left: -7px;
}

#stage-text {
    float: right;
    color: #666666;
    font-size: 12px;
    line-height: 18px;
    margin: 20px -15px 0 0;
}

* html #stage-text {
    margin-right: -10px;
    width: 240px;
}

#stage-btn-download-blueprint {
    position: absolute;
    left: 340px;
    top: 215px;
}

#stage-btn-download-qtvr {
    position: absolute;
    left: 340px;
    top: 260px;
}

#stage-btn-printable {
    position: absolute;
    left: 20px;
    top: 305px;
    z-index: 100;
}

#stage-qtvr .video {
    text-align: center;
}

#stage-qtvr p {
    color: #ccc;
    margin-top: 10px;
}

#stage-qtvr.round-box .bot_frm {
    bottom: 3px;
}

body.ie7 #stage-qtvr.round-box .bot_frm {
    bottom: -2px;
}

body.ie #stage-qtvr.round-box .bot_frm {
    bottom: -3px;
}

#contactus {
    overflow: hidden;
    position: relative;
    /*border: 1px solid red;*/
    width: 570px;
    height: 350px;
    margin-top: 20px;
    margin-left: auto;
}

#contactus .contact {
    display: block;
    /*border: 1px solid Green;*/
    width: 111px;
    height: 104px;
    float: right;
    margin-bottom: 15px;
    -moz-outline: none;
    outline: none;
}

#contactus .contact.alex-fernbach {
    background: transparent url('/img/contacts/Alex-Fernbach.gif') top left no-repeat;
}
#contactus .contact.alex-fernbach:hover {
    background: transparent url('/img/contacts/Alex-Fernbach2.gif') top left no-repeat;
}

#contactus .contact.mark-fitzmartin {
    background: transparent url('/img/contacts/Mark-Fitzmartin.gif') top left no-repeat;
}
#contactus .contact.mark-fitzmartin:hover {
    background: transparent url('/img/contacts/Mark-Fitzmartin2.gif') top left no-repeat;
}

#contactus .contact.mario-malave {
    background: transparent url('/img/contacts/Mario-Malave.jpg') top left no-repeat;
}
#contactus .contact.mario-malave:hover {
    background: transparent url('/img/contacts/Mario-Malave2.gif') top left no-repeat;
}

#contactus .contact.anthony-jacques {
    background: transparent url('/img/contacts/Anthony-Jacques.jpg') top left no-repeat;
}
#contactus .contact.anthony-jacques:hover {
    background: transparent url('/img/contacts/Anthony-Jacques2.gif') top left no-repeat;
}

#contactus .contact.mike-dudeck {
    background: transparent url('/img/contacts/Mike-Dudeck.jpg') top left no-repeat;
}
#contactus .contact.mike-dudeck:hover {
    background: transparent url('/img/contacts/Mike-Dudeck2.gif') top left no-repeat;
}

#contactus .contact.mccray-gehret {
    background: transparent url('/img/contacts/McCray-Gehret.jpg') top left no-repeat;
}
#contactus .contact.mccray-gehret:hover {
    background: transparent url('/img/contacts/McCray-Gehret2.gif') top left no-repeat;
}

#contactus .contact.julio-lopez {
    background: transparent url('/img/contacts/Julio-Lopez.jpg') top left no-repeat;
}
#contactus .contact.julio-lopez:hover {
    background: transparent url('/img/contacts/Julio-Lopez2.gif') top left no-repeat;
}

#contactus .contact.jill-borman {
    background: transparent url('/img/contacts/Jill-Borman.jpg') top left no-repeat;
}
#contactus .contact.jill-borman:hover {
    background: transparent url('/img/contacts/Jill-Borman2.gif') top left no-repeat;
}

#contactus .contact.arthur-johnson {
    background: transparent url('/img/contacts/Arthur-Johnson.jpg') top left no-repeat;
}
#contactus .contact.arthur-johnson:hover {
    background: transparent url('/img/contacts/Arthur-Johnson2.gif') top left no-repeat;
}

#contactus .contact.beth-galton {
    background: transparent url('/img/contacts/Beth-Galton.gif') top left no-repeat;
}
#contactus .contact.beth-galton:hover {
    background: transparent url('/img/contacts/Beth-Galton2.gif') top left no-repeat;
}


#contactus .contact.general {
    background: transparent url('/img/contacts/general-inquiries.gif') top left no-repeat;
}

#contactus .contact.staff {
    background: transparent url('/img/contacts/staff.gif') top left no-repeat;
}

#contactus .contact.stub-grey {
    background: transparent url('/img/contacts/stub-grey.gif') top left no-repeat;
}

#contactus .contact.stub-lightgrey {
    background: transparent url('/img/contacts/stub-lightgrey.gif') top left no-repeat;
}

#contactus .contact.stub-orange {
    background: transparent url('/img/contacts/stub-orange.gif') top left no-repeat;
}

#info {
    position: absolute;
    width: 206px;
    height: 294px;
    border: 1px solid #797979;
    z-index: 100;
    top: 320px;
    margin-left: 30px;
    text-align: right;
}

#info-email {
    display: block;
    width: 200px;
    height: 250px;
}

#info img {
    margin: 5px;
    border: none;
}

#links .list {
    height: 270px;
    overflow-x: hidden;
    overflow-y: auto;
}

#links a:link,
#links a:visited,
#links a:hover,
#links a:active {
    color: #000;
}

#whatwedo {
    height: 320px;
    overflow-y: auto;
}

#whatwedo p {
    margin-right: 10px;
    text-align: justify;
    line-height: 250%;
}

#whatwedo .principal {
    width: 30%;
    margin-bottom: 15px;
    margin-right: 5px;
    float: left;
    font-size: 80%;
    height: 50px;
    line-height: 250%;
    text-align: center;
}

#whatwedo .principal b {
    font-size: 140%;
}