/* RedWhale porfolio page stylesheet */

body {
  background-image: url(/images/bg_gradient_blocks.gif);
  background-repeat: no-repeat;
  background-position: 77px 466px;
}

#content {
  padding-top: 105px;
  padding-bottom: 60px;
  padding-left: 53px;
  width: 565px;
}

#portfolio-image {
  position: relative;
  float: right;
  top: -10px;
}

#client-list {
  position: relative;
  margin-top: 30px;
  background-image: url(/images/port_default.jpg);
  background-repeat: no-repeat;
  background-position: 102px 0px;
  height: 228px;
}

#ui-design-header {
  position: absolute;
  left: 40px;
  top: 260px;
}

#app-dev-header {
  position: absolute;
  left: 440px;
  top: 260px;
}

#selected-clients-header {
  position: absolute;
  left: 260px;
  top: 240px;
}

#screenshot {
  position: relative;
  left: 100px;
}

#client-list a { color: #7d7d7e; font-weight: bold; font-size: 12px; letter-spacing: 1px; }
#client-list a:link { color: #7d7d7e; }
#client-list a:hover { color: #003399; text-decoration: none; }

/************************************ User Interface Design list *******************************/
#ui-client1 {
  position: absolute;
  top: 0;
  right: 450px;
}
#ui-client10 {
  position: absolute;
  top: 207px;
  right: 450px;
}

#ui-client2 {
  position: absolute;
  top: 23px;
  right: 465px;
}
#ui-client9 {
  position: absolute;
  top: 184px;
  right: 465px;
}

#ui-client3 {
  position: absolute;
  top: 46px;
  right: 475px;
}
#ui-client8 {
  position: absolute;
  top: 161px;
  right: 475px;
}

#ui-client4 {
  position: absolute;
  top: 69px;
  right: 480px;
}
#ui-client7 {
  position: absolute;
  top: 138px;
  right: 480px;
}

#ui-client5 {
  position: absolute;
  top: 92px;
  right: 485px;
}
#ui-client6 {
  position: absolute;
  top: 115px;
  right: 485px;
}
/*************************************************************************************************/

/************************************ Application Development list *******************************/
#appdev-client1 {
  position: absolute;
  top: 0;
  left: 415px;
}
#appdev-client10 {
  position: absolute;
  top: 207px;
  left: 415px;
}

#appdev-client2 {
  position: absolute;
  top: 23px;
  left: 430px;
}
#appdev-client9 {
  position: absolute;
  top: 184px;
  left: 430px;
}

#appdev-client3 {
  position: absolute;
  top: 46px;
  left: 440px;
}
#appdev-client8 {
  position: absolute;
  top: 161px;
  left: 440px;
}

#appdev-client4 {
  position: absolute;
  top: 69px;
  left: 445px;
}
#appdev-client7 {
  position: absolute;
  top: 138px;
  left: 445px;
}

#appdev-client5 {
  position: absolute;
  top: 92px;
  left: 450px;
}
#appdev-client6 {
  position: absolute;
  top: 115px;
  left: 450px;
}
/*************************************************************************************************/