/* Karacustomhomes.COM/CSS PAGE/ Author/ Kris@digitaldigg.com */ body { background-color:#9D9185; background-image:url("images/pattern1.png"); background-repeat:repeat; background-position:0 0; margin:0; padding:0 auto 0 auto; font-weight:bolder; font:1em/14px "lucid grand, Georgia, serif, arial"; color:#666;} #page { min-height:955px; width:1024px; background-color:#fff; margin:0 auto 0 auto; padding:0; border-left:2px solid #222; border-bottom:1px solid #222; border-right:2px solid #222; outline:1px solid #777; overflow:hidden;} #page_border { margin:0 auto 0 auto; padding:0 auto 0 auto;} /*Images */ #logo { background-image:url("images/logo_resized.png"); background-repeat:no-repeat; height:183px; width:240px; margin:0 0 12px -10px; padding:0;} #logo_corner { background-image: url("images/logo_corner.png"); background-repeat: no-repeat; margin:-52px 0 -50px 0; padding:0; height: 102px; background-position: bottom right; clear:left;} /* Navbar */ a { outline: none; font-weight: bolder;} .navbar_ctr { background-color:#4e1d0a; min-height:1000px; width:238px; background-image:url("images/g2.png"); background-repeat: repeat-x; margin:0; padding:0; z-index:10; border-right:2px solid #111;} #navbar { margin:0; padding:0; text-align: center; word-spacing:0px; z-index:30 background-color: transparaent;} #navbar a { margin:0; padding:0; white-space: nowrap;} #navbar ul { margin:0; padding:0; display: block;} #navbar li { margin:0; padding:0; display: block; background-image:url("images/menu_images/linkborder.png"); background-repeat:no-repeat; background-position: bottom; opacity:0.7; filter:alpha(opacity=70);} #navbar li:hover { opacity:1.0; filter:alpha(opacity=100);} #navbar img { margin:0; padding:2px 0 3px 4px; background-color: transparaent; border: none; outline:none; -moz-border-radius: 5px; -webkit-border-radius:5px;} #navbar a:link, a:visited { text-decoration: none; color:#DBDBDB;} #navbar div a:hover, a:active { text-decoration: underline; color:#fff;} #navbar a:focus { text-decoration: none; color:#555;} #navbar div { position: absolute; visibility: hidden; margin:-120px 0 0 240px; padding:0; background-color:#4e1d0a; border:1px solid #444; background-image:url("images/g2.png"); background-repeat: repeat-x; background-position:bottom; -moz-border-radius: 5px; -webkit-border-radius:5px; z-index:20;} #navbar div a { position: relative; display: block; margin:0; padding:2px 0 3px 4px; width: auto; white-space: nowrap; text-align: left; background-image:url("images/menu_images/linkborder2.png"); background-repeat: no-repeat; background-position: bottom; opacity:0.8; filter:alpha(opacity=80); z-index:21;} #navbar div a:hover { opacity:1.0; filter:alpha(opacity=100); z-index:22;} /* body */ h1 { margin:2px 0 16px 0; padding:4px; text-decoration: underline; font-size:1.6em; color: #444;} h2 { margin:0; padding;0; color: #555;} h3 { margin:0; padding:12px 4px 10px 10px; color: #555;} h4 { margin:0; padding:0 16px 0 16px; color: #555;} p { margin:0; padding:10px 20px 10px 30px; text-indent:1cm; font-size:0.9em; line-height:1.6em; color: #666;} p a:link,a:visited { color:#111; text-decoration: underline;} p a:hover,a:active { text-decoration: underline; color:#800;} #standearfeatures { display:blcok; margin:0 0 0 20px; list-style:circle} #standearfeatures li { margin:0 0 0 40px; padding:3px;} #rokbox img { border:2px solid #cccccc; padding:4px; margin:14px 18px 14px 18px; -moz-border-radius: 5px; -webkit-border-radius:5px; vertical-align:top;} #rokbox a { opacity:0.8; filter:alpha(opacity=80); } #rokbox a:hover { opacity:1.0; filter:alpha(opacity=100);} #floorplans { margin:20px 73px 0 73px; float:left;} #flash { margin:0 0 0 240px; padding:0; width:784px; top:0; height:470px; text-align: center; position: absolute; z-index:0;} /* Content */ .content { min-height:420px; width:764px; border-top:1px solid #333; position: static; margin:0px 0 0 240px; padding:26px 10px 20px 10px; background-color:#fff; background-image:url("images/g1.png"); background-repeat: repeat-x;} table td { vertical-align: top;} #content_left { margin:1px; padding:0 20px 0 0; margin:10px 2px 2px 4px; border-right:1px solid #aeaeae; } #content_right { margin:1px; padding:25px 0 0 0; border-bottom:1px solid #aeaeae; text-align:left;} #content_right img { margin:10px auto 10px 30px;} #social_links { margin:0 4px 0 8px; padding:12px; border:1px solid #CCCCCC; -moz-border-radius: 5px; -webkit-border-radius:5px;} #social_links a img { border:none; outline: none; margin:0 6px 0 6px; padding;0;} #contact_info { margin:12px 4px 20px 8px; padding:10px; font-style: italic; font-size: 0.8em; color: #666; border:1px solid #CCCCCC; -moz-border-radius: 5px; -webkit-border-radius:5px;} #index-images { margin:6px 0 0 1px; padding:14px 0 0 0; border-top:1px solid #aeaeae;} #index-images span { margin:-16px 0 0 26px; padding:0;} /*contact form*/ #contact p, label, legend { font: 0.8em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; } #contact h1 { margin: 10px 0 10px; font-size:1.0em; color: #333; } #contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; } #contact { display: block; width: 500px; margin: 30px auto 0 auto; padding: 12px; border: 1px solid #cbcbcb; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius:5px; } /* Form style */ #contact label { display: inline-block; float: left; height: 34px; line-height: 30px; width: 155px; font-size: 1.0em; } #contact input, textarea, select { margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:0.8em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; } #contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; } #contact input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; } #contact input.submit:hover { background:#444; } #contact fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; } #contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; } #contact span.required { font-size:0.85em; color: #ff0000; } /* Style for the error message */ .error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11; border:1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; } #succsess_page h1 { background: url('assets/success.gif') left no-repeat; padding-left:22px; } /* Footer */ #copyright { color:#aeaeae; margin:8px 0 2px 45px; padding:2px; font-size:0.8em;} .footer { width:784px; margin:40px auto 0 240px; padding:6px 0 6px 0; border-top:2px solid #444; text-align:left; background-color:#290a0f; z-index:0;} .footer li { display: inline; padding:0 4px 0 4px;} .footer ul { display: inline; width:900px;} .footer a { margin:0; padding:0 2px 4px 2px; font-size:0.7em; text-transform: capitalize;} .footer a:link, a:visited { text-decoration: none; color:#aaaaaa;} .footer a:hover, a:active { text-decoration: underline; color:#fff;} .footer a:focus { text-decoration: none; color:#555;}