@charset "utf-8";

* {margin:0px; padding:0px;}
img {border:none;}
body {background: url(images/bg.jpg) 0px 0px;}
.all {position:relative; background: url(images/bg-grad.jpg) 0px 0px repeat-x;}
.book {position:relative; width:671px; height:880px; background: url(images/book.jpg) no-repeat;}
div.but1 {position:absolute; left:608px; top:181px; display:block; background: url(images/floorplans-act.gif) no-repeat; width:66px; height:114px; z-index:100}
div.but2 {position:absolute; left:608px; top:291px; display:block; background: url(images/life_crimson-villas-act.gif) no-repeat; width:66px; height:131px; z-index:90}
div.but3 {position:absolute; left:608px; top:420px; display:block; background: url(images/contact-us-act.gif) no-repeat; width:66px; height:130px; z-index:80}
div.but4 {position:absolute; left:608px; top:547px; display:block; background: url(images/year-book-act.gif) no-repeat; width:66px; height:133px; z-index:70}
a.but1 {display:block; background: url(images/purple_floorplans.jpg) 0px 0px no-repeat; width:66px; height:114px; text-decoration:none; cursor:pointer;}
a:hover.but1, .act a.but1 {background: url(images/floorplans.gif) -66px 0px no-repeat; text-decoration:none; cursor:pointer;}
a.but2 {display:block; background: url(images/purple_lifeat.jpg) 0px 0px no-repeat; width:66px; height:131px; text-decoration:none; cursor:pointer;}
a:hover.but2, .act a.but2 {background: url(images/life_crimson-villas.gif) -66px 0px no-repeat; text-decoration:none; cursor:pointer;}
a.but3 {display:block; background: url(images/purple_contactus.jpg) 0px 0px no-repeat; width:66px; height:130px; text-decoration:none; cursor:pointer;}
a:hover.but3, .act a.but3 {background: url(images/contact-us.gif) -66px 0px no-repeat; text-decoration:none; cursor:pointer;}
a.but4 {display:block; background: url(images/purple_yearbook.jpg) 0px 0px no-repeat; width:66px; height:133px; text-decoration:none; cursor:pointer;}
a:hover.but4, .act a.but4 {background: url(images/year-book.gif) -66px 0px no-repeat; text-decoration:none; cursor:pointer;}
.content {position:relative; width:527px; margin:0px 0 0 73px; padding-top:162px;}
.text {position:relative; text-align:center; font:bold 11px Verdana; color:#1a1000; padding-bottom:10px}
h4 {padding:10px 0 5px 0; text-align:center;}
.text p {padding:3px 10px 3px 17px; font:bold 11px Verdana; color:#1a1000; overflow:hidden;}
* html .text p {overflow:visible; height:1%;}
.logo {text-align:center;}
.entry {padding:25px 0px 0px 0px;}
.entry2 {padding:15px 0px 0px 5px; overflow:hidden;}
* html .entry2 {overflow:visible; height:1%;}
.leftcol {width:270px; float:left; text-align:left; position:relative;}
.leftcol p {padding:7px 7px 7px 15px; text-align:justify;}
.bigimage {position:relative; left:0px; top:0px; width:270px; height:254px; overflow:hidden;}
.bigimage2 {position:relative; margin:0px auto; width:375px; height:255px; overflow:hidden;}
.frame {position:absolute; left:0px; top:0px; z-index:100; width:270px; height:254px; background: url(images/img-frame.png) no-repeat;}
.frame2 {position:absolute; left:0px; top:0px; z-index:100; width:375px; height:255px; background: url(images/img-frame2.png) no-repeat;}
.yell-long {display:block; width:139px; height:36px; font:bold 11px/36px Verdana; color:#c62501; background: url(images/yellow-paint-long.png) no-repeat; text-align:center; cursor:pointer; text-decoration:none;}
.yell-short {display:block; margin-top:-5px; font:bold 11px/42px Verdana; color:#292526; background: url(images/yellow-marker.png) left top no-repeat; width:102px; height:42px; text-align:center; cursor:pointer; text-decoration:none;}
.rightcol {width:230px; float:right; text-align:left; position:relative;}
.listgallery {list-style:none; overflow:hidden;}
* html .listgallery {overflow:visible; height:1%;}
.listgallery li {float:left; width:114px; padding-bottom:2px;}
.listgallery li img {margin-left:4px;}
.listgallery li span {display:block; margin-top:-2px; font:bold 11px/34px Verdana; color:#292526; background: url(images/descr.png) left top no-repeat; width:102px; height:34px; text-align:center; cursor:pointer; text-decoration:none;}
.listgallery li span.doubleline {line-height:110%; padding-top:4px; height:30px;}
* html .listgallery li span.doubleline {height:34px;}
*:first-child+html .listgallery li span.doubleline {height:34px;}
.listgallery li.active span {color:#c62501;}
.listgallery2 {list-style:none; margin-top:10px; padding-left:50px; overflow:hidden;}
* html .listgallery2 {overflow:visible; height:1%;}
.listgallery2 li {float:left; width:92px; height:78px; overflow:hidden; border:1px solid #d7d7d7; margin:10px 20px 0px 0px;}
.pagenav {font:18px Arial;}
.pagenav span {font:18px Arial; color:#3c1d15;}
.pagenav a {font:18px Arial; color:#adb2b6; text-decoration:none;}
.pagenav a:hover {color:#3c1d15; text-decoration:none;}


.imgleft {float:left; margin-right:30px;}
.imgleft2 {float:left; margin-right:10px;}
.red {color:#b30909;}
.f18 {font:18px Tahoma;}
.up {text-transform:uppercase;}
.center {text-align:center;}
.left {text-align:left;}
.l {float:left;}

/* form */
.form {position:relative; background:#ffffff url(images/border.gif) left top repeat-x; width:440px; margin-left:44px;}
.f-bot {position:relative; background: url(images/form-b.gif) left bottom repeat-x; width:100%;}
.f-right {position:relative; background: url(images/form-r.gif) right top repeat-y; width:100%;}
.f-left {position:relative; background: url(images/border.gif) left top repeat-y; width:100%;}
.f-rbc {position:relative; background: url(images/form-rbc.gif) right bottom no-repeat; width:100%;}
.f-lbc {position:relative; background: url(images/form-lbc.gif) left bottom no-repeat; width:100%;}
.f-rtc {position:relative; background: url(images/form-rtc.gif) right top no-repeat; width:100%;}
.f-ltc {position:relative; background: url(images/form-ltc.gif) left top no-repeat; width:100%;}
.form-fields {padding:20px;}
.label {float:left; font:bold 12px Tahoma; color:#b30909; padding-top:1px; width:80px; text-align:left;}
.label-long {float:left; font:bold 12px Tahoma; color:#b30909; padding-top:1px; width:120px; text-align:left;}
.field {float:left; height:30px; text-align:right; }
.textar {float:left;}
.field input {border:1px solid #701200; font:12px Tahoma; color:#231f20; padding:2px;}
.textar textarea {border:1px solid #701200; font:12px Tahoma; color:#231f20; padding:2px;}
.subm-but {font:bold 12px Taoma; color:#ffffff; background-color:#701200; padding:2px 10px; margin-left:110px; margin-top:5px;}
/* end form */

.clear {clear:both;}
.button-bot {display:block; position:absolute; left:95px; top:756px; background: url(images/button-bg.jpg) left top no-repeat; width:122px; height:48px; text-align:center; font:12px/44px Tahoma; color:#ffffff; text-decoration:none;}
.button-bot span {padding-right:20px;}
.button-bot:hover span {text-decoration:underline; cursor:pointer;}
.button-bot_ {position:absolute; left:95px; top:752px; background: url(images/yellow-marker.png) left top no-repeat; width:102px; height:42px; text-align:center;}
.button-bot2 {position:absolute; left:315px; top:752px; background: url(images/yellow-marker.png) left top no-repeat; width:102px; height:42px; text-align:center;}
.button-bot2act {position:absolute; left:315px; top:752px; background: url(images/red-marker.png) left top no-repeat; width:122px; height:48px; text-align:center; font:12px/44px Tahoma; color:#ffffff; text-decoration:none;}
.button-bot3 {position:absolute; left:495px; top:752px; background: url(images/yellow-marker.png) left top no-repeat; width:102px; height:42px; text-align:center;}
.button-bot3act {position:absolute; left:495px; top:752px; background: url(images/red-marker.png) left top no-repeat; width:122px; height:48px; text-align:center; font:12px/44px Tahoma; color:#ffffff; text-decoration:none;}
.button-bot2, .button-bot3, .button-bot_ {display:block; font:bold 11px/42px Verdana; color:#292526; text-decoration:none;}
.button-bot2:hover, .button-bot3:hover, .button-bot_:hover {text-decoration:underline; cursor:pointer;}
.logo-bot {position:absolute; left:417px; top:808px;}

.lnk {color:#B30909; text-decoration:underline;}
.lnk:hover {text-decoration:none;}

.bedrooms .l {padding-right:2px;}
.bedrooms .l p {width:173px; background:url(images/bg_floor.png) 0px 0px no-repeat; padding:12px 0px; text-align:center; color:#FFFFFF;}
.padt25 {padding-top:25px;}

/*credits*/
.credits-bot {position:absolute; left:20px; bottom:110px; color:#CBA286; }
.nerdwerx a {font:11px Verdana; color:#CBA286;}

#galleryContainer {
width: 520px;
height: 450px;
overflow: auto;
}

.galleryImage {
float: left;
width: 200px;
margin: 2px;
height: 200px;
}

.yearbookYear .yearbookText{
font-size: 16px;
width: 120px;
display: block;
}

.yearbookYear {
width: 120px;
border: 2px solid #000000;
padding: 5px;
margin: 0px auto;
margin-top: 10px;
height: 120px;
}


#news-container {
width: 180px;
height: 20px;
position: absolute;
top: 10px;
left: 625px;
text-align: left;
}

#news {
float: left;
color: #ffffff;
width: 190px;
padding: 4px;
height: 50px;
background: #39263e;
border: 1px solid #bda299;
}

.blogContainer {
margin: 0px;
padding: 0px;
margin-bottom: 10px;
border: 0px;
float: left;
font-family: arial, sans;
font-size: 12px;
}

.blogContainer a:link {
color: #cfa505;
}
.blogContainer a:visited {
color: #cfa505;
}

.blogContainer i {
font-size: 10px;
color: white;
}

.entry {
width: 520px;
height: 450px;
overflow: auto;
}