/* Created on Oct 12, 2012 3:30:43 PM */


.the_whole_page {
 width:968px;
/*  margin-left:auto;*/
/*  margin-right:auto;*/
margin-left:30px;
margin-top:8px;
  }
  
  .the_whole_page_screenshot {
  width:968px;
/*  margin-left:auto;*/
/*  margin-right:auto;*/
margin-left:38px;
margin-top:8px;
  }
  
.full_width_headline {
  background-color:#d5d5d5;
  width:794px; height:84px;
  margin-top:16px;
  margin-left:0px;
  border-radius:12px;
  border:0;
  float:left;
  box-shadow:2px 2px 6px rgba(0,0,0,0.4);}
  
.full_width_headline h1 {
  text-indent:8px;}

.full_width_headline p {
  text-indent:8px;font-style:italic;color:#999999}
  
.headline_filler {
  width:152px;height:84px;
  padding:0px; border:0px; 
  margin-top:16px;margin-right:16px;margin-left:0px;
/*  background-color:#b0b0b0; */
/*  border-radius:12px; */
  overflow:hidden;
  float:left;
  box-shadow:2px 2px 6px rgba(0,0,0,0.4);}
  
.menu_area {
  width:152px;
  padding:0px; border:0px; 
  margin-top:12px;margin-right:16px;margin-left:0px;
  float:left;
  }
  
.menu_area_2 {
  width:152px;
  height:98px;
  padding:0px; border:0px; 
  margin-top:15px;margin-right:16px;margin-left:0px;
  float:left;
  background-color:#cccccc;border-radius:12px;}

.top_text_area {
  width:568px;
  background-color:#cccccc;
  margin-top:12px;
  margin-right:16px;
  float:left;
  border-radius:12px;
  box-shadow:2px 2px 6px rgba(0,0,0,0.4);
 }
  
.animation_zone {
  width:210px;
  background-color:#cccccc;
  margin-top:12px;
  float:left;
  border-radius:12px;
  box-shadow:2px 2px 6px rgba(0,0,0,0.4);}
  
.float_clearance {
  clear:both;}
  
.blob_1 {
  border-radius:12px;
  width:152px; height:12px;
  float:left;
  margin-right:16px;margin-top:12px;
  background-color:#cccccc;
  box-shadow:2px 2px 6px rgba(0,0,0,0.4);}
  
.blob_2 {
  width:60px; height:12px;
  float:left;
  margin-right:16px;margin-top:12px;
  border-radius:12px;
  background-color:#cccccc;
  box-shadow:2px 2px 6px rgba(0,0,0,0.4);}
  
.blob_3 {
  width:491px; height:12px;
  float:left;
  margin-top:12px;margin-right:16px;
  border-radius:12px;
  background-color:#cccccc;
  box-shadow:2px 2px 6px rgba(0,0,0,0.4);}
  
.blob_4 {
  width:208px; height:12px;
  float:left;
  margin-top:12px;
  border-radius:12px;
  background-color:#cccccc;
  box-shadow:2px 2px 6px rgba(0,0,0,0.4);}
  
.port_folio {
  width:228px;
  background-color:#cccccc;
  margin-top:12px;margin-right:16px;margin-left:0px;
  float:left;
  border-radius:12px;
  box-shadow:2px 2px 6px rgba(0,0,0,0.4);}
  
.port_folio a:link {color:#bb0000; text-decoration:none; margin:0px 8px 0px 16px;font-weight:normal;line-height:24px;}
.port_folio a:visited {color:#bb0000 ;text-decoration:none; margin:0px 8px 0px 16px;font-weight:normal;line-height:24px;}
.port_folio a:hover {color:#ee0000 ;text-decoration:underline; margin:0px 8px 0px 16px;font-weight:normal;line-height:24px;}

.port_folio_viewer {
   width:490px;
  background-color:#d5d5d5;
  margin-top:12px;margin-right:16px;
  float:left;
  border-radius:12px;
  box-shadow:2px 2px 6px rgba(0,0,0,0.4);}
  
.photo_zone {
  width:210px;
  height:241;
  background-color:#cccccc;
  margin-top:12px;
  float:left;
  border-radius:12px;
  box-shadow:2px 2px 6px rgba(0,0,0,0.4);}
  
.photo-zone img {
    border-radius:12px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;}
    
div.viewport {
        width:152px; height:84px; overflow:hidden; position:relative;}
       
img.clipped {
        display:block; position:absolute;}