/* ----------------------------------------- Stylesheet for Mercieri Landscaping - www.mercierilandscaping.com Author: cdeVision.com Copyright: (c)2009 cdeVision Created: May 2009 -------------------------------------------- */ body {background:#242A13; margin:0; font-family:Georgia, Times, "Times New Roman", serif; font-size:14px; color:#fff;} h1, h2, h3 {padding:0; margin:0;} h2 {font:normal 22px Georgia, Times, "Times New Roman", serif; color:#fff; padding:0 0 12px 0;} /* page titles */ h2 span {color:#839B44;} /* portfoliocategory titles */ /* sub-titles */ h3 {font:normal 18px Georgia, Times, "Times New Roman", serif; color:#839B44; padding:0 0 12px 0;} p {margin:0; padding:0 0 15px 0; line-height:18px;} p.intro {font:normal 14px verdana,arial,helvetica,sans-serif; line-height:22px; padding:0 0 15px 0;} p.error {padding:0 0 5px 22px !important; background:url(admin/icons/warning.gif) 0 0 no-repeat; color:#de0000;} /* for contact form */ ul, ol {padding:0; margin:0 0 12px 25px;} li {line-height:17px; padding:0 0 6px 0; } ul.nobullets {margin:0; padding-bottom:6px; list-style:none;} div.rule {height:1px; padding:0; margin:8px auto; color:#4D4D45; background-color:#4D4D45;} img {border:0;} label {display:none;} .clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;} .skiplink {display:none;} /* fix PNG transparency in IE6- #logo, #tagline {behavior:url(scripts/iepngfix.htc);}*/ /* ---- forms ----------------------------------------- */ form {margin:0;} input, textarea, select, option {font-family:verdana,sans-serif; background:#C6D5A4;} input {border:1px solid #57662D; width:360px;} textarea {border:1px solid #57662D; width:360px; height:180px;} input.button {background-color:#57662D; color:#fff; width:80px; border:0;} input.nostyle {width:auto;} /* ---- links ----------------------------------------- */ a {color:#8F9438; text-decoration:underline;} a:visited {color:#8F9438;} a:hover {color:#C6D5A4; text-decoration:none;} a:active {color:#8F9438;} a:active, a:focus {outline:none;} a.button {background:#31371A; border:1px solid #687440; text-decoration:none; font-weight:bold; font-size:12px; color:#fff; padding:4px 5px 4px 5px;} a.button:hover {background:#6F0202;} /* ---- ids & classes ----------------------------------------- */ #navmenuwrap {background:#38411D; width:100%;} #navmenu {width:925px; margin:0 auto; height:43px; position:relative;} ul#left {position:absolute; top:0; left:0;} ul#right {position:absolute; top:0; right:0px;} #navmenu ul {list-style:none; margin:0; padding:0;} #navmenu li {float:left; display:block; line-height:43px; margin:0 20px;} #navmenu a {font-family:georgia,serif; color:#fff; font-size:16px; display:block; line-height:43px; text-decoration:none; padding:0 10px;} #navmenu a:hover {background:#57662D;} #navmenu a.on {background:#6F0202;} #contentwrapgradient {background:#3C451F url(images/bg-contentgradient.png) repeat-x;} #contentwrapleaves {background:transparent url(images/bg-contentleaves.png) top center no-repeat;} #header {position:relative; height:145px; width:925px; margin:0 auto;} #logo {position:absolute; top:-35px; left:360px; width:210px; height:158px; background:url(images/logo.png) no-repeat;} #logo h1 {padding:0; margin:0; text-indent:-4000px;} #logo a {display:block; width:210px; height:158px;} #tagline {position:absolute; left:79px; top:105px; width:762px; height:26px; background:url(images/tagline.png) no-repeat;} #tagline h2 {padding:0; margin:0; text-indent:-4000px;} #content {width:925px; margin:0 auto; padding:15px 0 20px; text-align:left;} #content h2 {} #content table {width:100%;} #content table td {padding:0 10px 0 0;} #leftcol {float:left; width:620px; background:transparent;} #rightcol {float:right; width:254px; background:transparent; padding-top:45px;} #rightcol img {display:block; border:2px solid #687440;} #rightcol p {font-size:11px; text-align:right; padding:5px 0 8px 0; line-height:15px;} /* portfolio */ table#portfolio {margin:0; width:auto;} table#portfolio td {verical-align:top; padding:5px 30px 16px 0; width:25%;} table#portfolio td a {display:block; text-decoration:none; color:#839B44;} table#portfolio td a:hover h3 {color:#fff !important;} table#portfolio td img {display:block; border:2px solid #687440; margin:0 0 4px 0;} table#portfolio td h3 {font-size:15px;} table#portfolio a img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;} table#portfolio a img:hover {border:2px solid #fff;} table#portfolio a:hover img {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5;} /* portfolio detail */ #pleftcol {float:left; width:605px;} #pleftcol img {display:block; border:2px solid #687440;} #pmainimg {margin-bottom:10px !important;} #pleftcol p {font-size:12px; padding:0 0 15px 0 !important;} #prightcol {float:right; width:290px;} #prightcol a img {border:2px solid #687440;} #prightcol a img.on {border:2px solid #fff; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5;} #prightcol a img:hover {border:2px solid #fff; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5;} table#portfolioitems {} table#portfolioitems td {} /* styles specific to home page */ #homecontent {width:925px; margin:0 auto; border:2px solid #687440; border-bottom:0; background:transparent; position:relative;} #homecontent img {display:block; margin:0;} #slideshowarea {background:#3C451F; width:925px; height:400px; z-index:50;} #callout {position:absolute; right:0; bottom:35px; background:#000; color:#fff; height:40px; filter:alpha(opacity=65); -moz-opacity:0.65; opacity: 0.65; z-index:100; border:0;} #callout h2 {font-style:italic; font-size:22px; color:#fff; margin:0; padding:0 6px 0 9px; line-height:40px; text-align:right;} #homebandwrap {background:#57662D; width:100%; padding:20px 0 15px;} #homeband {width:925px; margin:0 auto; font-size:13px; background:transparent url(images/bg-homeband.png) top center repeat-y;} .box {background:transparent; float:left; width:200px; margin:0 10px;} .about {margin:0 0 0 10px;} .portfolio {margin:0 0 0 35px;} .clients {width:200px; margin:0 0 0 35px;} .contact {margin:0 0 0 35px;} .box img {display:block; border:2px solid #687440; margin:0 0 15px 0;} .box h3 {padding:0 0 12px 0; font:normal 18px Georgia, Times, "Times New Roman", serif; color:#fff;} .box p {line-height:16px; padding-bottom:15px;} p#quote {background:transparent url(images/quotes-open.png) 0 0 no-repeat; padding:0 0 15px 21px;} p#quote span {display:block; background:transparent url(images/quotes-close.png) 100% 100% no-repeat; padding:0 12px 0 0;} #footerwrap {width:100%;} #footer {width:925px; margin:12px auto; text-align:left; font-size:11px; } #footer p {color:#CCC8AB;} #footer a {color:#CCC8AB; text-decoration:underline;} p#props, p#props a {color:#4F5C29;} p#props a {} /* form tables */ table#formTable {margin:0px 10px 10px 0;} table#formTable td {vertical-align:top; padding:4px; font-size:14px;} table#formTable td.right {text-align:right;} /* ---- admin panel styles -------------------- */ #adminmenu {font-size:10px; margin:3px 3px 0 0; position:absolute; right:0px; top:44px; border-right:1px solid #666; border-bottom:1px solid #666; border-top:1px solid #eee; border-left:1px solid #eee; width:180px; z-index:100;} #adminmenu table {text-align:left; background-color:#fff; border:1px solid #ccc; width:100%;} #adminmenu table td {padding:3px;} #adminmenu img {margin-left:6px;} #adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;} #adminmenu a:hover {color:red;}