@charset "utf-8";
/* CSS Document */
/*********************************************************************************
  Project   : Dan Witz - Selected Works
  Copyright : Design - Way Out Of Line - www.wayoutofline.net
**********************************************************************************/

/* ### IMPORTS ################################################################# */
@import url("undo.css");
@import url("def_content.css");
@import url("def_navigation_start.css");
/*#### LAYOUT ###################################################################*/
body{
  background:#000 url(../img/back.jpg) repeat-x;
}
html[xmlns^="http"]
{
  overflow-y:scroll;
  overflow-x:hidden;
}
#jstest{
  position:absolute;
  top:0;
  left:0;
  display:block;
  min-height:20px;
  width:100%;
  background:#FF0000;
  color:#fff;
  border-bottom:1px #fff solid;
  text-align:center;
  z-index:5000;
}
#startfield{
  position:absolute;
  width:750px;
  height:329px;
  /*background:url(../img/layout/startpage.jpg) 100% 0 no-repeat;*/
  left:50%;
  margin:17px auto 0 -375px;
}  
#start-box-container{
  height:305px;
  width:750px;
  background: url("../img/startpage/ajax-loader.gif") 50% 50% no-repeat;
  overflow:hidden;
}
#start-box{
  height:305px;
  width:750px;
  background: url("../img/startpage/back.jpg") 0 0 no-repeat;
  overflow:hidden;
}
#button-left{
  position:relative;
  display:block;
  width:390px;
  height:166px;
  top:139px;
  background: url("../img/startpage/streetart_image.png") no-repeat;
  /*float:left;*/
  opacity:0.3;
}
#button-right{
  position:relative;
  display:block;
  width:383px;
  height:283px;
  top:-166px;
  left:367px;
  background: url("../img/startpage/gallerywork_image.png") no-repeat;
  /*float:left;*/
  opacity:0.3;
}
#street-art{
  position:absolute;
  display:block;
  width:234px;
  height:24px;
  top:105px;
  left:184px;
  background: url("../img/startpage/sa_set.png") 0 0px no-repeat;
  z-index:4;
}
#street-art:hover{
  background: url("../img/startpage/sa_set.png") 0 -23px no-repeat;
}
#gallery-work{
  position:absolute;
  display:block;
  width:304px;
  height:30px;
  top:62px;
  left:311px;
  background: url("../img/startpage/gw_set.png") 0 0px no-repeat;
  z-index:4;
}
#gallery-work:hover{
  background: url("../img/startpage/gw_set.png") 0 -29px no-repeat;
}
#startfield_content_0{
  width:750px;
  height:305px;
  background:#090909;
  margin-top:0px;
  margin-left:0px;
  overflow:hidden;
}
#startfield_content_1{
  float:right;
  width:370px;
  min-height:206px;
  margin-top:0px;
  margin-right:0px;
}
#startfield_content_2{
  width:330px;
  float:left;
  margin-top:17px;
  margin-left:0px;
  padding:17px;
  background-color:#090909;
  overflow:hidden;
}
#startfield_content_3{
  width:716px;
  float:left;
  margin-top:0px;
  margin-left:0px;
  padding:17px;
  overflow:hidden;
  text-align:left;
}
#startfield_content_3 p{
  font-size:9px; /* more consistent font sizes */
  color:#8e8e8e;
  letter-spacing:0.2em;
  word-spacing:1px;
  line-height:13px; /*helps readability*/
}
#startfield_content_3 a{
  color:#b0b0b0;
}
#startfield_content_3 a:hover{
  color:#ec9520;
}
#startfield_navi{
  width:750px;
  float:left;
  margin-top:17px;
}
#startfield_navi_content{
  min-height:22px;
  overflow:hidden;
  background:#090909
}
/*###############################################################################*/