#loading {
  text-align: center;
  position: absolute;
  z-index: 1001;
  margin: 0px auto;
  width: 100%; }

#loading img {
  margin-top: 150px; }

#carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 5px auto 10px;
  height: 422px; }

#carousel_content {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20000px;
  margin-left: 410px; }

#container_magic {
  height: auto;
  margin: 0px auto; }

#carousel_content li {
  list-style: none;
  margin: 0px;
  padding: 0px; }

#carousel ul li {
  display: block;
  float: left;
  width: 512px;
  height: 419px;
  margin-right: 0px;
  background: url(/images/whitescreen.png) black; }
  #carousel ul li img {
    width: 467px;
    height: 278px;
    border-left: 1px solid #111111;
    border-right: 1px solid #111111;
    margin-left: 21px;
    margin-top: 18px; }

#carousel_previous a:link, #carousel_previous a:visited, #carousel_previous a:active {
  position: absolute;
  width: 16px;
  height: 18px;
  background: url("/images/new-left-arrow.png");
  top: 550px;
  left: 16px;
  z-index: 1000;
  cursor: pointer; }

#carousel_next a:link, #carousel_next a:visited, #carousel_next a:active {
  position: absolute;
  width: 16px;
  height: 18px;
  background: url("/images/new-right-arrow.png");
  top: 550px;
  right: 17px;
  z-index: 1000;
  cursor: pointer; }

#carousel_next a:hover, #carousel_previous a:hover {
  background-position: 0 -18px; }

#visit_page a {
  position: absolute;
  z-index: 1000;
  width: 469px;
  height: 278px;
  margin-left: 21px;
  margin-top: 18px; }
  #visit_page a:hover {
    position: absolute;
    z-index: 1000;
    background: url(/images/open-project.png) center;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8; }

#info {
  width: 670px;
  height: 20px;
  background: url("/images/opacity-bckg.png");
  bottom: 10px;
  margin-left: 5px;
  position: absolute;
  text-align: right;
  padding: 5px 20px 15px;
  font-size: 1em; }

#portfolio_view_loading {
  height: 590px;
  width: 928px;
  background: black;
  margin: 0px;
  text-align: center;
  position: absolute;
  z-index: 1001; }
  #portfolio_view_loading img {
    margin-top: 200px; }

#portfolio_view_carousel {
  position: relative;
  overflow: hidden;
  float: left;
  width: 928px;
  margin: 0px auto;
  height: 590px;
  border: 0px;
  padding: 0px; }
  #portfolio_view_carousel #container_magic {
    width: 928px;
    height: auto;
    margin: 0px auto;
    position: relative; }
    #portfolio_view_carousel #container_magic #carousel_content {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 20000px;
      margin-left: -40px;
      margin-top: 0px; }
      #portfolio_view_carousel #container_magic #carousel_content li {
        width: 928px;
        list-style: none;
        margin: 0px;
        padding: 0px;
        display: block;
        float: left;
        margin-right: 0px; }
        #portfolio_view_carousel #container_magic #carousel_content li img {
          width: 928px;
          height: 500px;
          padding: 0px;
          border: 0px; }

#portfolio_view_carousel_previous a:link, #portfolio_view_carousel_previous a:visited, #portfolio_view_carousel_previous a:active {
  position: absolute;
  width: 30px;
  height: 120px;
  background: url("/images/portfolio/left.png");
  top: 150px;
  left: 0px;
  z-index: 1000;
  cursor: pointer; }

#portfolio_view_carousel_next a:link, #portfolio_view_carousel_next a:visited, #portfolio_view_carousel_next a:active {
  position: absolute;
  width: 30px;
  height: 120px;
  background: url("/images/portfolio/right.png");
  top: 150px;
  right: 0px;
  z-index: 1000;
  cursor: pointer; }