@CHARSET "ISO-8859-1";

html, body { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size; 12px; position: absolute; -webkit-text-size-adjust: 100%;  }

html { height: 100%; }

body { height: 100%;  }

p, ul, li { margin: 0; padding: 0; }
.logo { }
#stage {  float: left; position: relative;  height: 100%; min-height: 560px;  }
#homeMainBlock { float: left; position: relative; height: 100%;   }
#home_slideshow { position: relative;   }

.portfolio_outer {   float: left;  border: 0px solid green; height: 100%;   }
.set { position: relative; float: left;  border: 0px solid red;  height: 100%;  }
.set #homeMainBlock { float: none; display: inline-block;   }
.set .home_slideshow { position: relative; float: none;    }
.block:hover { cursor: pointer;   }
.caption, #contact_link_back, .port_img_caption { position: relative; padding-left: 30px;   padding-top: 20px;  display: block; font-family: Helvetica, Arial, sans-serif; font-size: 12px;  }
#contact_link_back {   position: absolute; left: 0px;  bottom: 30px;   z-index: 300;  }
.caption p, .port_img_caption p {  max-width: 448px; font-family: Helvetica, Arial, sans-serif; font-size: 12px;   }
#contact_link {  position: absolute; left: 30px; bottom: 30px;   z-index: 300; padding-top: 20px; font-family: Helvetica, Arial, sans-serif; font-size: 12px;  } 
#contact_link_span:hover, #contact_link_back:hover {  cursor: pointer;  }

#contact_section_outer {  float: left; position: relative; padding: 30px 30px 50px 30px;  border: 0px solid red; width: auto !important;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%;  }

#contact_section {  height: 100%; overflow: auto; width: 400px; padding-right: 30px;  }
#contact_section p { font-family: Helvetica,Arial,sans-serif; font-size: 12px; color: #000000;    }
#contact_section a { color: gray; text-decoration: none;    }
#contact_section a:hover { text-decoration: underline;  }

#logo { position: absolute; left: 30px; bottom: 20px;    }


.about { position: absolute; bottom: 21px; left: 300px; height: 19px; width: 301px; background: #000; overflow: hidden; z-index: 100; }
.about .button { position: absolute; top: 0; left: 0; width: 299px; height: 17px; background: #fff; border: 1px solid #000; }
.about p { font-size: 10px; }
.about .arrow { float: left; margin-left: 10px; font-size: 16px; }
.about .arrow img { margin-top: 4px; }
.about .content { color: #fff; position: absolute; width: 280px; left: 11px; bottom: 11px; }
.about .content p { color: #fff; margin-top: 11px; line-height: 12px; }
.about .content a { color: #fff; text-decoration: none; }
.about .content a:HOVER { text-decoration: underline; }

.portfolioBlock { position: relative; display: inline-block;  vertical-align: top; height: 100%;   }

.home_slideshow {  float: left;   }
::-webkit-scrollbar { -webkit-appearance: none;  width: 7px; }
::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); }

@media only screen and (max-width: 400px) { 
   #contact_section {   width: 260px; padding-right: 20px; }
   
   
}

@media only screen and (min-width: 400px) and (max-width: 767px) {
   
}

@media only screen and (min-width:  768px) and (max-width: 1019px)   { 
   
}

@media only screen  and (min-width: 1020px) and (max-width: 1024px)  { 
    
    
    
    
}

@media only screen  and (min-width: 1025px) {
    
    
}