body {margin: 0px; background: url(http://ceci-amrhein.com/images/bg.png) 0 0 repeat-x #f5de8a; font: 11px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; Color: #000;} .clear { clear:both;} /* class for secondary pages - i.e. "" */ .secondary {margin: 0px; background: url(http://ceci-amrhein.com/images/bg_secondary.png) 0 0 repeat-x #f5de8a; font: 11px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; Color: #000;} body a {color: #984b07; text-decoration: none; font-weight: bold;} body a:active, body a.selected {color: #984b07; text-decoration: none; font-weight: bold;} a:focus {outline: 0;} strong, em {font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } strong {font-weight: bold;} em {font-style: italic;} #container {width: 920px; margin: 0 auto; padding: 0;} #header {width: 920px; background: url(http://ceci-amrhein.com/images/cb_02.png) 0 0 no-repeat;} #header h1 {display: none;} #nav {margin-left: 295px; height: 29px; list-style: none; display: inline; display: block; overflow: visible;} #nav li {list-style: none; display: inline;} #nav a {padding: 29px 0 0 0; float: left; overflow: hidden; height: 0px !important;} #nav a:hover {background-position: 0 -29px;} #nav a:active, #nav a.selected {background-position: 0 -29px;} #thome a {background: url(http://ceci-amrhein.com/images/home.png) top left no-repeat; width: 69px;} #tproperties a {background: url(http://ceci-amrhein.com/images/properties.png) top left no-repeat; width: 105px;} #tresources a {background: url(http://ceci-amrhein.com/images/resources.png) top left no-repeat; width: 103px;} #tabout a {background: url(http://ceci-amrhein.com/images/about.png) top left no-repeat; width: 78px;} #tcontact a {background: url(http://ceci-amrhein.com/images/contact.png) top left no-repeat; width: 92px;} #flash {width: 920px; height: 437px;} /*------ Secondary Page Header Image Swap ---------*/ #swap {width:920px; height:293px;/* background: url(http://ceci-amrhein.com/images/'header-photo-02.jpg') center center no-repeat; */} /*------ Secondary Header Text -----------*/ h2#properties { width:135px; height: 19px; text-indent: -5000px; background: url(http://ceci-amrhein.com/images/header_prop.jpg) no-repeat 0 0; top:-10px; left: 30px; position:relative; z-index:100;} h2#resources { width:134px; height: 19px; text-indent: -5000px; background: url(http://ceci-amrhein.com/images/header_resource.jpg) no-repeat 0 0; top:-10px; left: 30px; position: relative; z-index:100;} h2#about { width:84px; height: 20px; text-indent: -5000px; background: url(http://ceci-amrhein.com/images/header_about.jpg) no-repeat 0 0; top:-10px; left: 30px; position: relative; z-index:100;} h2#contact { width:116px; height: 20px; text-indent: -5000px; background: url(http://ceci-amrhein.com/images/header_contact.jpg) no-repeat 0 0; top:-10px; left: 30px; position: relative; z-index:100;} h2#admin { width:217px; height: 20px; text-indent: -5000px; background: url(http://ceci-amrhein.com/images/header_admin.jpg) no-repeat 0 0; top:-10px; left: 30px; position: relative; z-index:100;} h2#addprop {width:185px; height: 20px; text-indent: -5000px; background: url(http://ceci-amrhein.com/images/header_addprop.jpg) no-repeat 0 0; top:-10px; left: 30px; position: relative; z-index:100;} h2#login {width:77px; height: 20px; text-indent: -5000px; background: url(http://ceci-amrhein.com/images/header_login.jpg) no-repeat 0 0; top:-10px; left: 30px; position: relative; z-index:100;} h2#proplist {width:175px; height: 19px; text-indent: -5000px; background: url(http://ceci-amrhein.com/images/header_proplist.jpg) no-repeat 0 0; top:-10px; left: 30px; position: relative; z-index:100;} h2#spotlight { width:131px; height: 20px; text-indent: -5000px; background: url(http://ceci-amrhein.com/images/header_spotlight.jpg) no-repeat 0 0; top:-10px; left: 30px; position:relative; z-index:100;} /*----------- Decorative BOX Divs For All Secondary Pages ------------*/ .top, .bottom {width: 868px; background: no-repeat 0 0; height: 17px; margin-right: auto; margin-left: auto;} .top {background: url(http://ceci-amrhein.com/images/box_top.png);margin-top: 0px;} #secondary_container {background: url(http://ceci-amrhein.com/images/bg_secondary_box.png) 0 0 repeat-y; width: 868px; margin: 0px auto; overflow:auto; position: relative;} .bottom {background-image: url(http://ceci-amrhein.com/images/box_bottom.png); margin-bottom: 0px;} /*--------- Properties Tab System -------------------------*/ #tabs{margin-left:190px; height: 30px; list-style: none; text-align: left; top:-15px; position: relative; z-index: 1000;} #tabs li {text-align: left; list-style: none; display: inline; width:95px;} #tabs a {padding: 30px 0 0 0; float: left; overflow: hidden; height: 0px !important;} #tabs a:hover {background-position: 0 -30px;} #tabs a:active, #tabs a.selected {background-position: 0 -30px;} #tabs a.active {background-position: 0 -60px;} #forsale a {background: url(http://ceci-amrhein.com/images/forsale.png) top left no-repeat; width: 95px;} #pending a {background: url(http://ceci-amrhein.com/images/pending.png) top left no-repeat; width: 95px;} #sold a {background: url(http://ceci-amrhein.com/images/sold.png) top left no-repeat; width: 95px;} #mls a {background: url(http://ceci-amrhein.com/images/mls_tab.png) top left no-repeat; width: 95px;} /*----- Panels For Main Properties Page--------*/ #propertiesholder {width: 894px; margin: 0 auto; position: relative; z-index: 10; top:-20px} .property {float: left; width: 152px; padding: 3px 0px 2px 0px; margin: 3px 0 7px 18px;} .property h4 {font-size: 11px; font-weight: normal; color:#415e53; margin: 6px 6px 0 6px; text-align: left;} .property img {border: 5px solid #c3ac66; } .property p {font-size: 10px; color: #4c4c4c; margin: 3px 6px 8px 6px; text-align: left;} .property p a {background: #bd4343; color: #fff; text-transform: uppercase; font-size: 7px; padding: 1px 2px; text-decoration: none; text-align: left;} .property p a:hover {background: #a63535} #panel-2, #panel-3 { display:none; } #panel-4 {position: static; width: 840px; padding-left: 13px; overflow: hidden;} .hideit {width: 0 !important; height: 0 !important; visibility: hidden; position: absolute !important; overflow: hidden;} #panelholder {width: 894px; margin: 0 auto; text-align: left; z-index: 10; top: 10px; padding-bottom: 20px;} /*------ SPOTLIGHT STYLES -------*/ #spotlight_intro { width:610px; margin: 36px 30px 48px 44px; float: left; text-align: left; } #spotlight_intro h3 {color: #4e1f06; font-size: 18px; font-family: georgia, times, 'times new roman', arial;} #spotlight_block {width:760px; margin: 0px 6px 30px 44px; text-align: left; float: left; } #spotlight_block h4 {color: #4e1f06; font-size: 20px; font-family: georgia, times, 'times new roman', arial;} #spotlight_block img {float:left; border: 3px solid #c3ac66;margin-bottom:20px; margin-right: 20px;} #spotlight_block p {color: #1b1b1b; font-size: 11px; line-height: 16px; margin: 10px 0 4px 0px;} /*------ PROPERTY DETAIL STYLES ------*/ #prop_thumbs {width:410px; float: right; text-align:left;} #prop_thumbs img {border: 3px solid #c3ac66; } #prop_thumbs .main_img {margin-top: 15px; margin-bottom: 5px; } #prop_thumbs .thumb {margin-bottom: 5px; margin-right: 5px; float: left; } #prop_details { width:435px;/* margin: 24px 30px 34px 24px;*/ float: left; text-align: justify;} #prop_details img {float:right; border: 3px solid #c3ac66; clear: both;} #prop_details h2 {color: #4e1f06; font-size: 20px; font-family: georgia, times, 'times new roman', arial; margin: 25px 0 25px 25px /*167px*/;} #prop_details h3 {color: #4e1f06; font-size: 16px; font-family: georgia, times, 'times new roman', arial; margin: 20px 0 0px 25px/*168px*/; text-transform:capitalize;} #prop_details p {color: #1b1b1b; font-size: 11px; line-height: 16px; margin: 10px 0 4px 25px/*168px*/;} #contact_form {margin-right: 26px; padding: 10px;} #contact_form h2 {color: #4e1f06; font-size: 20px; font-family: georgia, times, 'times new roman', arial; margin: 0px 0 25px 0px /*167px*/;} #contact_form h3 {color: #4e1f06; font-size: 16px; font-family: georgia, times, 'times new roman', arial; margin: 0px 0 0px 0px/*168px*/; text-transform:capitalize;} #contact_form p {color: #1b1b1b; font-size: 11px; line-height: 16px; margin: 10px 0 25px 0px/*168px*/;} #contact_form .label {width: 1em; float: left; margin: 0; padding: .5em; border-top: 1px solid #ccc; font-weight: bold; color: #4e1f06;} dl.contact_form {color: #1b1b1b; font-size: 11px; line-height: 19px; margin: 0px; } .contact_form dt {width:80px; float: left; margin: 0; padding: .4em; border-top: 1px solid #ccc; font-weight: bold; color: #4e1f06;} dt span {font-weight:normal; display: block;} .contact_form dd {float: left; width: 24em; margin: 0; padding: .4em; border-top: 1px solid #ccc; } /* commented backslash hack for mac-ie5 \*/ .contact_form dt { clear: both; } /* end hack */ dl.info {color: #1b1b1b; font-size: 11px; line-height: 16px; margin: 10px 0 4px 25px; } .info dt {width: 15em; float: left; margin: 0; padding: .5em; border-top: 1px solid #ccc; font-weight: bold; color: #4e1f06;} dt span {font-weight:normal; display: block;} .info dd {float: left; width: 20em; margin: 0; padding: .5em; border-top: 1px solid #ccc; } /* commented backslash hack for mac-ie5 \*/ dt { clear: both; } /* end hack */ ul.prop {color: #1b1b1b; font-size: 11px; line-height: 16px; margin: 10px 0 10px 25px; } ul.prop li { margin: 0; padding: .5em; border-top: 1px solid #ccc; font-weight: normal; } ul.contact {color: #1b1b1b; font-size: 11px; line-height: 16px; margin: 10px 0 10px 25px; } ul.contact li { } div.disclaim {color: #999; font-size: 9px; padding: 0.5em; line-height: 14px; margin: 10px 25px 4px 25px; border-top: 1px solid #999; border-bottom: 1px solid #999;} /*------ ABOUT STYLES ------*/ #ceci {width:394px; margin: 17px 0 0 24px; text-align: left; float: left;} #ceci h2 {color: #4e1f06; font-size: 20px; font-family: georgia, times, 'times new roman', arial; margin: 0px 0 0px 0px;} #ceci img {float:left; border: 3px solid #c3ac66; margin-right:20px;margin-bottom:20px;} #ceci p {color: #1b1b1b; font-size: 11px; line-height: 16px; margin: 10px 0 4px 0px;} #bill {width:394px; margin: 17px 30px 0 24px; text-align: left; float: right;} #bill img {float:left; border: 3px solid #c3ac66; margin-right:20px;margin-bottom:40px;} #bill h2 {color: #4e1f06; font-size: 20px; font-family: georgia, times, 'times new roman', arial; margin: 0px 0 0px 0px;} #bill p {color: #1b1b1b; font-size: 11px; line-height: 16px; margin: 10px 0 4px 0px;} #bio { width:810px; margin: 11px 14px 14px 14px; padding: 20px; text-align: left; border-top: 1px solid #c0ac65;} #bio img {float:left; border: 3px solid #c3ac66;} #bio h2 {color: #4e1f06; font-size: 20px; font-family: georgia, times, 'times new roman', arial; margin: 0px 0 0px 167px;} #bio ul {color: #1b1b1b; font-size: 14px; line-height: 20px; margin: 10px 0 4px 168px;} /*------ RESOURCE STYLES ------*/ .resource {margin: 16px 0 10px 16px; width: 391px; float: left; text-align:left;} .resource h3 {color: #4e1f06; font-size: 20px; font-family: georgia, times, 'times new roman', arial; margin: 0px 0 5px 15px;} .resource li{margin:0 0 3px 25px;} /*------ CONTACT STYLES ------*/ #contact_info { width:465px; margin: 0px 0 25px 25px; float: left; text-align: left;} #contact_info img {float:left; border: 3px solid #c3ac66;} #contact_info h2 {color: #4e1f06; font-size: 20px; font-family: georgia, times, 'times new roman', arial; margin: 0px; margin-top: 20px;} #contact_info h3 {color: #4e1f06; font-size: 16px; font-family: georgia, times, 'times new roman', arial; margin: 0px;} #contact_info ul {color: #1b1b1b; font-size: 14px; line-height: 20px; margin: 0x;} #contact_info p {color: #1b1b1b; font-size: 14px; line-height: 20px; margin: 0px;} #contact_info p a {background: #bd4343; color: #fff; text-transform: uppercase; font-size: 7px; padding: 1px 2px; text-decoration: none; text-align: left;} #contact_info p a:hover {background: #a63535} dl.contact {color: #1b1b1b; font-size: 11px; line-height: 16px; margin: 10px 0 25px 0px; } .contact dt {width: 15em; float: left; margin: 0; padding: .5em; border-top: 1px solid #ccc; font-weight: bold;} dt span {font-weight:normal; display: block;} .contact dd {float: left; width: 24em; margin: 0; padding: .5em; border-top: 1px solid #ccc; } /* commented backslash hack for mac-ie5 \*/ dt { clear: both; } /* end hack */ #google_map {width:375px; float: right; text-align:left;} #contact_info p {color: #1b1b1b; font-size: 14px; line-height: 20px; margin: 0px;} #google_map p a {background: #bd4343; color: #fff; text-transform: uppercase; font-size: 7px; padding: 1px 2px; text-decoration: none; text-align: left;} #google_map p a:hover {background: #a63535} /*------ Index Page Styles -----*/ #content {background: url(http://ceci-amrhein.com/images/cb_06.png) 0 0 repeat-y; z-index: 1; text-align: center; overflow: auto; position:relative; width: 920px;} #content img {position: relative; z-index: 9;} #blockholder {width: 894px; margin: 0 auto; position: relative; z-index: 10;} .block {width: 282px; height: 343px; background: url(http://ceci-amrhein.com/images/border.png) 0 0 no-repeat; margin: -12px 0 14px 12px; text-align: left; float: left;} .block h2 {color: #4e1f06; font-size: 20px; font-family: georgia, times, 'times new roman', arial;} .block p {color: #1b1b1b; line-height: 16px; margin: 10px 0 15px 0;} .imageholder {margin-top: 14px; text-align: center;} .boxtext {margin: 12px 16px 0 16px;} /*------ FOOTER ------*/ #footer {background: url(http://ceci-amrhein.com/images/cb_08.png) 0 0 repeat-y; font-size: 10px; width: 920px; height: 120px;} #footer a {color: #415e53; text-decoration: underline; font-weight: normal;} #footer a:active, body a.selected {color: #415e53; text-decoration: underline; font-weight: normal;} #footer_left {margin: 24px 0 0 25px; float: left;} #footer_right {margin: 24px 25px 0 0; width: 385px; float: right;} #footer_right p {float: left;} #inm {font-size: 8px; float: right;} /*------ Admin -------*/ .error {font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #1b1b1b; font-size: 11px; line-height: 16px; border: 1px solid #ff0000; background:#ffbfbf; margin: 3px 20px 10px 20px; padding: 7px; font-weight: normal;} .notify_add {font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #1b1b1b; font-size: 11px; line-height: 16px; border: 1px solid #009cff; background:#bfe6ff; margin: 3px 20px 10px 20px; padding: 7px; font-weight: normal;} .login {padding: 15px;} .listings {padding: 15px;} .listings h3 {color: #4e1f06; font-size: 20px; font-family: georgia, times, 'times new roman', arial; margin: 0px 0 5px 15px;} .listings img {float:left; border: 3px solid #c3ac66;} .listings p {float: left; margin:12px 9px 8px 3px; font-size:10px;} .listings .property {float: left;border:1px solid #FFF; width: 205px; padding: 4px 4px 3px 4px; margin: 3px 0 9px 9px;} .listings .primary {background: #EEE; float: left; border:1px solid #CCC; width: 205px; padding: 4px 4px 3px 4px; margin: 3px 0 9px 9px;} .listings .primary h3 {color: #4e1f06; font-size: 20px; font-family: georgia, times, 'times new roman', arial; margin: 0px 0 5px 15px;} .listings .primary img {float:left; border: 3px solid #c3ac66;} .listings .primary p {float: left; margin:12px 9px 8px 3px; font-size:7px; text-transform:uppercase;} .primary p a {background: #bd4343; color: #fff; text-transform: uppercase; font-size: 7px; padding: 1px 2px; text-decoration: none; text-align: left;} .primary p a:hover {background: #a63535} table.proplist {width: 840px; border-collapse: collapse;} .proplist th {text-align: left; font-weight: bold; padding: 0.5em 0;} .proplist tr.header {border-bottom: 3px solid #c3ac66;} .proplist tr {border-bottom: 1px solid #CCC;} .proplist td {height: 2em;} table#contactlist {width: 840px; border-collapse: collapse; word-wrap: break-word;} table#contactlist th {text-align: left; font-weight: bold; padding: 0.5em 0;} table#contactlist tr.header {border-bottom: 3px solid #c3ac66;} table#contactlist tr {border-bottom: 1px solid #CCC;} table#contactlist td {height: 2em;} input, textarea, file {font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #1b1b1b; font-size: 11px; line-height: 16px; border: 1px solid #c3ac66; margin: 3px 0 10px 0; padding: 2px; font-weight: normal;} .textarea {margin: 0px 0 5px 15px;} .login input {width: 150px; height: 15px;} .login .button {display: block; position: relative; float: left; margin: 5px 0 0 0; padding: 5px; width: auto; height: auto; background: #eee; border: 1px solid #ddd; text-decoration: none; } .login .button:hover {background: #c3ac66; color:#fff;}