﻿/*
   #002540  -   dk blue       more info button shadow
   #00578D  -   blue          logo background
   #A2C6EE  -   lt blue       menu lt blue
   #DDDBD5  -   beige         menu beige

   #ffffff  -   white         menu text
   #f8f8f8  -   lt. gray 1    backTower left
   #fbfbfb  -   lt. gray 2    backTower right, body background
*/

body {
   background: #fbfbfb;
   color: black;
   font-family: Sans-Serif;
   font-size: small;
}

#whole {
   z-index: 1;
}

#top {
   width: 100%;
   height: 90px;
   overflow: hidden;
}

#logo {
   background: #00578D;
   background-image: url(../images/logo.png);
   width: 230px;
   float: left;
   height: 90px;
}

#menu {
   background: #DDDBD5;
   color: #00578D;
   font-family: Sans-Serif;
   font-size: x-small;
   font-weight: 900;
   text-transform: uppercase;
   height: 100%;  /* 90px */
   z-index: 2;
}

#menutop {
   height: 40%;
}

#menumiddle {
   background: #A2C6EE;
   height: 2em;  
   padding: .3em; 
   border-top: solid 1px #ffffff;
   border-bottom: solid 1px #ffffff;
}

#menubottom {
   height: 40%;   
   background: #DDDBD5;
   color: #00578D;
}

.menutext {
   font-weight: bold;
   color: white;
   font-family: tahoma;
   text-align: center;
   text-decoration: none;
}

.menutexthover {
   color: #6d6e71;
}

.menudyn {
   font-weight: bold;
   font-size: x-small;
   color: white;
   font-family: tahoma;
   text-align: center;
   text-decoration: none;
   background: #A2C6EE;
   border: solid 1px #ffffff;
   height: auto;
   z-index: 100;
   text-align: left;
   margin: 5px;
}

.menudyntext {
   background: #A2C6EE;
   color: #f8f8f8;
   padding: 3px;
   text-align: left;
}

.menudyntexthover {
   background: #A2C6EE;
   color: #00578D;
   padding: 3px;
}

#bottom {
   width: 100%;
   height: 511px;
   z-index: 1;
}

#decoration {
   background: #fbfbfb;
   background-image: url(../images/home-photo.jpg);
   border-top: solid 1px #f8f8f8;
   width: 230px;
   height: 511px;
   float: left;
   font-size: xx-large;
}

#main {
   background: #f8f8f8;
   background-image: url(../images/backTower.jpg);
   background-repeat: no-repeat;
   background-position: right;
   border-top: solid 1px #f8f8f8;
   width: 689px;
   height: 100%;
   float: right;
   overflow: auto;
}

#left {
   position: relative;
   width: auto;
   height: 100%;
   overflow: auto;
   font-family: Sans-Serif;
   padding-left: 15px;
   z-index: 2;
}

#right {
   position: relative;
   width: 285px;
   float: right;
   height: 100%;
   overflow: hidden;
}

#pic1 {
   position: absolute;
   left: 10px;
   top: 10px;
   width: 250px;
   height: 200px;
}

#pic2 {
   position: absolute;
   right: 30px;
   top: 240px;
   width: 150px;
   height: 150px;
}

#pic3 {
   position: absolute;
   left: 20px;
   bottom: 30px;
   width: 150px;
   height: 150px;
}

#divpropertyMainPhoto {
   position: absolute;
   left: 10px;
   top: 10px;
}

#divpropertyPhotoAux01 {
   position: absolute;
   right: 10px;
   bottom: 10px;
}

#divpropertyPhotoAux02 {
   position: absolute;
   left: 10px;
   top: 10px;
}


#divpropertyBullets {
}

.heading {
   font-family: Serif;
   font-size: x-large;
   color: #58595b;
   padding-bottom: 5px;
}

.lead {
}

input {
   margin: 2px;
}

.copy {
   width: 350px;
   padding-left: 4px;
   font-size: small;
   color: #58595b;
   line-height: 1.2em;
   font-family: arial;
   padding-bottom: 15px;
}

.copy a {
   font-size: small;
}

.numbertype {
   font-style: italic;
   width: 8em;
}

.number {
}

/* widecontent.master */

#wideleft {
   position: relative;
   width: auto;
   height: 100%;
   overflow: auto;
   font-family: Sans-Serif;
   padding-left: 15px;
   z-index: 2;
}

#wideright {
   position: relative;
   width: 115px;
   float: right;
   height: 100%;
   overflow: hidden;
}

/* lists */
ul, ol { /* on services page */
   margin-top: .5em;
   margin-bottom: 2em;
}

/* decoration images */
#decoProperty {
   background: #fbfbfb;
   background-image: url(../images/leftside/deco02.jpg);
   border-top: solid 1px #f8f8f8;
   width: 230px;
   height: 511px;
   float: left;
   font-size: xx-large;
}

#decoMain {
   background: #fbfbfb;
   background-image: url(../images/leftside/deco02.jpg);
   border-top: solid 1px #f8f8f8;
   width: 230px;
   height: 511px;
   float: left;
   font-size: xx-large;
}

#decoAbout {
   background: #fbfbfb;
   background-image: url(../images/leftside/deco03.jpg);
   border-top: solid 1px #f8f8f8;
   width: 230px;
   height: 511px;
   float: left;
   font-size: xx-large;
}

#decoPast {
   background: #fbfbfb;
   background-image: url(../images/leftside/deco01.jpg);
   border-top: solid 1px #f8f8f8;
   width: 230px;
   height: 511px;
   float: left;
   font-size: xx-large;
}

#decoPresent {
   background: #fbfbfb;
   background-image: url(../images/leftside/deco05.jpg);
   border-top: solid 1px #f8f8f8;
   width: 230px;
   height: 511px;
   float: left;
   font-size: xx-large;
}

#decoFuture {
   background: #fbfbfb;
   background-image: url(../images/leftside/deco06.jpg);
   border-top: solid 1px #f8f8f8;
   width: 230px;
   height: 511px;
   float: left;
   font-size: xx-large;
}

.moreinfo a {
   background: #00578D;
   color: #A2C6EE;
   padding: 5px;
   font-size: small;
   font-family: Sans-Serif;
   border-left:    solid 1px #A2C6EE;
   border-top:     solid 1px #A2C6EE;
   border-right:   solid 1px #00578D;
   border-bottom:  solid 1px #00578D;
   text-align: center;
   text-decoration: none;
}

/*****************************************************************

body {
   background: #555555;
   color: black;
   font-family: Sans-Serif;
   font-size: small;
}

#whole {
   position: absolute;
   left: 0px;
   top: 0px;
   background: #000000;
   width: 100%;
}



#top {
   background: #ff0000;
   width: 100%;
   height: 100px;
   overflow: hidden;
}

#logo {
   background: #ff66aa;
   width: 150px;
   float: left;
   height: 100%;
   font-size: xx-large;
}

#menu {
   background: #ffaa66;
   text-transform: uppercase;
   height: 100%;
}

#menutop {
   height: 40%;   
}

#menumiddle {
   background: #ffcc99;
   height: 1em;  
   padding: .3em; 
   border-top: solid 1px #ffffff;
   border-bottom: solid 1px #ffffff;
}

#menubottom {
   height: 40%;   
}


#bottom {
   background: #00ff00;
   width: 100%;
   height: 511px;
}

#pic {
   background: #66ffaa;
   width: 150px;
   height: 100%;
   float: left;
   font-size: xx-large;
}

#main {
   background: #aaff66;
   width: auto;
   height: 100%;
}

#left {
   width: auto;
   height: 100%;
   overflow: auto;
   font-family: Serif;
}

#right {
   position: relative;
   width: 270px;
   float: right;
   height: 100%;
   overflow: hidden;
}



#pic1 {
   background: #333333;
   position: relative;
   left: 10px;
   top: 10px;
   width: 250px;
   height: 200px;
}

#pic2 {
   background: #666666;
   position: relative;
   left: 70px;
   top: -25px;
   width: 150px;
   height: 150px;
}

#pic3 {
   background: #aaaaaa;
   position: relative;
   left: 20px;
   top:  -50px;
   width: 150px;
   height: 150px;
}
*************************************************************/
