/* 2000px × 662px  */
html { overflow: hidden; padding:0; margin:0; }
body {
  font-family:Arial,Helvetica,sans-serif;
  margin:0;
  overflow:hidden !important;
  padding:0;
  width:8000px;
}
.container {
  display:block;
  float:left;
  height:1500px;
  position:relative;
  width:2000px;
  z-index:0 !important;
  border:0;
  padding: 0;
  margin: 0 0 0 0;
}
#home { background: url(../images/BG-dp-home.png) no-repeat #006e59; }
#about   { background: url(../images/BG-dp-aboutme.png) no-repeat #ff840e; }
#webDesign{ background: url(../images/BG-dp-webdesign.png) no-repeat #abc328; }
#interactive{ background: url(../images/BG-dp-interactive.png) no-repeat #ffdf26; }
#otherWork{ background: url(../images/BG-dp-other.png) no-repeat #003138; }
#contact{ background: url(../images/BG-dp-contactus.png) no-repeat #006e59; }

.homeLink{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width:129px;
	height:132px;
}
.homeLink a { border:0; text-decoration:none;}
.homeLink a img { width: 129px;  height:132px; position: relative; border:0;}

#homecontent {
position: relative;
padding: 166px 0 0 82px;
height:299px;

}

#aboutmecontent {
position: relative;
padding: 166px 0 0 82px;
height:299px;
}

#webdesigncontent {
position: relative;
padding: 166px 0 0 90px;
height:299px;
}

#interactivecontent {
position: relative;
padding: 145px 0 0 90px;
height:299px;
}

#otherworkcontent {
position: relative;
padding: 166px 0 0 75px;
height:299px;
}

#contactmecontent {
position: relative;
padding: 166px 0 0 82px;
height:299px;
}


#lefthomecontent {
background: url(../images/hmrdcnr_lft.png) no-repeat; width: 21px; height: 299px; float:left
}
#righthomecontent{
background: url(../images/hmrdcnr_rght.png) no-repeat; width: 21px; height: 299px; float:left
}
#homecontenttext {
float:left;
background: url(../images/BG-DP-TXT.png) no-repeat;
height:299px;
width:487px;
}
#homecontentmenu {
position: relative;
 float:left;
margin: 34px 0 0 0;
padding: 0 0 0 0 ;
 width: 262px;
 height: 102px !important ;
}
#homecontentmenu a { border: 0;  }
#homecontentmenu a img { border: 0; margin: -4px 0 0 0; padding:0;  }

#homecontentmenu2 {
position: relative;
 float:left;
margin: 100px 0 0 0;
padding: 0 0 0 0 ;
 width: 262px;
 height: 102px !important ;
}
#homecontentmenu2 a { border: 0;  }
#homecontentmenu2 a img { border: 0; margin: -5px 0 0 0; padding:0;  }


/* allow room for 3 columns */
  ul{
    width: 30em;
	list-style:none;
  }

  /* float & allow room for the widest item */
  ul li
  {
    float: left;
    width: 10em;
  }

  /* stop the float */
  br
  {
    clear: left;
  }

  /* separate the list from subsequent markup */
  div.bulletwrapper{
    margin-bottom: 1em;
  }
  
  div.WDwrapper{
    margin-bottom: 1em;
	float:left;
  }
  
   div.Interactivewrapper{
    margin-bottom: 1em;
	float:left;
  }
  
  div.bulletother{
    margin-bottom: 1em;
  }
  
  ul.otherworkBull{
    width: 50em;
	list-style:none;
  }

  /* float & allow room for the widest item */
  ul.otherworkBull li
  {
    float: left;
    width: 10em;
  }

  ul.interactive{
    width: 30em;
	list-style:none;
  }

  /* float & allow room for the widest item */
  ul.interactive li
  {
    float: left;
    width: 10em;
  }

#webdesignRightCol{
	float:left;
}
				   
#webdesigntxt{
	position:absolute;
	bottom:1px;
}

#wddesc{
	padding:0 0 0 0;
	margin:10px 0 0 0;
}

#interactiveLeftCol{
	float:left;
	margin: 0 0 0 0;
	padding: 16px 0 0 110px;
}
				   
#interactivetxt{
	position:absolute;
	bottom:1px;
}

#interactivedesc{
	padding:0 0 0 0;
	margin:10px 0 0 0;
}

#otherworkCol{
	padding:0 0 0 0;
	margin:200px 0 0 35px;
	position:absolute;
}
				   
#otherworktxt{
	bottom:1px;
	padding: 15px 0 0 0;
}

#otherworkdesc{
	padding:0 0 0 0;
	margin:0 0 0 0;
}