body {
 background: white;
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
}

a {
  text-decoration: none;
}

a img {
 border: 0px;
}

.centralize {
 WIDTH: 100%;
 HEIGHT: 100%;
}


.arhisDesign {
 width: 720px;
 
}

.topDesign, .topProject, .topPlan {
 height: 262px;
 font: normal 12px arial;
 text-transform: lowercase;
 color: #333333;
 vertical-align: bottom;
 text-align: right;
 padding-bottom: 7px;
 padding-right: 5px;
}

.topDesign {
 background: url('../img/ArhisDesignTop.jpg') no-repeat bottom left;
}
.topProject {
 background: url('../img/ArhisProjectTop.jpg') no-repeat bottom left;
}
.topPlan {
 background: url('../img/ArhisPlanTop.jpg') no-repeat bottom left;
}

.topDesign span, .designPortfolioDisplay {
 color: #01b2e5;
}
.topProject span, .projectPortfolioDisplay {
 color: #fe9b37;
}
.topPlan span, .planPortfolioDisplay {
 color: #add732;
}

.topDesign p, .topProject p, .topPlan p {
 margin-bottom: 5px;
}

.topDesign p a, .topDesign p a:visited, .topDesign p a:active, 
.topProject p a, .topProject p a:visited, .topProject p a:active, 
.topPlan p a, .topPlan p a:visited, .topPlan p a:active
 {
  color: #d1d2d4;
  margin-left: 10px;
}

.topDesign a, .topDesign a:visited, .topDesign a:active, 
.topProject a, .topProject a:visited, .topProject a:active, 
.topPlan a, .topPlan a:visited, .topPlan a:active
{
 color: #333333;
}

.midDesign {
 height: 180px;
 background: #01b2e5;
}

.midProject {
 height: 180px;
 background: #fe9b37;
}
.midPlan {
 height: 180px;
 background: #add732;
}

.botDesignContent, .botProjectContent, .botPlanContent  {
 height: 166px;
 vertical-align: top;
}

.botDesignContent {
 background: url('../img/ArhisDesignBot.jpg') no-repeat top left;
} 
.botProjectContent {
 background: url('../img/ArhisProjectBot.jpg') no-repeat top left;
} 
.botPlanContent {
 background: url('../img/ArhisPlanBot.jpg') no-repeat top left;
} 


.botDesignContent .subMenuDiv span {
 color: #01b2e5;
} 
.botProjectContent .subMenuDiv span {
 color: #fe9b37;
} 
.botPlanContent  .subMenuDiv span{

 color: #738f22;
} 



.designBy {
 vertical-align: bottom;
 text-align: center;
 font: normal 8px arial;
 color: #c8c8c8;
 text-transform: uppercase;
}

.designBy a, .designBy a:visited, .designBy a:active, .designBy a:hover {
 color: #c8c8c8;
 text-decoration: none;
}

.subMenuDiv {
 width: 360px;
 height: 166px;
 text-align: right;
 vertical-align: top;
 padding-right: 25px;
 padding-top: 7px;
 font: normal 11px arial;
 line-height: 20px;
}

.subMenuDiv  a, .subMenuDiv  a:visited, .subMenuDiv  a:active {
 color: black;
}

.subMenuDiv span a, .subMenuDiv  span a:visited, .subMenuDiv span a:active {
 color: black;
}

.contDiv a, .contDiv a:visited, .contDiv a:active {
 color: black;
}

.botDesignContent .contDiv a:hover, .botDesignContent .subMenuDiv a:hover  {
 color: #01b2e5;
} 
.botProjectContent .contDiv a:hover, .botProjectContent .subMenuDiv a:hover  {
 color: #fe9b37;
} 
.botPlanContent  .contDiv a:hover, .botPlanContent  .subMenuDiv a:hover  {
 color: #add732;
} 


.contDiv {
 width: 360px;
 vertical-align: top;
 font: normal 12px arial;
 color: #333333;
 padding-top: 10px;
 padding-right: 5px;
}

.flashDiv {
 width: 720px;
 height: 180px;
 text-align: right;
}

.flashDiv  img {
 margin-left: 360px;
}

.introFlash {
 width: 100%;
 height: 100%;
 vertical-align: middle;
 top: 0px;
 left: 0px;
 position: absolute;
}

.introTable {
 width: 100%;
 height: 100%;
}

.introhorsep{
 width: 75px;
}

.linkIntroTable{
 position: relative;
 top: 20px;
 left: 30px;
}