﻿body{margin: 0; padding: 0; background: url(/images/castilloBG.gif); font-family: Century Gothic, Tahoma, Verdana, Arial;}
#wrapper1{width: 950px; height: 608px; margin: 25px auto;}
#address{width: 13px; height: 603px; padding: 0 3px 0 0; margin-bottom: 17px; background: url(/images/address.png) no-repeat bottom; float: left;}
#patent{width: 13px; height: 609px; padding: 0 3px 0 0; margin-top:11px; background: url(/images/patent.png) no-repeat top; float: left; margin-left: -13px;}
#wrapper2{width: 918px; height: 620px; background: url(/images/border.png); float: left;}
#left{float: left; width: 290px; border-right: 10px solid #643232; margin: 10px 0 0 10px;}
#logo{border-bottom: 10px solid #643232;}


#navigation{border-right: 10px solid #643232; width: 290px; height: 286px; overflow: hidden;}
#navigation ul{margin: 20px 0 0 20px; padding: 0; list-style-type: none;}
#navigation ul li a:link, #navigation ul li a:visited{font-size: 12px; text-decoration: none; color: #FFF; padding: 9px 0; display: block;}
#navigation ul li a:hover, #navigation ul li a:active{text-decoration: underline;}

#content{width: 560px; height: 560px; padding: 10px; background: url(/images/contentBG.png) no-repeat 200px 175px #FFF; float: left; margin: 10px 0 0 0;}
#content h1{margin: 0 0 0 0; padding: 0 0 0 0; color: #333; font-size: 30px; text-transform: uppercase;}
#content h2{margin: 0 0 0 0; padding: 0 0 0 0; color: #333; font-size: 24px; text-transform: uppercase;}
#content h3{margin: 0 0 0 0; padding: 0 0 0 0; color: #333; font-size: 14px; text-transform: uppercase;}
#content p{margin: 0 0 10px 0; padding: 0 0 0 0; color: #333; font-size: 14px; line-height: 175%;}
#content p label{width: 100px; float: left; margin-right: 10px; text-align: right;}
#content .noAfter{margin: 0 0 0 0; padding: 0 0 0 0;}
#content .note{margin: 0 0 0 0; padding: 0 0 0 0; color: #643232; font-size: 11px;}
#content ul{margin: 0; padding: 0; list-style-type: square;}
#content ul li{margin: 0 0 0 35px; padding: 0; color: #333; font-size: 14px; line-height: 175%;}
#content ul li span{color: #643232;}
#content ol{color: #FFF;}
#content .floatRight{float: right; margin: 10px 0 10px 10px; padding: 2px; background: #FFF; border: 1px solid #CCC;}
#content .clear{width: 100%; clear: both;}
#content table p{color: #333;}
#content a:link, #content a:visited{text-decoration: none; color: #7bbee0}
#content a:hover, #content a:active{text-decoration: underline;}

#content #apartmentWrapper{width: 285px; height: 265px; overflow: hidden; float: right;}
#content .apartment{float: right; width: 258px; height: 243px; padding: 10px; background: url(/images/apartmentBG.png); border: 1px solid #ccc; margin: 0 5px;}
#content .apartment ul{margin-left: -10px;}
#content .apartment ul li{font-size: 13px; line-height: 125%;}
#content .notVacant{background: url(/images/iconHouseOff.png) no-repeat 0px 0px; font-size: 12px; padding-left: 17px; margin-left: 20px;}
#content .vacant{background: url(/images/iconHouseOn.png) no-repeat 0px 0px; font-size: 12px; padding-left: 17px; margin-left: 20px;}
#content .morePhotos{height: 77px; width: 230px; padding: 2px; border: 1px solid #CCC; position: absolute; top: 520px;}
#content .morePhotos a:link, #content .morePhotos a:visited{display: block; background: none; padding-left: 90px; background: url(/images/iconPhotos.png) no-repeat; height: 57px; padding-top: 20px; font-size: 12px;}
#content .morePhotos a:hover, #content .morePhotos a:active{display: block; background: url(/images/iconPhotos.png) no-repeat #CCC; }

#content fieldset{margin: 0 0 15px 0; padding: 10px 20px; min-height: 100px; font-size: 60%;}
#content fieldset legend{padding: 5px 10px; background: #333; color: #FFF; width: 125px}
#content fieldset p label{font-size: 13px; float: left; width: 135px; text-align: right; margin-right: 10px;}
#content fieldset textarea{resize: none; font-family: Century Gothic, Tahoma, Verdana, Arial; font-size: 13px;}
#content fieldset input{font-family: Century Gothic, Tahoma, Verdana, Arial; font-size: 13px; height: 15px;}
#content fieldset input[type=file]{font-family: Century Gothic, Tahoma, Verdana, Arial; font-size: 13px; height: 25px;}
#content fieldset select{float: left; width: 155px;}
#content fieldset .formBreak{width: 100%; clear: both; height: 15px;}
#content fieldset p{}
#content fieldset p span{color: Red;}
#content fieldset .short{width: 150px;}
#content fieldset .long{width: 250px;}

#content #map{width: 554px; height: 514px; padding: 2px; border: 1px solid #CCC;}

#content ul.social{margin: 0 0 0 0; padding: 0; list-style-type: none;}
#content ul.social li{margin: 0; padding: 0; display: inline;}
#content ul.social li img{border: none;}

#content .action{float: left;}
#content .action p{text-align: center; width: 150px; margin-left: 13px;}
#content .action img{height: 150px; width: 150px; margin: 12px 0 0 12px; border: none;}
#content .action a:link, #content .action a:visited{display: block; width: 175px; height: 175px;}
#content .action a:hover, #content .action a:active{display: block; background: url(/images/actionBG.png); width: 175px; height: 175px;}


.formTable{width: 600px; color: #333; font-family: Arial; font-size: 12px; border: 1px solid #333;}
.formTable td{color: #333; padding: 2px;}

/* BUTTONS */
.button {margin:0 42px 5px 0; line-height: 1; text-decoration:none; display: inline-block; padding: 6px 12px; font-family: Trebuchet MS, arial; text-transform:uppercase; font-size:13px; letter-spacing:1px; color:#fff; cursor:pointer;	
-moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.40); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.40); text-shadow: -1px -1px 0px rgba(0,0,0,0.15);
background: #76bbc5 url('/images/overlay.png') left top repeat-x; /* fallback color + image */ background-image: -moz-linear-gradient(100% 100% 90deg, #76bbc5, #9ecbd1); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9ecbd1), to(#76bbc5)); margin: 5px auto 5px auto;}
#information a.button:link, #information a.button:visited{color: #FFF;}
.button:hover{opacity:0.9;}
.black {	
background: #4275a5 url('/images/overlay.png') left top repeat-x; /* fallback color + image */
background-image: -moz-linear-gradient(100% 100% 90deg, #101d29, #555c62);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555c62), to(#101d29));
}
.gray {	
background: #a1a5a8 url('/images/overlay.png') left top repeat-x; /* fallback color + image */
background-image: -moz-linear-gradient(100% 100% 90deg, #a1a5a8, #b6bbbf1);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b6bbbf), to(#a1a5a8));
}


