* {margin: 0; padding: 0;}
  body {margin: 0; padding: 0; background-color: #ccc; font-family: Helvetica; background-image: url('../images/bg_wood.jpg');min-height:960px;}
  
  
  /********
   * Structure
   ********/ 
  #headerblock { 
                  margin: 0 auto; 
                  width: 810px; 
                  height: 18px; 
                  background-image: url('../images/bg_header.png'); 
                  background-repeat: no-repeat;
                  clear: both;
                }
                
  #headerblock ul {
                  list-style-type: none; 
                  display: block; 
                  
                  width: 810px; 
                  clear: both;
                  }
                  
                  
  #headerblock ul li { display: block; float: left; color: #000; font-size: 8pt;}
  #headerblock ul li:first-child { display: block; float: left; margin-left: 58px;}
  #headerblock ul li.telephone { display: block; float: right; margin-left: 63px; margin-right: 70px; padding-top: 2px;}
    #headerblock ul li:first-child a{
                            padding-left: 5px;
                            padding-right: 6px;
    }
  #headerblock ul li a {
                        color: #000; 
                        text-decoration: none; 
                        display: block;
                        height: 16px; 
                        padding-top: 2px; 
                        padding-left: 15px; 
                        padding-right: 16px;
                        
                      }

  #headerblock ul li a:hover { background-color: #bcbcbc; background-image: url('../images/bg_grey_nav.png');}
  #headerblock ul li a.active { background-color: #bcbcbc; background-image: url('../images/bg_grey_nav.png');}
  #headerblock ul li a.shop:hover { background-color: #f30262; background-image: url('../images/bg_pink_nav.png');}
  
  
   #headerblock ul li a.shopactive { background-color: #f30262; background-image: url('../images/bg_pink_nav.png');} 
   #headerblock ul li a.consultancyactive { background-color: #f30262; background-image: url('../images/bg_blue_nav.png');}
   #headerblock ul li a.clientactive { background-color: #f30262; background-image: url('../images/bg_green_nav.png');}
   #headerblock ul li a.contactactive { background-color: #f30262; background-image: url('../images/bg_yellow_nav.png');}    
 
  
  #contentblock_invert {color: #fff; margin: 0 auto; width: 810px; min-height: 300px; background-image: url('../images/bg_content_invert.png'); overflow: hidden; padding-bottom: 50px;}
  #contentblockfooter_invert{ margin: 0 auto; width: 810px; height: 44px; background-image: url('../images/bg_content_footer_invert.png'); background-repeat: no-repeat; clear:both;}
  
  #footerblock { margin: 70px auto 10px auto; width: 786px; height: 89px; background-image: url('../images/bg_footer.jpg'); background-repeat: no-repeat;}
  #footerblock ul {list-style-type: none; display: block; padding-top: 17px; }
  #footerblock ul li {  text-align: center; display: block; float: left; color: #FFF; font-size: 8pt;  width: 141px; margin-bottom: 4px;}
  #footerblock ul li:first-child { margin-left: 53px; text-align: left;}
  #footerblock ul li.last {text-align: right;width: 111px;} 
  #footerblock ul li a {color: #FFF; text-decoration: none;}
  
  #footerblock .footercontent {  }
  #footerblock .footercontent p { float: left; color: #999; font-size: 8pt; margin-top: 4px; margin-right: 62px;}
  #footerblock .footercontent p:first-child { margin-left: 53px; }  
  #footerblock .footercontent p.last { float: right; margin-right: 56px;}
  
  #shop_areanav { background-image: url('../images/bg_content_invert.png'); margin: 0 auto; width: 810px; height: 50px;}
  #shop_areanav ul {list-style-type: none; display: block;}
  #shop_areanav ul li { display: block; float: left; color: #FFF; font-size: 8pt; margin-bottom: 4px; }
  #shop_areanav ul li:first-child { margin-left: 22px; margin-right: 8px; padding-top: 10px;}
  #shop_areanav ul li a { color: #FFF; text-decoration: none; display: block; width: 89px;  height: 40px; padding-top: 10px; padding-left: 5px; padding-right: 5px;}
  #shop_areanav ul li a:hover { background-color: #f30262; background-image: url('../images/bg_pink_nav.png');}
  #shop_areanav ul li a.active { background-color: #f30262; background-image: url('../images/bg_pink_nav.png');}

  #shop_productnav_container .shop_active { background-image: url('../images/bg_pro_active.png');  background-position: top center;}
  .shop_nav_cat {}
  .shop_nav_cat_desc { margin: 8px 0 10px 5px;}
  .shop_nav_cat_sep {position: relative; left: 5px; height: 222px; width: 5px; float: left; background-image: url('../images/pro_seporator.png'); background-repeat: no-repeat; background-position: top right;}
  .shop_nav_cat_img img{display: block; margin: 0 auto;}

  .shop_nav_pro_img:hover {background-image: url('../images/bg_pro_active.png');  background-position: top center;}
  .shop_nav_pro_img img{display: block; margin: 0 auto;}
  .shop_nav_pro_sep {position: relative; left: 5px;  height: 222px; width: 5px; float: left; background-image: url('../images/pro_seporator.png'); background-repeat: no-repeat; background-position: top right;}
  .shop_nav_pro_sep_active {position: relative; left: 0px;  height: 222px; width: 5px; float: left; background-image: url('../images/pro_seporator.png'); background-repeat: no-repeat; background-position: top right;}
  .shop_nav_pro_desc { position: absolute; font-size: 10pt; margin-top: -25px; margin-left: 10px;  height: 20px; width: 190px; font-weight: normal;}

  
  .hr_shop_1px_grey {margin: 0 auto; width: 810px; height: 1px; background-image: url('../images/hr_shop_1px_grey.png');}
  
  #shop_productnav_container { background-image: url('../images/bg_content_invert.png'); margin: 0 auto; width: 783px; height: 249px; padding-left: 17px; padding-right: 10px;}
  #shop_productnav_container_comingsoon { background-image: url('../images/bg_shop_areanav_comingsoon.png'); margin: 0 auto; width: 783px; height: 223px; padding-left: 17px; padding-right: 10px;}
  #shop_productnav_container_comingsoon h1{ color: #fff; width: 500px; font-weight: normal; margin-left: 40px; padding-top: 150px; font-size: 18pt;}
  
  #shop_productmain_container{ background-image: url('../images/bg_content.png'); height: 750px; margin: 0 auto; width: 810px;}
  #shop_productmain_container_comingsoon{ background-image: url('../images/bg_content.png'); height: 350px; margin: 0 auto; width: 810px;}
  #shop_productmain_footer{ margin: 0 auto; width: 810px; height: 44px; background-image: url('../images/bg_content_footer.png'); background-repeat: no-repeat; clear:both;}
  
  /********
   * Objects
   ********/
   
  #homelogo { cursor: pointer;}
        
  #contentblock_invert #logo { display: block; float: left; margin-left: 22px; position: relative; top: 10px;}
  #contentblock_invert h1 { width: 455px; float: left;  font-weight: normal; font-size: 10pt; margin:20px 0 10px 17px; margin-top: 20px; line-height: 25px;}
  #contentblock_invert p { width: 455px; margin-left: 69px; margin-top: 8px; float: left;  font-weight: normal; font-size: 10pt;}
  #contentblock_invert #entersitebutton{ display: block; float: right; width: 150px; height: 38px; border: 0; background-image: url('../images/button_entersite.png'); background-repeat: no-repeat; cursor: pointer; margin-right: 70px; margin-top: 7px;}
  #contentblock_invert #entersitebutton:hover{ background-position: bottom;}
  #contentblock_invert #entersitebutton span{ display: none; }  
  #contentblock_invert .hr { margin: 0 auto; clear: both; display: block; width: 670px; height: 40px; border: 0;  background-image: url('../images/hr_invert.png'); background-repeat: no-repeat; background-position: 50% 50%;}
  #contentblock_invert h2 {  margin-left: 70px; margin-bottom: 10px;}
  #contentblock_invert .lozenge_invert_area{float:left;width:540px;height:120px;}
  #contentblock_invert .lozenge_invert { margin-left: 60px; margin-top: 8px; padding: 0; float: left;  height: 28px; background-image: url('../images/lozenge_bg_invert.png'); }
  #contentblock_invert .lozenge_left_invert { float: left; height: 28px; width: 10px;  background-image: url('../images/lozenge_left_invert.png');  background-repeat: no-repeat;}
  #contentblock_invert .lozenge_right_invert { float: left;  height: 28px; width: 10px;  background-image: url('../images/lozenge_right_invert.png');  background-repeat: no-repeat;}
  #contentblock_invert .lozenge_invert input {display: block; float: left; padding:0;margin:0; width:15px; height: 15px; position: relative; top: 6px;}
  #contentblock_invert .lozenge_invert label {display: block; float: left; line-height: 28px; margin-left: 6px;  font-size: 10pt;}
  #contentblock_invert .book_cover{background:url(../images/object_books.png) no-repeat;width:384px;height:450px;margin-top:-10px;}
  #contentblock_invert #home_form { display: block; width: 375px;float: left; margin-top: 20px; }
  #contentblock_invert #home_form p { width: 245px; margin-left: 70px;}
  #contentblock_invert #home_form #homepageFormContainer { clear:both;  width: 274px; height: 150px; padding:12px 0 0 10px;background-image: url('../images/bg_homepageForm.png'); background-repeat: no-repeat; margin-left: 60px;}
  #contentblock_invert #home_form #homepageFormContainer input{float:left;width:260px;height:17px;font-size:12px;-moz-box-shadow:inset 0 2px 2px #cccccc;border:1px solid #bbbbbb;color:#666666;}
  #contentblock_invert #home_form p.note { font-size: 9pt; color: #999;width:310px;}
  #contentblock_invert #homepageFormContainer_submit { display: block;  border: 0; background-image: url('../images/button_download_invert.png'); background-repeat: no-repeat; cursor: pointer; width: 270px; height: 69px; margin-left: 65px; margin-top: 12px;}
  #contentblock_invert #homepageFormContainer_submit:hover{ background-position: bottom; }
  #contentblock_invert #homepageFormContainer_submit span{ display: none; } 
  
  #bgDiv {  margin:0 auto;position:absolute;top:58px;margin-left:15px;width:780px;height:765px; text-align:center; background:url('../images/home_thankyou_bcg.png') repeat; font-family:Helvetica,Arial; }
  .popUp { width:100%;height:165px; margin-top:280px; }
  #bgDiv span{float:left;line-height:40px;vertical-align:middle;color:#ffffff;font-size:37px;width:100%;}
  #bgDiv label{float:left;line-height:40px;vertical-align:middle;color:#ffffff;font-size:20px;width:100%;}
  #bgDiv #home_thankyou_but{float:left;margin:20px 0 20px 320px;width:153px;height:40px;background-position:top;background:url('../images/home_thankyou_but.png') no-repeat;cursor:pointer;}
  #bgDiv #home_thankyou_but:hover{background-position:bottom;}
  #bgDiv #bgDiv_header{float:left;width:100%;height:30px;text-align:left;font-size:14px;color:#ffffff;position:absolute;top:0px;left:0px;}
  
  #product_container { overflow: hidden; background-repeat: no-repeat; margin-left: 20px; width: 770px; height: 100%; background-position: 0% 70px;}
  #shop_productmain_container_inner { height: 100%;}
  
  #product_container h1 { font-weight: normal; width: 500px; font-size: 18pt; position: relative; top: 25px; left: 40px;}
  #product_container .moreinfo {float: right; clear: both;}
  #product_container p.moreinfo{ color: #333333; font-weight: normal; font-size: 9pt; width: 200px; margin-top: -8px; line-height: 14px;}
  #product_container h2.moreinfo{ color: #FF0033; font-weight: normal; font-size: 24pt; width: 200px;}
  #product_container h3.moreinfo{ color: #FF0033; font-size: 14pt;  width: 200px;}
  #product_container h4.moreinfo{  margin-top: 10px; margin-bottom: 10px; width: 200px;}    
  #product_container button{margin-top: 5px; margin-bottom: 5px; margin-right: 30px; font-size: 10pt;}
  #product_container #icon_sp {margin-top: 20px;}
  #product_container #icon_le {margin-top: 20px;}

  #product_container #inner_footer{ position: absolute; top: 980px; width:730px;}
  #product_container #inner_footer p{ float: left;  font-size: 9pt; width: 468px; margin-left: 50px;} 
  #product_container #inner_footer p.tel { float: left; text-align: right;  width: 200px; margin: 0px; }
  #product_container #inner_footer p.tel span{ font-size: 8pt;}
  #product_container #inner_footer #special_hr { display: block; margin-left: 50px;float:left;}

  #shop_productmain_container_comingsoon #inner_footer{ position: absolute; top: 580px; width:730px;}
  #shop_productmain_container_comingsoon #inner_footer p{ float: left;  font-size: 9pt; width: 458px; margin-left: 70px;} 
  #shop_productmain_container_comingsoon #inner_footer p.tel {float: left; text-align: right;  width: 200px; margin: 0px; position: relative; left: 10px;}
  #shop_productmain_container_comingsoon #inner_footer p.tel span{ font-size: 8pt; }
  #shop_productmain_container_comingsoon #inner_footer #special_hr {  margin-left: 70px;float:left;}

  #st_blanking { background-image: url('../images/bg_st_blanking.png'); width: 786px; height: 782px; position: absolute; top: 318px; margin-left: 12px;}
  #st_blanking h1 { color: #fff; font-weight: normal; font-size: 17pt; margin-top: 40px; margin-left: 40px;}

  /********
   * Builders
   ********/       	 
  .dev {border: 1px solid red;}
  .fl { float: left;margin-left:10px;}
  .fr { float: right;}
  .cl { clear: left;}
  .cr { clear: right;}
  .cb { clear: both;}
  .mb10 { margin-bottom: 10px;}
  .mt20 { margin-top: 20px;}
  .mb20 { margin-bottom: 20px;}
  .ml50 { margin-left: 50px;}
  .mr50 { margin-right: 50px;}
  .mr70 { margin-right: 70px;}
  .mla { margin-left: auto;}	 
  .mra { margin-right: auto;}
  .db { display: block;}
  .h10 {height: 10px;}
  .c999 { color: #999999;}
  .button_pink_med { background-color: transparent; background-position: top; cursor: pointer; color: #fff; font-size: 11pt; display: block; width: 177px; height: 52px; border: 0; background-image: url('../images/button_pink_med.png'); background-repeat: no-repeat;}
  .button_pink_med:hover { background-position: bottom; }
  .s20{float:left;height:20px;width:100%;}
  .s10{float:left;clear:both;height:10px;width:100%;}
  .f14{font-size:14px;}
  .s5{float:left;clear:both;height:5px;width:100%;}