/* common elements */
    body, html{
        margin: 0px;
        padding: 0px;
        background-color: white;
        
    }
    p, form, input, ul, li{
       margin: 0px;
       padding: 0px;
    }
    
    ul, li{
        list-style: none;
    }
    
    img{
        border: 0px;
    }
    
    div.cleaner{
        clear: both;
        height: 0px;
        font-size: 0px;
        line-height: 0px;
    }
    div.cleaner2{
        clear: both;
    }

    /* common div define width */
    div.commonWidthContainer{
        position: relative;
        width: 980px;

        margin-left: auto;
        margin-right: auto;
        /* background: url('/CommonFiles/Project/WPM_Templates/Images/layout/dbg_width_make_bg.jpg'); */
    }
    
    p.colHeader{
        border-bottom: 1px solid #302418;
        color: #302418;
        font-family: Georgia;
        font-size: 14px;
        letter-spacing: 2px;
        height: 24px; /* see safari additional style */
        margin-top: -4px;
        margin-bottom: 15px;
    }
    
    p.pageTitle{
        font-family: georgia;
        font-size: 30px;
        color: #302418;
        line-height: 33px;
        padding-bottom: 19px;
        margin-top: -3px;
    }
    
    div#foldsBlockOuter{
        background: url('/CommonFiles/Project/WPM_Templates/Images/layout/fold_ul_bg.png') left 32px repeat-x;
        margin-bottom: 30px;
    }
    ul#foldsBlock{
        display: block;
        width: 100%;
    }
    
    ul#foldsBlock li{
        display: block;
        float: left;
        font-size: 14px;
        font-family: georgia;
        text-transform: uppercase;
        line-height: 33px;
        background: url('/CommonFiles/Project/WPM_Templates/Images/layout/fold_normal.png') right top no-repeat; 
    }
    
    ul#foldsBlock li a:link,
    ul#foldsBlock li a:active,
    ul#foldsBlock li a:visited{
        color: #6a6259;
    }
    
    ul#foldsBlock li.last{
        background: white url('/CommonFiles/Project/WPM_Templates/Images/layout/fold_normal_last.png') right top repeat-x; 
    }
    
    ul#foldsBlock li.current, ul#foldsBlock li.firstcurrent,  ul#foldsBlock li.lastcurrent{
        background: white url('/CommonFiles/Project/WPM_Templates/Images/layout/fold_active.png') right top repeat-x; 
    }

    ul#foldsBlock li.current a:link, ul#foldsBlock li.current a:visited, ul#foldsBlock li.current a:active,
    ul#foldsBlock li.firstcurrent a:link, ul#foldsBlock li.firstcurrent a:visited, ul#foldsBlock li.firstcurrent a:active, 
    ul#foldsBlock li.lastcurrent a:link, ul#foldsBlock li.lastcurrent a:visited, ul#foldsBlock li.lastcurrent a:active{
        color: #e98a4c;
    }
    
    div.lpMaker{
        padding-left: 13px;
        padding-right: 13px;
    }
    
    ul#foldsBlock li.firstcurrent div.lpMaker{
        
        background: url('/CommonFiles/Project/WPM_Templates/Images/layout/fold_first_active_lp_maker.png') left top no-repeat;
    }

    div#plainContent, div.workShortText{
        font-family: arial;
        font-size: 14px;
        line-height: 18px;
        color: #585551;
    }
    
    div#plainContent a:link, div#plainContent a:active, div#plainContent a:visited,
    div.workShortText a:link, div.workShortText a:active, div.workShortText a:visited
    {
        color: #a27f47;
    }

    div#plainContent a:hover,
    div.workShortText a:hover
    {
        color: #ef9609;
    }
    
    div#plainContent{
        padding-left: 2px;
        width: 648px;
    }
    
    p.smallText{
        margin-top: -4px;
        font-family: arial;
        font-size: 12px;
        color: #585551;
        /* text-shadow: 0px 0px 1px white; */
        line-height: 16px;
    }
    
    p.smallText a:link, p.smallText a:visited, p.smallText a:active{
        color: #df5900;
    }

    p.smallText a:hover{
        color: #ef9609;
    }
    
    div.persone{
        float: left;
        width: 65px;
        margin-bottom: 10px;
    }
    
    div.persone div{
        background: url('/CommonFiles/Project/WPM_Templates/Images/layout/expert_small_bg.png') no-repeat;
        padding-top: 3px;
        padding-left: 3px;
        height: 77px;
        width: 62px;
    }
    div.persone div img{
        display: block;
    }
    
   
    p.persone{
        color: #302418;
        font-weight: bold;
        text-transform: uppercase;
        font-family: Georgia;
        font-size: 12px;
        padding-top: 6px;
        
        line-height: 16px;
        
    }
    
    .personeLink{
        padding-top: 4px;
        font-size: 11px;
        line-height: 13px;
        font-family: Georgia;
        font-style: italic;
    }
    .personeLink a:link,
    .personeLink a:active,
    .personeLink a:visited{
        
        color: #df5900;
    }
    
    .personeLink a:hover{
        color: #ef9609;
    }

    p.readMoreLinkCont{
        padding-top: 4px;
        
        font-size: 11px;
        font-family: arial;
    }
    
    p.readMoreLinkCont a:link,
    p.readMoreLinkCont a:visited,
    p.readMoreLinkCont a:active{
        color: #df5900;
    }
    
    p.readMoreLinkCont a:hover{
        color: #ef9609;
    }
    
    p.smallestText{
        font-family: arial;
        font-size: 11px;
        color: #585551;
        line-height: 16px;
        
    }
    
    p.shortDescText{
        color: #685f57;
        font-size: 11px;
        font-family: Georgia;
        font-style: italic;
    }
    
    /* first header */
    div#firstHeader{
        border-bottom: 3px solid #d4a155;
        height: 34px;
        background: url('/CommonFiles/Project/WPM_Templates/Images/layout/first_header_bg.png');
    }
    
    div#yearsFoldsBlock{
        
    }
    
    
    div#yearsFoldsBlock img{
        border: 0px;
        margin: 4px 0px 0px 0px;
        padding: 0px;
        float: left;
        display: block;
    }
    
    /* second header */
    div#secondHeader{
        background: url('/CommonFiles/Project/WPM_Templates/Images/layout/second_header_bg.png');
        height: 91px;
        
    }
    img#topLogo{
        position: absolute;
        top: 0px;
        left: 0px;
    }
    
   
    ul#menu{
        position: absolute;
        left: 215px;
        top: 33px;
        text-align: center;
        width: 500px;
    }
    
    ul#menu li{
        display: inline;
        font-family: Georgia;
        font-size: 12px;
        font-weight: bold;
        margin-left: 12px;
        margin-right: 12px;
        
        line-height: 20px;
        
        /* text-shadow: 0px 0px 1px white; */
        color: white;
        
    }
    
    ul#menu li a:link,
    ul#menu li a:active,
    ul#menu li a:visited{
        color: #df5900;
    }
    ul#menu li a:hover{
        color: #ef9609;
        
    }
    
    div#searchBlock{
        position: absolute;
        right: 0px;
        top: 35px;
        width: 143px;
    }
    
    input#searchInput, input#searchSubmit{
        position: absolute;
        border: 0px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background-color: transparent;
    }
    
    
    input#searchInput{
        left: 0px;
        width: 116px;
        background-image: url('/CommonFiles/Project/WPM_Templates/Images/layout/search_input.png');
        padding-left: 7px;
        padding-top: 2px;
        height: 17px;
        font-family: tahoma;
        font-size: 11px;
        color: #7d7b79;
    }
    
    input#searchInput2{
        top: 20px;
    }
    
    input#searchSubmit{
        right: 0px;
        width: 19px;
        background-image: url('/CommonFiles/Project/WPM_Templates/Images/layout/search_submit.png');
        height: 19px;
    }
    
    div#iconsBlock{
        position: absolute;
        top: 35px;
        right: 170px;
    }
    
    div#iconsBlock img{
        margin-left: 6px;
        margin-right: 6px;
    }
    
    /* content part */
    div#mainContentContainerBlock{
        padding-top: 25px;
        background: white url('/CommonFiles/Project/WPM_Templates/Images/layout/content_block_bg.png') repeat-x;
    }
    
    div#contentLeftBlock{
        float: left;
        width: 120px;
    }
    
    div#interviews{
        margin-bottom: 20px;
    }
    
    div#forumMessages div.message{
        margin-bottom: 20px;
    }
    
    div#forumMessages div.message p.date{
        font-size: 10px;
        font-family: arial;
        color: #7d7973;
        line-height: 14px;
    }
    
    div#forumMessages div.message  .personeLink{
        margin-top: -3px;
    }
    
    div#forumMessages div.message  p.title{
        color: #a27f47;
        font-size: 12px;
        font-family: Georgia;
        font-weight: bold;
    }
    
    div#forumMessages div.message  p.title a:link,
    div#forumMessages div.message  p.title a:visited,
    div#forumMessages div.message  p.title a:active{
        color: #a27f47;
    }
    div#forumMessages div.message  p.title a:hover{
        
    }
   
    div#contentBlock{
        width: 845px;
        float: left;
        margin-left: 15px;
    }
   
    div#topContBlock{
        height: 301px;
        position: relative;
    }
    
    div#topContBigBanner, div#topContAnnouncement, div#topContExpertOpinion, div#topContAboutProj, div#topContSmallBanner{
        position: absolute;
    }
    
    div#topContBigBanner{
        top: 0px;
        left: 0px;
        width: 455px;
        height: 182px;
        background: url('/CommonFiles/Project/WPM_Templates/Images/layout/big_banner_bg.png') no-repeat;
    }
    
    div#topContBigBanner img{
        margin-top: 5px;
        margin-left: 6px;
    }
        
    div#topContAnnouncement{
        top: 182px;
        left: 0px;
        width: 455px;
        height: 119px;
    }
    
    p#announcementText{
        line-height: 20px;
    }
    
    p#announcementText a:link,
    p#announcementText a:active,
    p#announcementText a:visited{
        color: #df5900;
        font-size: 16px;
        font-family: Georgia;
    }
    
    p#announcementText a:hover{
        color: #ef9609
    }
    
    div#topContAnnouncement p.shortDescText{
        margin-top: 15px;
        padding-left: 3px;
        line-height: 16px;
    }
    
    div#topContAnnouncement p.smallText{
        margin-top: 1px;
        line-height: 17px;
    }
    
    div#topContExpertOpinion{
        width: 180px;
        height: 180px;
        right: 0px;
        top: 0px;
    }
    
    div#topContExpertOpinion p.smallestText{
        margin-left: 70px;
        margin-top: 5px;
        padding-right: 5px;
    }
    
    div#topContExpertOpinion div.photo img{
    }
    
    div#topContAboutProj{
        top: 0px;
        right: 195px;
        width: 180px;
        height: 180px;
    }
    
    div#topContSmallBanner{
        right: 0px;
        width: 375px;
        height: 119px;
        bottom: 0px;
    }
    div#topContSmallBanner img{
        display: block;
    }
    
    div#centralContentBlock{
        margin-top: 10px;        
    }
    div#centralContentBlock p{
        margin-bottom: 10px;        
    }    
    
    .normalText{
        font-family: Arial;
        font-size: 13px;
        line-height: 18px;
        color: #585551;
    }
    
    div#works{
        width: 650px;
    }
    
    div#works div.oneWork{
        margin-bottom: 30px;
    }
    
    div#works div.oneWork p.title{
        font-family: georgia;
        font-size: 24px;
        color: #302418;
        line-height: 27px;
    }
    
    div#works div.oneWork p.shortDescText{
        line-height: 21px;
    }
    
    div#works div.oneWork  div.workShortTextAndPic{
        padding-top: 3px;
    }
    
    div#works div.oneWork  div.workShortTextAndPic div.workShortPic{
        width: auto;
        float: left;
        padding-top: 10px;
        padding-right:20px;
    }

    div#works div.oneWork  div.workShortTextAndPic div.workShortText{
        /*margin-left: 120px;*/
    }
  

    div#works div.oneWork  div.workShortTextOnly div.workShortText{
        
    }
    
    div#newsBlock{
        width: 455px;
        float: left;
        height: 1px;
    }
    
    .oneNews{
/*        padding-left: 64px;*/
        /*background: url('/CommonFiles/Project/WPM_Templates/Images/layout/calendar_big_pic.png') 0px 4px no-repeat;*/
        margin-bottom: 30px;
    }
    
    .oneNews p.title{
        font-family: Georgia;
        font-size: 30px;
        color: #302418;
        line-height: 30px;
        margin-bottom: 10px;

    }
    
    div#entityesBlock{
        float: left;
        width: 375px;
        margin-left: 15px;
    }
    
    div#entityesBlockLPart{
        float: left;
        width: 180px;
    }

    div#entityesBlockRPart{
        float: left;
        width: 180px;
        margin-left: 15px;
    }
    
    p.entityTitle{
        font-family: Georgia;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    p.entityTitle a:link,
    p.entityTitle a:visited,
    p.entityTitle a:active{
        font-weight: normal;
        color: #df5900;
        font-size: 11px;
    }

    p.entityTitle a:hover{
        color: #ef9609;
    }
    
    div#heads p.smallestText{
        margin-left: 72px;
    }

    div.otherHeadLinksBlock{
        margin-top: 15px;
        margin-bottom: 30px;
    }

    p.otherHeadLink{
        font-size: 12px;
        font-family: Georgia;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    p.otherHeadLink a:link,
    p.otherHeadLink a:active,
    p.otherHeadLink a:visited{
        color: #a27f47;
    }
    p.otherHeadLink a:hover{
        color: #ef9609;
    }
    
    div.playPicBlock{
        background: url('/CommonFiles/Project/WPM_Templates/Images/layout/play_pic_bg.png');
        height: 77px;
        padding-left: 3px;
        padding-top: 3px;
        margin-bottom: 7px;
    }
    div.playInfBlock{
        padding-left: 2px;
        padding-top: 4px;
        padding-bottom: 12px;
    }
    
    div.playInfBlock.first{
        padding-top: 4px;
        padding-bottom: 8px;
    }
    
    div.playInfBlock.colored{
        background-color: #f4f3f2;
    }
    
    div.playPicBlock img{
        display: block;
    }
    
    p.playName{
        font-family: Georgia;
        font-size: 12px;
        font-weight: bold;
    }
    
    p.playName a:link,
    p.playName a:active,
    p.playName a:visited{
        color: #a27f47;
    }

    p.playName a:hover{
        color: #ef9609;
    }
    
    p.playDirector{
        padding-top: 2px;
        font-family: Georgia;
        font-size: 11px;
        font-style: italic;
        color: #df5900;
    }
    
    p.playDirector a:link,
    p.playDirector a:visited,
    p.playDirector a:active{
        color: #df5900;
    }
    p.playDirector a:hover{
        color: #ef9609;
    }
    
    div.plays{
        margin-bottom: 35px;
    }
    
    div.plays p.smallText{
        margin-top: 3px;
        margin-bottom: -2px;
    }
    
    /* */
    
    /* smallBlock on main page */
    div#playersBlcok{
        margin-bottom: 20px;
    }
    
    div#playersBlcok div img{
        display: block;
        float: left;    
    }
    
    /* players page */
    
    div#playersPage div#plainContent{
        width: auto;
        margin-bottom: 30px;
    }
    
    
    div#playersBigMap div.playerContainer,
    div#playersBigMap div.playerContainerActive
    {
        position: relative;
        height: 140px;
        width: 140px;
        float: left;
        
    }
    
    div#playersBigMap div.playerContainer{
        z-index: 1;
        background-color: white;
    }
    
    div#playersBigMap div.playerContainerActive{
        z-index: 10;
        
        /* background-color: royalblue; */
    }
    
    div#playersBigMap div.playerContainer img.playerPhoto,
    div#playersBigMap div.playerContainerActive img.playerPhoto
    {
        margin: 1px 0px 0px 1px;
        display: block;
    }
    
    /* */
    
    div.playerInfoTemporaryCommon{
        display: none;
        background: url('/CommonFiles/Project/WPM_Templates/Images/layout/players_info_rev.png') top right no-repeat;
        background: url('/CommonFiles/Project/WPM_Templates/Images/layout/players_info.png') top right no-repeat;
    }
    
    div#playersBigMap div.playerContainer div.playerInfoBlockAtRight,
    div#playersBigMap div.playerContainerActive div.playerInfoBlockAtRight
    {
        width: 221px;
        height: 138px;
        top: 0px;
        left: 140px;
        background: url('/CommonFiles/Project/WPM_Templates/Images/layout/players_info.png') no-repeat;
        position: absolute;
        
    }

    div#playersBigMap div.playerContainer div.playerInfoBlockAtLeft,
    div#playersBigMap div.playerContainerActive div.playerInfoBlockAtLeft
    {
        width: 221px;
        height: 138px;
        top: 0px;
        left: -223px;
        background: url('/CommonFiles/Project/WPM_Templates/Images/layout/players_info_rev.png') top right no-repeat;
        text-align: right;
        position: absolute;
    }
    
    
    
    div#playersBigMap div.playerContainer div.playerInfoBlockAtRight,
    div#playersBigMap div.playerContainer div.playerInfoBlockAtLeft{
        display: none;
    }
    
    div#playersBigMap div.playerContainerActive div.playerInfoBlockAtRight,
    div#playersBigMap div.playerContainerActive div.playerInfoBlockAtLeft
    {
        display: block;
    }
    
    
    div.playerInfoBlockAtRight p.playerName,
    div.playerInfoBlockAtLeft p.playerName{
        color: #302418;
        font-family: Georgia;
        font-size: 21px;
        margin: 8px 10px 0px 10px;
    }
    
    div.playerInfoBlockAtRight p.who,
    div.playerInfoBlockAtLeft p.who{
        font-family: Georgia;
        font-size: 11px;
        font-style: italic;
        color: #645b52;
        margin: 8px 10px 0px 10px;
    }

    div.playerInfoBlockAtRight p.who{
	padding-right: 25px;
	}

    div.playerInfoBlockAtLeft p.who{
	padding-left: 25px;
	}
    
    /* prefooter block */
    #preFooter{
        margin-top: 30px;
        background: #ebe9e7 url('/CommonFiles/Project/WPM_Templates/Images/layout/prefooter_top_sh.png') repeat-x;         
        /* border: 1px solid cyan; */
        padding-bottom: 25px;
    }
    

    #lShadowMaker{
        background: url('/CommonFiles/Project/WPM_Templates/Images/layout/prefooter_top_sh_left.png') no-repeat left top;
    }
    
    #rShadowMaker{
        padding-top: 20px;
        background: url('/CommonFiles/Project/WPM_Templates/Images/layout/prefooter_top_sh_right.png') no-repeat right top;
    }
    
    #sponsors{
        margin-left: auto;
        margin-right: auto;
        
        background: url('/CommonFiles/Project/WPM_Templates/Images/layout/sponsors_grid_one_line.png');
        width: 954px;
        
    }
    
    div#sponsors div#innerBottomHider img {
        float: left;
        height: 81px;
        width: 159px;
        display: block;
        border: 0px;
        margin: 0px;
    }
    
    div#innerTopHider{
        background-image: url('/CommonFiles/Project/WPM_Templates/Images/layout/sponsors_grid_hider_top.png');
        background-position: left top ;
        background-repeat: no-repeat;
        
        /*ie idiotic bug need to define width*/
        width: 954px;
    }

    div#innerBottomHider{
        background-image: url('/CommonFiles/Project/WPM_Templates/Images/layout/sponsors_grid_hider_bottom.png');
        background-position: left bottom;
        background-repeat: no-repeat;
    }

    /*
    div.gridOneLine{
        
        height: 81px;
    }
    */
    
    /* footer */
    
    div#footer{
        border-top: 2px solid #d4a155;
        height: 60px;
        background: url('/CommonFiles/Project/WPM_Templates/Images/layout/footer_bg.png');
    }
    
    p#copyrightDevelopers,
    ul#footerMenu{
        position: absolute;
        top: 15px;
        color: #7a838c;
        font-size: 11px;
        font-family: Arial;
        line-height: 14px;
    }
    
    p#copyrightDevelopers a:link,
    p#copyrightDevelopers a:visited,
    p#copyrightDevelopers a:active,
    ul#footerMenu li a:link,
    ul#footerMenu li a:visited,
    ul#footerMenu li a:active
    {
        color: #c2c6ca;
        /* text-shadow: 0px 0px 2px #303e4a;   */

    }

    p#copyrightDevelopers a:hover,
    ul#footerMenu li a:hover{
        color: #d3d8dc;
    }
    
    ul#footerMenu{
        position: absolute;
        right: 0px;
        top: 23px;
    }
    
    ul#footerMenu li{
        display: block;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 12px;
        height: 11px;
        background: url('/CommonFiles/Project/WPM_Templates/Images/layout/footer_menu_delimiter.png') left bottom no-repeat;
    }
    
    ul#footerMenu li.first{
        background: none;
    }



	/* some debug styles.. by Edik :) */


	div#plainContent ol li{
		border: 1px solid royalblue;
	}

	div#plainContent p{
		margin-top: 15px
	}