/*
######################
  STANDARDS:
######################
*/
body { 
  margin: 0;
  padding: 0;
  font-family: verdana, arial,helvetica,sans-serif;
  font-size: 10px;
  line-height: 15px;
  color: #000000;
  background-color: #bdbebb;
  background-image: url(../img/default/background.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

body.navigation {
  margin: 0;
  padding: 0;
  font-family: verdana, arial,helvetica,sans-serif;
  font-size: 10px;
  line-height: 15px;
  color: #000000;
  background-color: #bdbebb;
}

body.subnavigation {
  margin: 0;
  padding: 0;
  font-family: verdana, arial,helvetica,sans-serif;
  font-size: 10px;
  line-height: 15px;
  color: #000000;
  background-image: none;
  background: transparent;
}

span,td {
  font-family: verdana, arial,helvetica,sans-serif;
  font-size: 10px;
  line-height: 15px;
}

a {
  color: #000000;
  text-decoration: none;
  position: relative;
}

a:hover {
  color: #ff0099;
  text-decoration: none;
  position: relative;
}

a img {
 border:none;
}

a.arrow {
  color: #000000;
  text-decoration: none;
  height: 11px;
  margin-top: -1px;
}

a.arrow:hover {
  color: #ff0099;
}

a.arrow img {
  display: inline;
  position: static;
  width: 15px;
  height: 11px;
  background-image: url(../img/default/arrow_link.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  height: 15px;
}

a.high {
  color: #ff0099;
}

.linkHighlight {
  color:#000000;
}

ul, ol, li, dl, dt, dd, ul, li, p {
  margin: 0;
  padding:0;
}

dl, dt, dd, ul, li {
  list-style-type: none;
  font-family: verdana, arial,helvetica,sans-serif;
  font-size: 10px;
  line-height: 15px;
}

h3 {
  font-weight: bold;
  padding-bottom: 5px;
  font-size: 10px;
  line-height: 15px;
  font-family: verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  color: #000000;
}

h3.pl6 {
  padding-left: 6px;
}

h3.mt4 {
  margin-top: 4px;
}

h5 {
  font-family: verdana, arial,helvetica,sans-serif;
  font-size: 10px;
  line-height: 15px;
  color: #ff0099;
  font-weight:normal;
}

.defaultpink {
  color: #ff0099;
}

.marginBottom10 {
  margin-bottom: 10px;
}

.verticalTop {
  vertical-align: top;
}

.paddingLeft10 {
  padding-left: 10px;
}

.lineH16 {
  line-height: 16px;
}

input, textarea {
  position: relative;
}

#subnavigation ul {
  padding: 0;
  margin: 0;
}

#subnavigation ul li {
 padding: 5px 0 1px 0;
 margin: 0;
}

#subnavigation ul li ul {
  padding: 0;
  margin: 0;
}

#subnavigation ul li ul li {
  padding: 5px 0 1px 0;
  margin: 0;
}

#mainnavigation ul li {
  float: left;
}

#noscript {
  position: absolute;
  top: 120px;
  left: 120px;
  width: 283px;
}

#mainnavigation  {
  position:relative;
  width: 100%;
  height: 20px;
  background-color: #ffff33;
}

#navigationline {
  position:relative;
  width: 100%;
  height: 5px;
  background-color: #ff0099;
  font-size: 5px;
  line-height: 5px;
}

#borderline {
  position:absolute;
  top:150px;
  left: 0px;
  width:655px;
  height: 5px;
  background-color: #ff0099;
  font-size: 5px;
  line-height: 5px;
}

#subnavigation {
  position: absolute;
  top: 179px;
  left: 25px;
  z-index: 250;
}

#menuContent {
  position: absolute;
  top: 50px;
  width: 100%;
  height: 20px; 
  background-color: #ffff33;
  z-index: 300;
}

.headerDistance {
  margin-bottom: 7px;
}

div#mainContainer {
  position: absolute;
  top: 150px;
  left: 0px;
  z-index: 200;
  width: 880px;
  height: auto;
}

div#defaultBorderline {
  width: auto;
  height: 5px;
  background-color: #ff0099;
  font-size: 5px;
  line-height: 5px;
}

div#defaultContent {
  width: auto;
  -height: 400px;
  padding: 10px;
  margin: 20px;
  margin-right: 0;
  line-height: 16px;
  border: 1px solid #ffffff;
}

.backgroundAlpha {
  background-image: url(../img/default/bg_default.png);
  -background-image: none;
/*  border: 1px solid #ffffff; */
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../_common/img/default/bg_default.png',sizingMethod='scale');
}

.backgroundAlphaHome {
  background-image: url(../img/default/bg_default.png);
  -background-image: none;
  border: 1px solid #ffffff;
  -background-color:#d2d2cE;
}

/*
######################
  ABOUT ME:
######################
*/
.tdDark  {
  background-image: url(../img/default/bg_table_dark.png);
  -background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../_common/img/default/bg_table_dark.png',sizingMethod='scale');
}

.tdLight {
  background-image: url(../img/default/bg_table_light.png);
  -background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../_common/img/default/bg_table_light.png',sizingMethod='scale');
}

.tdClientDark  {
  background-image: url(../img/default/bg_table_dark.png);
  -background-image: none;
  -background-color: #D4D4D1;
}

.tdClientLight {
  background-image: url(../img/default/bg_table_light.png);
  -background-image: none;
  -background-color: #E1E1E1;
}

.cv1  {
  padding-left: 6px;
  height: 20px;
  width: 118px;
}

.cv2 {
  padding-left: 30px;
  padding-right: 6px;
  height: 20px;
  width: 510px;
}

.cv3  {
  padding-left: 6px;
  height: 20px;
}

.profile1 {
  padding-left: 6px;
  height: 20px;
  width: 148px;
}

.profile2 {
  padding-left: 30px;
  padding-right: 6px;
  height: 20px;
  width: 480px;
}

.profile3 {
  padding-left: 6px;
  height: 20px;
}

.headerYear {
  padding-left: 6px;
  width: 71px;
}

.headerClient {
  width: 144px;
}

.headerProjects {
  width: 250px;
}

.headerAgency {
  width: 151px;
}

.clients1 {
  padding-left: 6px;
  width: 6px;
}

.clients2 {
  padding-left: 6px;
  padding-right: 6px;
  width: 71px;
}

.clients3 {
  padding-left: 18px;
  padding-right: 6px;
  width: 144px;
}

.clients4 {
  padding-left: 18px;
  padding-right: 6px;
  width: 232px;}

.clients5 {
  padding-left: 18px;
  padding-right: 6px;
  width: 251px;
}

#aboutmeVisual1  {
  position: absolute;
  width: 174px;
  height: 102px;
  top: 150px;
  left: 767px;
  z-index: 400;
}

#aboutmeVisual2 {
  position: absolute;
  width: 286px;
  height: 214px;
  top: 252px;
  left: 655px;
  z-index: 400;
}

#aboutmeVisual3 {
  position: absolute;
  width: 222px;
  height: 377px;
  top: 466px;
  left: 719px;
  z-index: 400;
}

#mainTable {
  border: 1px solid #ffffff;
  margin:0;
  padding:0;
  width: auto;
}

#aboutmeMainContent {
  position: absolute;
  top: 267px;
  left: 20px;
  width: 628px;
  z-index: 200
}

/*
######################
  CONTACT:
######################
*/
.inputContact {
  width: 250px;
  border: 1px solid #666666;
}

.textareaContact {
  width: 250px;
  height: 150px;
  border: 1px solid #666666;
}

div#contactText {
  width: 250px;
  height: 160px;
  margin-top:18px;
}

div#contactForm {
  width: 250px;
}

div.buttonSend {
  text-align: right;
  padding-top: 5px;
}
/*
######################
  HOMEPAGE:
######################
*/
div#homeBorderline {
  width: auto;
  height: 5px;
  font-size: 5px;
  line-height: 5px;
  text-align: right;
}

div#homeBorderline01 {
  position:absolute;
  top: 150px;
  left: 650px;
  width: 230px;
  height: 5px;
  background-color: #ff0099;
  font-size: 5px;
  line-height: 5px;
  right: 0px;
}

div#homeBorderline02 {
  position:absolute;
  top: 480px;
  left: 0px;
  width: 630px;
  height: 5px;
  background-color: #ff0099;
  font-size: 5px;
  line-height: 5px;
}

div#homeContent {
  position: absolute;
  top: 180px;
  left: 100px;
  width:530px;
  height:305px;
}

div#homeTeaser {
  position: absolute;
  top: 495px;
  left: 100px;
  height: 135px;
  width: 530px;
  border:1px solid #ffffff;
}

div#homeSpacer{
  height: 10px;
  position: absolute;
  top: 630px;
}
/*
######################
  HOMEPAGE SCROLLER:
######################
*/
#divUpControl {
  position: absolute;
  top: 210px;
  left: 890px;
  visibility: hidden;
} 

#divDownControl {
  position: absolute;
  top: 230px;
  left: 890px;
  visibility: hidden;
} 

#divContainer {
  position: absolute;
  top: 165px;
  left: 650px;
  border: 1px solid #ffffff;
  width: 228px;
  height: 460px;
  -height: 462px;
  overflow: hidden;
  clip: rect(0,230,auto,0);
  visibility: hidden;
  margin-top: 5px;
} 

#divContent {
  position: absolute;
  top:10px;
  left:0px;
  padding:15px;
  padding-top:9px;
} 

/*
######################
  PORTFOLIO:
######################
*/
div#portfolioContent {
  width: auto;
  -height: 100px;
  padding: 10px;
  margin: 20px;
  margin-left: 180px;
  margin-right: 0px;
  line-height: 16px;
  border: 1px solid #ffffff;
}

/*
######################
  SPACE FOR THOUGHT:
######################
*/
div#spaceforthoughtContent {
  width: auto;
  -height: 100px;
  margin: 20px;
  margin-left: 180px;
  line-height: 16px;
  border: 1px solid #ffffff;
}

.constructionRow {
  height: 37px;
  background-image: url(../../_common/img/default/pic_under_construction.gif);
  background-repeat: y-repeat;
}

div#spaceforthoughtText {
  margin: 20px;
  width: 510px;
}