* {margin: 0; padding:0; border: 0px }

@font-face {
  font-family: "PlumbLiteC";
  src: url("../fonts/PlumbLightC.eot");
  src: local("PlumbLightC"),
       url("../fonts/PlumbLightC.ttf") format("truetype");
  font-weight: normal;
}

@font-face {
  font-family: "DaxCondCyril-Light";
  src: url("../fonts/dax-cond-cyril-light.eot");
  src: local('ю'),
       url("../fonts/dax-cond-cyril-light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
} 


a:link { color: #bbbbbb; text-decoration: none; }
a:visited { color: #bbbbbb; text-decoration: none; }
a:active { color: #aa8e30; text-decoration: underline; }
a:hover { color: #aa8e30; text-decoration: underline; }

h1 { color: #ffffff; font-size: 2em; font-weight: normal; clear: none; }
h2 { color: #d6b746; font-size: 1.6em; font-weight: normal}
h3 { color: #d6b746; font-size: 4em; font-weight: normal }
h4 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h5 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h6 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h7 { font-size: 12px; line-height: 14px; margin-bottom: 5px; }

/*p { text-indent: 0.5em; Отступ первой строки }*/


/* Body
-------------------------------------------------------------------*/
body { font-family: "DaxCondCyril-Light"; font-size: 80%; width: 100%; height: 100%; background-color: #111111; }
 

.clear { clear: both; }

/* Generic Blocks
-------------------------------------------------------------------*/
#index_content { position: absolute; font-size: 90%; height: 100%; width: 100%; min-width: 800px; min-height: 600px;  background-color: #111111; }
#content { position: absolute; font-size: 90%; min-width: 1024px; min-height: 700px; height: 100%; width: 100%; overflow: hidden; background-color: #111111; }
#home_content { position: absolute; font-size: 90%; min-width: 1160px; min-height: 650px; height: 100%; width: 100%; overflow: hidden; background-color: #000000;}
#admin_content { position: absolute; height: auto; width: 1290px; min-width: auto; min-height: 100%; background-color: #111111;}
#background {position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; z-index:-1;}
#background img {width:100%; display:block;}
#wrap { width:100%; min-width:1024px; height:100%;position:relative; z-index:1000; overflow:hidden; }
/* Left menus
-------------------------------------------------------------------*/

.left_menu { position: absolute; top: 9%; left: 9%; margin-top:-25px; margin-left:-61px; padding-right: 4px; }
.left_menu ul li { font-family: "PlumbLiteC" !important; float: left; list-style: none; font-size: 1.9em !important; letter-spacing: -0.1em;  font-weight: lighter; padding-bottom: 3px; padding-right: 4px; clear: both; }
.left_menu ul li  a:link {  float: left; color: #edecec; text-decoration: none; padding-right: 4px; }
.left_menu ul li  a:visited { float: left;  color: #edecec; text-decoration: none; padding-right: 4px; }
.left_menu ul li  a:active { float: left; color: #d6b746; text-decoration: none; padding-right: 4px;}
.left_menu ul li  a:hover { float: left; color: #d6b746; text-decoration: none; padding-right: 4px; }
.left_menu ul li .inactive {float: left;  color: #d6b746; cursor: default;width: auto; padding-right: 4px; cursor: pointer; }
.left_menu ul li img {float: left; width: 12px; height: 12px; margin-left: -2px; margin-right: 2px; margin-top: 1px; }
.left_menu ul li .inactive_current { float: left; color: #aa8e30; cursor: default; padding-right: 4px;}
.left_menu ul li .small_menus { font-family: "DaxCondCyril-Light"; letter-spacing: normal; float: left; font-size: 0.7em !important; margin-top: 6px;}
.left_menu ul li .small_menus .inactive { float: left;  color: #d6b746; cursor: default; padding-right: 4px; }
/* Logo And Back
-------------------------------------------------------------------*/

.logo{ position: absolute; top: 7%; right: 3%;  margin-top: -28px;  margin-left: -111px; height: 57px; width: 223px; }

/* Site Info
-------------------------------------------------------------------*/
.site_info{ position: absolute; color: #ffffff;  width: auto; height: auto; top: 7%; right: 3%;  margin-top: 32px; margin-right: 20px; text-align: right; }
.site_info_index{ position: absolute; color: #ffffff; margin-top: -40px;  width: auto; height: auto; bottom: 1%; right: 1%; }

/* Logo And Back
-------------------------------------------------------------------*/
.language_panel{font-size: 120%; position: absolute; display: inline; color: #ffffff; height: 2.2em; bottom: 0; right: 3%; margin-right: 20px;}
.language_panel .inactive{float: left; color: #aa8e30;}
.language_panel p{float: left;}
.language_panel .a{float: left;}

/* Index
-------------------------------------------------------------------*/
.index_central_part{ width: 460px; height: 100%; margin-left: auto; margin-right: auto; }
.index_flash { position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; z-index:0; }
.index_central_part .index_navigation { position: absolute;  font-size: 110%; display: block; left: 50%; margin-left: -17em; height: 2.5em; bottom: 0; width: auto; }
.index_central_part .index_logo { position: absolute;  background: url(../images/logo/purejoy_logo.png) no-repeat 0px 0px; height: 57px; width: 223px; top: 75%; left: 50%; margin-left: -111px;  }
.nav_menu{ margin-left: 0.5em; margin-right: 0.5em; }
.index_central_part  .index_navigation a:link { color: #333333; text-decoration: underline; }
.index_central_part  .index_navigation a:visited { color: #333333; text-decoration: underline; }
.index_central_part  .index_navigation a:active { color: #d6b746; text-decoration: underline; }
.index_central_part  .index_navigation a:hover { color: #d6b746; text-decoration: underline; } 

/* Home
-------------------------------------------------------------------*/
.home_links span.date { color:#ffffff; }
.new_collection{ position: absolute; top: 50%; left: 50%; margin-top: -145px; margin-left: 325px; }
.new_press{ position: absolute; top: 50%; left: 50%; margin-top: 130px; margin-left: 360px; }
.latest_news1{ position: absolute; width: 250px; top: 50%; left: 50%; margin-top: 130px; margin-left: -475px; }
.latest_news2{ position: absolute; width: 250px; top: 50%; left: 50%; margin-top: 180px; margin-left: -510px; }
.latest_news3{ position: absolute; width: 250px; top: 50%; left: 50%; margin-top: 230px; margin-left: -545px; }
.home_back{ position: absolute; display: inline; background: #fff url(../images/backgrounds/purejoy_home_bg.jpg) no-repeat; top: 50%; left:50%;  margin-top: -446px;  margin-left: -750px; height: 892px; width: 1500px; }

/* Collections
-------------------------------------------------------------------*/

.collections_flash { position: absolute; top: 50%; left:50%; width: 950px; height: 550px; margin-top: -275px; margin-left: -475px; }
.collection { position: absolute; width: 500px; height: 500px; top: 50%; left: 50%; margin-left: -250px; margin-top: -200px;}
.collection span { font-size: 1.3em; color: #ffffff; }

/* Collection home
-------------------------------------------------------------------*/
.collection_home { position: absolute; width: 560px; height: 500px; top: 50%; left: 50%; margin-left: -270px; margin-top: -220px;}
.collection_home span { font-size: 1.3em; color: #ffffff; }
.collection_home .read_more { float: right; }
.collection_home .crystal_image { float: left; width: 73px; height: 86px; margin-left: -90px; }
.collection_home .catwalk_preview { float: left; margin-top: 20px;}
.collection_home .backstage_preview { float: left; margin-top: 20px;}
.collection_home .catwalk_preview .thumbnail { float: left; margin-right: 10px; margin-top: 5px; width: 50px; height: 106px; background-color: #ffffff; padding-left: 1px; padding-top: 1px;}
.collection_home .backstage_preview .thumbnail { float: left; margin-right: 10px; margin-top: 5px; width: 50px; height: 70px; background-color: #ffffff; padding-left: 1px; padding-top: 1px;}
/* Collections about
-------------------------------------------------------------------*/

.collection_about { position: absolute; width: 580px; height: 500px; top: 50%; left: 50%; margin-left: -290px; margin-top: -200px;}
.collection_about p { font-size: 1.3em; color: #ffffff; }

/* Collections catwalk
-------------------------------------------------------------------*/

.collection_catwalk { position: absolute; width: 715px; height: 381px; top: 50%; left: 50%; margin-left: -365px; margin-top: -190px;}
.collection_catwalk .thumbnail_background { float: left; width: 51px; height: 107px; margin-left:20px; margin-bottom: 20px; background-color: #ffffff;}
.collection_catwalk .thumbnail_background .thumbnail {margin-left: 1px; margin-top: 1px; }
.collection_catwalk .page_numbers { float: right; width: auto; color: #bbbbbb; font-size: 1.2em; margin-top: -30px; }
.collection_catwalk .pages {float: left; margin-right: 5px;}
.collection_catwalk .page_numbers a:link { color: #ffffff;  text-decoration: none; }
.collection_catwalk .page_numbers a:visited { color: #ffffff; text-decoration: none; }
.collection_catwalk .page_numbers a:active { color: #d6b746; text-decoration: underline; }
.collection_catwalk .page_numbers a:hover { color: #d6b746; text-decoration: underline; }
.collection_catwalk .page_numbers .inactive { float: left; color: #d6b746; text-decoration: underline; width: auto; }

/* Collections backstage
-------------------------------------------------------------------*/

.collection_backstage{ position: absolute; width: 639px; height: 500px; top: 50%; left: 50%; margin-left: -310px; margin-top: -200px;}
.collection_backstage .thumbnails { width: 318px; cursor: pointer; float: left; }
.collection_backstage .thumbnail_background { float: left; width: 51px; height: 71px; margin-left: 2px; margin-bottom: 2px; float: left; background-color: #ffffff;}
.collection_backstage .thumbnail_background .thumbnail{ float: left; margin: 0;  padding-left:1px; padding-top: 1px;}
.collection_backstage .main_background { width: 312px; height: 436px; margin-left: 2px; float: left; background-color: #ffffff;}
.collection_backstage .main_background .main_photo { width: 310px; height: 426px; margin-left: 5px; margin-top: 5px;}
.collection_backstage .main_background .main_photo img {height: 426px;}
.collection_backstage .page_numbers { float: right; width: auto; color: #bbbbbb; font-size: 1.2em; margin-top: -30px; }
.collection_backstage .pages {float: left; margin-right: 5px;}
.collection_backstage .page_numbers a:link { color: #ffffff;  text-decoration: none; }
.collection_backstage .page_numbers a:visited { color: #ffffff; text-decoration: none; }
.collection_backstage .page_numbers a:active { color: #d6b746; text-decoration: underline; }
.collection_backstage .page_numbers a:hover { color: #d6b746; text-decoration: underline; }
.collection_backstage .page_numbers .inactive { float: left; color: #d6b746; text-decoration: underline; width: auto; }

/* Collections soundtrack
-------------------------------------------------------------------*/

.collection_soundtrack{ position: absolute; width: 415px; height: auto; top: 50%; left: 50%; margin-left: -208px; margin-top: -170px;}
.collection_soundtrack .soundtrack_flash { width: 415px; height: 61px;}
.collection_soundtrack .title { font-size: 1.4em; color: #ffffff; }
.collection_soundtrack .download a{ float: right; font-size: 12px; color: #ffffff; }


/* Main Lookbook
-------------------------------------------------------------------*/

.lookbook{ position: absolute; width: 544px; height: auto; top: 50%; left: 50%; margin-left: -272px; margin-top: -220px;}
.lookbook .video_flash { width: 544px; height: 392px;}

/* Look Book Collections
-------------------------------------------------------------------*/

.lookbook_block { position: absolute; width: 350px; height: 500px; top: 25%; left: 50%; margin-left: -175px; }
.lookbook_block .lookbook_item{ height: 60px; margin-bottom: 5px; }
.lookbook_block img {float: left; width: auto; height: auto; margin-right: 10px;}
.lookbook_block .lookbook_item .lookbook_description span {color: #ffffff; font-size: 1.4em;}
.lookbook_block  a:link {  color: #d6b746; font-size: 1.4em; text-decoration: none; }
.lookbook_block  a:visited {  color: #d6b746; font-size: 1.4em; text-decoration: none; }
.lookbook_block  a:active { color: #d6b746; font-size: 1.4em; text-decoration: underline; }
.lookbook_block  a:hover { color: #d6b746; font-size: 1.4em; text-decoration: underline; }
.lookbook_block .news_text {width: 650px;}
.lookbook_block .lookbook_description span {color: #ffffff; font-size: 1.2em;}


/* Press Area
-------------------------------------------------------------------*/
.pressarea_flash { position: absolute; top: 50%; left:50%; width: 700px; height: 500px; margin-top: -250px; margin-left: -350px; }
.pressarea_flash .pressarea_years { margin-left: 35px; }
.pressarea_flash .pressarea_years .years_item{ float: left; margin-left: 5px; margin-right: 5px;}
/* news
-------------------------------------------------------------------*/
.news_block{ position: absolute; width: auto; height: 600px; top: 50%; left: 50%; margin-top: -200px; margin-left: -330px;  }
.news_block .page_numbers {  width: 680px; color: #bbbbbb; font-size: 1.2em; margin-top: -20px; }
.news_block .pages {float: left; margin-right: 5px;}
.news_block .page_numbers a:link { color: #ffffff;  text-decoration: none; }
.news_block .page_numbers a:visited { color: #ffffff; text-decoration: none; }
.news_block .page_numbers a:active { color: #d6b746; text-decoration: underline; }
.news_block .page_numbers a:hover { color: #d6b746; text-decoration: underline; }
.news_block .page_numbers .inactive { float: left; color: #d6b746; text-decoration: underline; width: auto; }
.news_block .news_annotation{ height: 80px; margin-bottom: 40px; }
.news_img {float: left; width: 131px; height: 81px; padding: 0; background-color: #ffffff; padding-left: 1px; padding-top: 1px; }
.news_header { margin-bottom: 10px; margin-left: 140px;}
.news_header span { margin-bottom: 10px;  }
.news_block .news_read { padding-bottom: 10px; margin-bottom: 10px; border-bottom:0px solid #D6D6D6; min-height: 85px; height: auto;}
.news_block span {color: #ffffff; font-size: 1.4em;}
.news_block .news_annotation a:link {  color: #d6b746; font-size: 1.4em; text-decoration: none; }
.news_block .news_annotation a:visited {  color: #d6b746; font-size: 1.4em; text-decoration: none; }
.news_block .news_annotation a:active { color: #d6b746; font-size: 1.4em; text-decoration: underline; }
.news_block .news_annotation a:hover { color: #d6b746; font-size: 1.4em; text-decoration: underline; }
.news_block .news_text {width: 540px; margin-left: 140px; }
.news_text span {color: #ffffff; font-size: 1.2em;}
.news_text a:link { color: #6c6c6c !important; font-size: 1.1em !important; text-decoration: underline !important;}
.news_text a:visited { color: #6c6c6c !important; font-size: 1.1em !important; text-decoration: underline !important; }
.news_text a:active { color: #6c6c6c !important; font-size: 1.1em !important; text-decoration: underline !important; }
.news_text a:hover { color: #6c6c6c !important; font-size: 1.1em !important; text-decoration: underline !important; }

/* About
-------------------------------------------------------------------*/

.about{ position: absolute; width: 460px; height: 500px; top: 30%; left: 50%; margin-left: -120px; }
.about p { font-size: 1.3em; color: #ffffff; }
.about_photo { position: absolute; width: 112px; height: 250px; top: 30%; left: 50%; margin-left: -255px;  cursor:pointer; }
.about_photo .thumbnail{ width: 112px; height: 200px; background-color: #ffffff;}
.about_overlay { display:none; background-image:url(../images/backgrounds/transparent_bg.png); color:#fff;  height:700px; padding:40px;  font-size:11px; } 
.about_overlay div.close { background-image:url(../images/buttons/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; }
.about_photo p { color:#bbbbbb; }
.about_photo .zoom {float: left; margin-top: 5px; margin-left: 5px; margin-right: 5px}
.about_photo .zoom_text { float: left; width: 80px; }

/* Video
-------------------------------------------------------------------*/

.video{ position: absolute; width: 544px; height: auto; top: 50%; left: 50%; margin-left: -272px; margin-top: -220px;}
.video .video_flash { width: 544px; height: 392px;}
.video .title { font-size: 1.8em; color: #aa8e30;  margin-bottom: 5px; text-align: center; }
.video .download{ float: right; }
.video .download a:link {  color: #d6b746; font-size: 1.2em; text-decoration: none; }
.video .download  a:visited {  color: #d6b746; font-size: 1.2em; text-decoration: none; }
.video .download  a:active { color: #d6b746; font-size: 1.2em; text-decoration: underline; }
.video .download  a:hover { color: #d6b746; font-size: 1.2em; text-decoration: underline; }
.video .description { font-size: 1.2em; margin-top: 10px; text-align: center; color: #ffffff; }
.video .thumbs { margin-top: 30px; margin-left: auto; margin-right: auto; }
.video .thumbs img { float: left; width: 70px; border-style:solid; border-width:1px; border-color: #ffffff; margin-right: 5px; }


/* Contacts
-------------------------------------------------------------------*/
.contacts { position: absolute; width: auto; height: auto; top: 30%; left: 50%; margin-left: -270px; }
.contacts span { font-size: 1.6em; color: #ffffff; }
.contacts .mail { font-size: 1.6em; color: #d6b746; }
.adress { position: absolute; width: 400px; height: 500px; top: 30%; left: 50%; margin-left: -10px; }
.adress p { font-size: 1.3em; color: #ffffff; }

/* Admin Login
-------------------------------------------------------------------*/

/* form style */
#login { position: absolute; text-align: center; width: 350px; height: 290px; top: 50%; left: 50%; margin-left: -150px; margin-top: -145px; background-color: #333;	padding:15px 20px; color:#eee; -moz-border-radius:10px; -webkit-border-radius:10px; } 
#login p { margin-bottom: 10px; }
#login h3 { text-shadow:1px 1px 1px #000; }
#login input { border:1px solid #444; background-color:#666; padding:5px; color:#ddd; font-size: 1.2em; -moz-border-radius:4px; -webkit-border-radius:4px; text-shadow:1px 1px 1px #000; }
#password { width: 300px; }
#username { width: 300px; }
#login #submit{ margin-left: auto; margin-right: auto; }
#login label {font-size: 1.2em; color: #ffffff; text-align: center; text-shadow:1px 1px 1px #000;}
#login .login_error {font-size: 1.2em; color: #ff0000; text-shadow:1px 1px 1px #000;}
#login input:focus { color:#fff; background-color:#777; }
#login input:active { background-color:#888; }

/* Admin
-------------------------------------------------------------------*/
.admin_border { margin: 40px; min-height: 100%;}
.admin_navigation {float: left; width: 20%; height: 100%; }
.admin_navigation .admin_navigation_small { margin-left: 20px; }
.admin_navigation .admin_navigation_small a:link { color: #bbbbbb !important; font-size: 1em !important; }
.admin_navigation .admin_navigation_small a:visited { color: #bbbbbb !important; font-size: 1em !important; }
.admin_navigation .admin_navigation_small a:active { color: #d6b746 !important; font-size: 1em !important; }
.admin_navigation .admin_navigation_small a:hover { color: #d6b746 !important; font-size: 1em !important; }
.admin_edit_field { float: left; width: 80%; height: 100%; }
.admin_edit_field .center { width: 900px; height: auto; margin-left: auto; margin-right: auto; padding: 20px; background-color: #333; -moz-border-radius:4px; -webkit-border-radius:4px; }
.editText { font-size: 1em; width: 690px; height: 20px; border: 1px double black; margin-bottom: 20px; }
.editImage { margin-bottom: 20px; }
.admin_edit_field label { font-size: 1.2em; color: #ffffff; }
.admin_edit_field input { border:1px solid #444; background-color:#666; padding:5px; color:#ffffff; font-size: 1.2em; -moz-border-radius:4px; -webkit-border-radius:4px; cursor: pointer;}
#pageTitle-element {height: 40px;}
#pageContent-element {width: 600px;}
#admin_content  a:link { font-size: 1.6em; color: #bbbbbb; text-decoration: none; }
#admin_content  a:visited { font-size: 1.6em; color: #bbbbbb; text-decoration: none; }
#admin_content  a:active { font-size: 1.6em; color: #bbbbbb; text-decoration: underline; }
#admin_content  a:hover { font-size: 1.6em; color: #bbbbbb; text-decoration: underline; }
#admin_content  span { font-size: 1.1em; color: #000000;}
.admin_edit_field .editlist { font-size: 1.2em; color: #ffffff; width:100%; border-collapse:collapse; cellspacing: 10px; }
.admin_edit_field .editlist td { border-bottom:1px solid #D6D6D6; padding: 4px !important; }
.admin_edit_field .editlist .s1 { width: 150px !important; }
.admin_edit_field .editlist  a:link { font-size: 1.1em !important;; color: #bbbbbb; text-decoration: none; }
.admin_edit_field .editlist  a:visited { font-size: 1.1em !important;; color: #bbbbbb; text-decoration: none; }
.admin_edit_field .editlist  a:active { font-size: 1.1em !important;; color: #bbbbbb; text-decoration: underline; }
.admin_edit_field .editlist  a:hover { font-size: 1.1em !important;; color: #bbbbbb; text-decoration: underline; }
.admin_edit_field #img {max-width: 900px;}
.admin_edit_field img {max-width: 900px;}
.errors { color: #ff0000; margin-bottom: 10px; }
.admin_edit_field  .cancel { border:1px solid #444; background-color:#666; padding:5px; color:#ffffff; font-size: 1.2em; -moz-border-radius:4px; -webkit-border-radius:4px; cursor: pointer;}
.admin_edit_field #cancel-label { float: left; }
.admin_edit_field #submit-element { float: left; }