body {background: rgb(241,241,241) url(/images/wallpaper.jpg) 0px 0px  repeat-x; text-align: center; padding: 0px; font-family: Verdana, "Trebuchet MS", Tahoma; margin: 0px; padding: 0px; font-size: 76%; }
html {overflow-y: scroll;}

body, a, a:visited { color: black;}

h1, .h1 {font-size: 140%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; }
h2, .h2 {font-size: 160%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h3, .h3 {font-size: 130%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h4, .h4 {font-size: 110%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h5, .h5 {font-size: 100%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
p {margin: 0px 0px 10px 0px; padding: 0px;}
h1, h2, h3, h4, h5, p {position: relative; left: 0px; top: 0px;}

img {border: none; margin: 0px; padding: 0px;}
ul { text-align: left;}
li {padding-left: 6px;}
div {margin: 0px; padding: 0px;}
table {border:none; }
td {vertical-align: top; border-collapse:collapse; border:none; }
form {padding: 0px; margin: 0px;}

/* generic css */
.logo {width: 308px; height: 100px; border: none;}
.clear {clear: both; font-size: 1px; height: 1px;}
.clear img {width: 100%; height: 1px;}
.textonly {display: none;}
.formErr {display: block; color: red; }
.formNoErr {display: none; }
.page404 {text-align: center;}
.bold {font-weight: bold;}
.btn {border: none; height: 24px; overflow: visible; padding: 0px 8px; font-weight: bold; cursor: pointer}
.txtfield { border: 1px solid rgb(165,172,178); padding: 1px 2px;}
.selfield { border: 1px solid rgb(165,172,178);  }
.chkbox {position: relative; top: 2px; left: 0px;}
.imgbtn {padding: 0px; border: 0px; margin: 0px;}
.accesskeys {display: none;}

/* standard content css */
.content li {margin-bottom: 4px;}

/* layout css */
.page {width: 760px; margin: 0px auto 0px auto; padding:0px; text-align: left; background-color: rgb(255,255,255); border-right:4px solid rgb(70,24,70); border-left:4px solid rgb(70,24,70);}

.header { height: 96px; padding:20px; text-align: right; background-color: rgb(255,255,255);}
.header, .header a, .header a:visited { text-decoration: none;}
.header .lcol {float: left; width: 240px; text-align:left; }
.header .lcol .walrus:link, .header .lcol .walrus:visited { width:96px; height:96px; display:block; background:url(/images/walrus-logo.gif) 0px 0px no-repeat; }
.header .midcol {float:left; width:240px; text-align:center; }
.header .midcol .caroline:link, .header .midcol .caroline:visited { width:96px; height:96px; margin:0px auto; display:block; float:center; background:url(/images/caroline-house-logo.gif) 0px 0px no-repeat; }
.header .rcol {float: left; width: 240px; text-align:right; }
.header .rcol .tl84:link, .header .rcol .tl84:visited { width:96px; height:96px; display:block; float:right; background:url(/images/tl84-logo.gif) 0px 0px no-repeat; }
.header .rcol .sub { }

.topmenu { height: 33px; margin:0px 20px 0px 20px;}
.topmenu .menu {float: left; width: 720px; height: 33px; display: inline;}

.topmenu .menu .item {float: left; height: 33px;  }
.topmenu .menu .item p { margin: 0px; padding: 0px; text-transform:uppercase; font-size:86%; text-align: center;   }
.topmenu .menu .sel  a:link, .topmenu .menu .sel a:visited { height:33px; display:block; background:rgb(255,255,255) 0px 0px repeat-x; color:rgb(68,25,70);  text-decoration: none;}
.topmenu .menu .sel a:hover {background:none; color:rgb(68,25,70); text-decoration:none;}
.topmenu .menu .nosel  a:link, .topmenu .menu .nosel a:visited { height:33px; display:block; background:url(/images/menu-bg.gif) 0px 0px repeat-x; color:rgb(255,255,255);  text-decoration: none;}
.topmenu .menu .nosel a:hover {background:none; color:rgb(68,25,70); text-decoration:none;}

.topmenu .menu .item1 a:link, .topmenu .menu .item1 a:visited {width:110px;height:23px; padding-top:10px; }
.topmenu .menu .item9 a:link, .topmenu .menu .item9 a:visited {width:110px;height:23px; padding-top:10px; }
.topmenu .menu .item10 a:link, .topmenu .menu .item10 a:visited {width:130px;height:23px; padding-top:10px; }
.topmenu .menu .item13 a:link, .topmenu .menu .item13 a:visited {width:110px;height:23px; padding-top:10px; }

.topmenu .menu .item11 a:link, .topmenu .menu .item11 a:visited {width:130px;height:29px; padding-top:4px; }
.topmenu .menu .item12 a:link, .topmenu .menu .item12 a:visited {width:130px;height:29px; padding-top:4px; }


/* default page styles */
.pageBody { margin: 10px 20px; padding: 0px; background-color: rgb(255,255,255);}
.pagearea { height: 340px;}
html>body .pagearea {height: auto; min-height: 340px;}

.pageBody .bcrumb {font-size: 90%; height:30px; }
.pageBody .bcrumb .item {float:left; }
.pageBody .bcrumb a, .bcrumb a:visited { color: rgb(51,51,51); text-decoration: none;}
.pageBody .bcrumb a:hover {text-decoration: underline;}
.pageBody .bcrumb .sep { float:left; padding:0px 5px 0px 5px;  }
*html .pageBody .bcrumb .sep { margin-top:3px; }

.pageBody .lcol {clear:both; float: left; width: 475px;}
.pageBody .rcol {float: left; width: 230px; margin-left: 15px; text-align:right;}
.pageBody .rcol img { padding:7px; border:1px solid rgb(68,25,70); }

.pageBody table { border-collapse: collapse;}
.pageBody table td {border: none; padding: 2px 0px; margin: 0px;}
.pageBody .th {font-weight: bold;}

.pageTitle { padding: 0px; margin:0px; }
.pageTitle h1 {text-align: left; margin:0px; padding:0px; color: rgb(68,25,70); }
.pageTitle h1 a, .pageTitle h1 a:visited {text-decoration: none; color: rgb(68,25,70); font-size: 30px; font-weight: normal; }

.footer {width:752px; height:30px; margin:0px auto; border-right:4px solid rgb(70,24,70); border-left:4px solid rgb(70,24,70); text-align: center; padding: 0px 0px; background:rgb(68,25,70); }
.footer, .footer a, .footer a:visited {color: rgb(255,255,255); text-decoration: none; }
.footer a:hover {text-decoration: underline;}
.footer .menu {font-size: 86%; float:right; padding:7px 0px 0px 0px; }
.footer .menu .item {display: inline; }
.footer .menu .sep {display: inline; border-right: 1px solid rgb(255,255,255); height: 16px;}
.footer .menu p {margin: 0px; padding: 0px 5px 0px 5px; text-align: center; display: inline; }
.footer .menu .tab { margin: 0px 4px; padding: 0px;}


/* developments list */

.developments .ilink { width:340px; height:120px; display:block; float:left; display:inline; margin-bottom:20px;  text-decoration:none; color:white; }
.developments .left { margin-right:20px; }
.developments .right { margin-left:20px; }
.developments .ilink .site {width:340px;  height:120px; background: rgb(68,25,70);  }

.developments .ilink  table {border-collapse:collapse; margin: 0px; padding: 0px;}
.developments .ilink  table td {border:none; padding: 0px; margin: 0px;}

.developments .ilink table, .ilink:hover table {text-decoration: none; }

.developments .ilink:hover {background: none;}
.developments .ilink:hover .site { background:rgb(106,70,106); }

/*.developments .prevnext {position:absolute; margin-top:0px; margin-left:350px; }*/
.developments .prevnext a {text-decoration:none; color:rgb(255,255,255); }
.developments .navlink { width:60px; height:16px; float:right; margin-left:4px; display:block; padding-top:2px; color:rgb(255,255,255); background:url(/images/menu-bg.gif) 0px -8px repeat-x; border: 1px solid rgb(68,25,70); font-size:90%; color:rgb(255,255,255); text-decoration:none; }
.developments .navlink:hover { background:white; color:rgb(68,25,70); }
.developments .prev .icon { width:6px; height:8px; background:url(/images/prevnext.gif) 0px 0px no-repeat; float:left; display:inline; margin:3px 8px 0px 8px; color:rgb(255,255,255); }
.developments .next {text-align:right; }
.developments .next .icon { width:6px; height:8px; background:url(/images/prevnext.gif) -6px 0px no-repeat; float:right; display:inline; margin:3px 8px 0px 8px; color:rgb(255,255,255); }
.developments .prev:hover .icon {background:url(/images/prevnext.gif) 0px -8px no-repeat; }
.developments .next:hover .icon {background:url(/images/prevnext.gif) -6px -8px no-repeat; }

.developments .site img {width:104px; margin:8px; float:left; }
.developments .site a {color:white; text-decoration:none; }
.developments .site .content {width:212px; float:left; margin-top:8px; cursor:hand; }
.developments .site .content .title { color:white; text-decoration:none; text-transform:uppercase; font-size:110%; }
.developments .site .content .intro { margin-top:4px; color:white; }

.developments .site .siteplan {width:116px; height:16px; display:block; margin-top:12px; padding-top:2px; background:url(/images/menu-bg.gif) 0px -8px repeat-x; border: 1px solid white; font-size:90%; color:rgb(255,255,255); }
.developments .site .siteplan:hover {background:white; color:rgb(68,25,70); }
.developments .site .siteplan .icon {width:12px; height:13px; margin:0px 8px 0px 4px; }

.developments .buttons {margin-bottom: 30px;}
.developments .buttons a {text-decoration:none; color:white; }
.developments .buttons .button {width:110px; height:16px; float:left; display:inline; margin:12px 0px 0px 4px; padding-top:2px; background:url(/images/menu-bg.gif) 0px -8px repeat-x; border: 1px solid rgb(68,25,70); font-size:90%; color:rgb(255,255,255); }
.developments .buttons .button:hover {background:white; color:rgb(68,25,70); }
.developments .buttons .siteplan .icon {width:12px; height:13px; float:left; display:inline; background:url(/images/pdf-mini.gif) 0px 0px no-repeat; margin:0px 8px 0px 4px; }
.developments .buttons .maplink .icon {width:14px; height:13px; float:left; display:inline; background:url(/images/loc-mini.gif) 0px 0px no-repeat; margin:0px 8px 0px 4px; }
.developments .buttons .maplink:hover .icon {width:14px; height:13px; float:left; display:inline; background:url(/images/loc-mini.gif) 0px -13px no-repeat; margin:0px 8px 0px 4px; }
.developments .buttons .contactlink .icon {width:7px; height:13px; float:left; display:inline; background:url(/images/contact-mini.gif) 0px 0px no-repeat; margin:0px 8px 0px 4px; }
.developments .buttons .contactlink:hover .icon {width:7px; height:13px; float:left; display:inline; background:url(/images/contact-mini.gif) 0px -13px no-repeat; margin:0px 8px 0px 4px; }



.developments .rcol img { padding:7px; border:1px solid rgb(68,25,70); }
.developments .rcol .secondimg {margin-top:13px; }
.developments .base { margin:0px; padding:0px; }
.developments .base img { padding:7px; border:1px solid rgb(68,25,70); margin-top:13px; }
.developments .base .lcol { width:475px; }
.developments .base .lcol .leftimg {float:left; }
.developments .base .lcol .rightimg {float:right; }

/*.developments .il1 { background: rgb(123,94,123) }
.developments .il0 { background: rgb(69,24,69); }
.developments .item_list .item { padding: 2px 4px;}
.developments .item_list a, .developments .item_list a:visited {color: white; text-decoration: none;}
.developments .item_list .title {float: left; width: 100px;}
.developments .item_list .summary {float: left; width: 280px;}
.developments .item_list .price {float: left; width: 80px;}
.developments .il1:hover, .developments .il0:hover {background: white; cursor: pointer;}
.developments .item_list:hover a, .developments .item_list:hover a:visited {color: rgb(68,25,70); text-decoration: none;}
.developments .item_list .item .arrow {width:6px; height:8px; margin-top:3px; background:url(/images/prevnext.gif) -6px 0px no-repeat; float:right; display:inline; }
.developments .item_list:hover .item .arrow {width:6px; height:8px;  background:url(/images/prevnext.gif) -6px -8px no-repeat; float:right; display:inline; }*/


.developments .il1 .glink { background: rgb(123,94,123) }
.developments .il0 .glink { background: rgb(69,24,69); }
.developments .item_list .item { padding: 2px 4px;}
.developments .item_list a, .developments .item_list a:visited {color: white; text-decoration: none;}
.developments .item_list .title {float: left; width: 110px;}
.developments .item_list .summary {float: left; width: 270px;}
.developments .item_list .price {float: left; width: 80px;}
.developments .glink:hover a, .developments .glink:hover a:visited {color: rgb(68,25,70); text-decoration: none;}
.developments .glink .item .arrow {width:6px; height:8px; margin-top:3px; background:url(/images/prevnext.gif) -6px 0px no-repeat; float:right; display:inline; }
.developments .glink:hover .item .arrow {width:6px; height:8px;  background:url(/images/prevnext.gif) -6px -8px no-repeat; float:right; display:inline; }
.developments .item_list .glink:hover {background: none;}
.developments .item_list .glink:hover .item { background:rgb(255,255,255); }








/* home page */
.pageBody .home td {border: none; padding: 0px; margin: 0px;}

.home .content p:first-child {background:rgb(106,70,106); padding:10px; color:white; font-size:110%; }
.home .linkbar, .home .linkbar:visited { width:475px; height:20px; display:block; padding-top:4px; padding-left:5px; margin-bottom:8px; background:rgb(68,25,70); color:white; text-decoration:none; }
.home .linkbar:hover { background:rgb(123,94,123); }
.home .linkbar .arrow {width:6px; height:8px; margin-top:3px; background:url(/images/prevnext.gif) -6px 0px no-repeat; float:right; display:inline; }
.home .linkbar:hover .arrow {width:6px; height:8px;  background:url(/images/prevnext.gif) -6px -8px no-repeat; float:right; display:inline; }


/* press releases */

.pressrelease .lcol { width:550px; }
.pressrelease .rcol { width:150px; }
.pressrelease .button {width:116px; height:16px; float:left; display:inline; margin:12px 0px 0px 4px; padding-top:2px; background:url(/images/menu-bg.gif) 0px -8px repeat-x; border: 1px solid rgb(68,25,70); font-size:90%; color:rgb(255,255,255); text-decoration:none; }
.pressrelease .button:hover {background:white; color:rgb(68,25,70); }
.pressrelease .pressrelease .icon {width:12px; height:13px; float:left; display:inline; background:url(/images/pdf-mini.gif) 0px 0px no-repeat; margin:0px 8px 0px 4px; }

/* contact */
.contact .lcol { width:350px; }
.contact .rcol { width:350px; }

.contact .row {margin-top:4px; }
.contact .txtfield, .contact .txtarea {width:350px; }
.contact .btn {border: none; height: 24px; overflow: visible; margin-top:8px; padding: 0px 8px; font-weight: bold; cursor: pointer; color:rgb(68,25,70); }
.contact #map { padding:7px; border:1px solid rgb(68,25,70); }


/* default page layout 2-col */
.default{}
.default .lcol {}
.default .rimage {float: right; margin-left: 20px; }

/* basic page layout 1-col */
.basic {background-color: rgb(155, 154, 170);}


/* site map */
.sitemap li {margin-bottom: 10px;}
.sitemap li a, .sitemap li a:visited {text-decoration: none;}
.sitemap li a:hover {text-decoration: underline;}
.sitemap .level1 {float: left; margin: 0px 15px; display: inline;}



/* generic page */
.generic h3 {margin-bottom: 18px;}
.generic h4 {margin-bottom: 5px;}
.generic .summary {margin-bottom: 22px;}
.generic .summary a {text-decoration: none;}

/* form css */
.waitMsg {display: none; background: rgb(99, 99, 99); border: 3px solid rgb(255, 173, 99); width: 300px; text-align: center; position: absolute; top: 0px; left: 0px;}
.waitMsg p {padding: 10px 20px; font-size: 140%; color: white;}
.waitMsg .wImg {margin-bottom: 10px;}

/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt;
  padding: 0pt;
  overflow: auto;
  letter-spacing: 0px;
  float: none;
}

.sIFR-dummy {
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}

/*---- Header styling ---*/

.sIFR-active h1 {
  visibility: hidden;
  font-family: Verdana;
  padding-bottom:-10px;
  line-height: 0.1em;
  font-size: 15px;

}