@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
}
body {
 
  padding: 0;
  margin: 0;
  margin-top: 8px;
  font-family: Times, Georgia, serif;
  font-size: 11px;
}
body.home {
   background-color: rgb(204,204,153);
}
body.ourCompany {
  background-color: rgb(134,68,16);
}
body.contact {
  background-color: rgb(120,149,163);
}
body.lodging {
  background-color: rgb(204,153,102);
  padding-bottom: 30px;
}
body.search {
  background-color: rgb(204,153,51);
}
a {
  font-size: 11px;
  text-decoration: none;
  color: #fff;
  letter-spacing: 1px;
}
a:hover {
  font-size: 12px;
  font-weight: 500;
}
h1 {
  position: absolute;
  left: 320px;
  top: 6px;
  width: 170px;

}
h1 a {
  display: block;
  height: 84px;
  width: 170px;
  text-indent: -9000px;
  /*background: url(/images/logo.gif);*/
}
h2 {
  position: absolute;
  top: 503px;
  left: 46px;
  color: #fff;
  font-family: Times, Georgia, serif;
  font-size: 12px;
  letter-spacing: 1.3px;
}
body.lodging h2 {
  top: 673px;
}
#frameDiv {
  position: relative;
  width: 800px;
  height: 600px; 
  left: 50%;
  margin-left: -400px;
  border: 4px solid #fff;
  
}
body.home #frameDiv {
  background: url(images/southwest-corporate-suites.jpg);
}
body.ourCompany #frameDiv {
  background: url(images/our-company-bga.jpg);
}
body.contact #frameDiv {
  background: url(images/southwest-corporate-suites-contact.jpg);
}
body.lodging #frameDiv {
  height: 770px;
  background: url(images/furnished-rentalsa.jpg);
}
body.search #frameDiv {
  background: url(images/reserve-furnished-rentals.jpg);
}
#rightSeg {
  position: relative;
  float: right;
  width: 500px;
  height: 600px;
}
#nav {
  position: relative;
  top: 99px;
  list-style:none;
  width: 500px;
}
#nav a {
  position: absolute;
  top: 3px;
  white-space:nowrap;
}
/* IE6 causes the need for these id's. IE6 does not recognize attribute selectors. What a piece of garbage! */
#nav  a#a1 {
  left: 20px;
}
#nav  a#a2 {
  left: 75px;
}
#nav  a#a3 {
  left: 160px;
}
#nav  a#a4 {
  left: 300px;
}
#nav  a#a5 {
  left: 415px;
}
#rightSeg p#address {
  position: absolute;
  top: 504px;
  left: 20px;
  width: 486px;
  font-weight: 500;
  color: rgb(25,18,4);
}
body.lodging #rightSeg p#address {
  top: 674px;
}
#rightSeg p a {
  text-decoration: underline;
  color: rgb(25,18,4);
  letter-spacing:normal;
}
#rightSeg div#locations {
  position: relative;
  top: 160px;
  
}
#rightSeg div#locations p {
  position: relative;
  width: 500px;
  height: 130px;
}
#rightSeg div#locations p img {
  position: absolute;/* relative to the <p> tag they are embedded in */
  border: 1px solid #fff;
}
#rightSeg div#locations p img.left {
  left: 88px;
}
#rightSeg div#locations p img.right {
  left: 338px;
}
#rightSeg div#locations p img#blank {
  border: none;
}
#leftSeg {
  position: relative;
  float: left;
  width: 300px;
  height: 600px;
}
#leftSeg a {
  position: absolute;
  top: 40px;
  left: 10px;
}
#leftSeg a#search, #leftSeg a#search2 {
  left: 205px;
  top: 5px;
  display: block;
  width: 79px;
  height: 86px;
}
/* these links need different images because their matte is the color of the backgrounds they reside on */
body.home #leftSeg a#search {
  background: url(images/search.gif);
}
body.ourCompany #leftSeg a#search {
  background: url(images/search-our-company.gif);
}
body.contact #leftSeg a#search {
  background: url(images/search-contact.gif);
}
body.lodging #leftSeg a#search {
  background: url(images/search-lodgings.gif);
}
body.lodging #leftSeg a#search2 {
  background: url(images/search-lodgings2.gif);
  top: 501px;
  left: 52px;
  width: 94px;
  height: 102px;
}
body.search #leftSeg a#search {
  background: url(images/search-reserve.gif);
}
/******************************************************************************************************/
#leftSeg p {
  position: absolute;
  text-align: center;
  font-size: 13px;
  color: rgb(55,36,7);
  font-weight:500;
}
#leftSeg img#settings {
  position: absolute;
  top: 605px;
  left: 25px;
}
body.home #leftSeg p {
  width: 185px;
  top: 170px;
  left: 7px;
  line-height: 22px;
}
body.ourCompany #leftSeg p {
  top: 152px;
  width: 300px;
  line-height: 19px;
}
body.lodging #leftSeg p {
  top: 150px;
  left: 10px;
  width: 185px;
  color: rgb(55,36,7);
  opacity: 0.5;
  line-height: 17px;
  font-size: 12px;
}
#leftSeg p#jerry {
  top: 445px;
  left: 55px;
  font-size: 12px;
  width: 190px;
  line-height: 16px;
}
#leftSeg a.lightBrown {/* might have to remove width and add <br /> if they don't like the hover effect (causes a line-break) */
  position: absolute;
  text-decoration: underline;
  color: rgb(137,72,31);
  font-family: times;
  font-size: 12px;
  line-height: 14px;
  text-align:center;
  letter-spacing: normal;
}
body.home #leftSeg a.lightBrown {
  top: 415px;
  left: 60px;
  width: 80px;
}
body.ourCompany #leftSeg a.lightBrown {
  top: 402px;
  left: 60px;
  width: 185px;
  display: block;
}
body.lodging #leftSeg a.lightBrown {
  top: 465px;
  left: 50px;
  color: #000;
  width: 100px;
  opacity: 0.7;
  font-family: Verdana, Arial, Helvetica, sans-serif; /* not sure why this is Verdana */
  font-size: 10px;
  line-height: 17px;
}
#leftSeg a.lightBrown:hover {
  font-size:13px;
}
body.lodging #leftSeg a.lightBrown:hover {
  font-size: 11px;
}
#leftSeg h3 {
  position: absolute;
  color: rgb(55,36,7);
  font-weight: 500;
  text-align: center;
}
body.home #leftSeg h3, body.lodging #leftSeg h3 {
  top: 177px;
  left: 205px;
  font-size:10px;
  font-weight: 500;
  width: 70px;
  line-height: 14px;
}
body.lodging #leftSeg h3 {
  top: 197px;
  left: 200px;
  width: 81px;
}
body.home #leftSeg h3 span, body.lodging #leftSeg span {
  font-size: 8px;
  display: block;
  line-height: 25px;
  text-align: center;
}
body.home #leftSeg h3 em, body.lodging #leftSeg em{
  display: block;
  line-height: 25px;
  font-size: 12px; 
  color: rgb(116,36,29);
  font-style: normal;
  text-align: center;
  width: 80px;
  margin-left: -5px;
}
body.lodging #leftSeg em {
  width: 150px;
  margin-left: -35px;
}
body.lodging #leftSeg em:last-child {/* only REAL browsers, i.e. everything but IE, understand this CSS */
  margin-bottom: 7px;
}
body.ourCompany #leftSeg h3 {
  top: 136px;
  font-size: 13px;
  left: 104px;
}
#footer {
  position: relative;
  width: 800px;
  top: 9px;
  left: 50%;
  margin-left: -400px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align: center;
}
a#lladdr {
   font-size: 10px;
   text-decoration: underline;
   color: rgb(25,18,4);
   letter-spacing: normal;
}
a#lladdr:hover {
  font-size: 11px;
  letter-spacing: 1px;
}