/* *Author: James Browne for solelandscapes.com * * * */ /* Global text styling */ html {font-size:100%;} body {text-align:center;font:normal 0.63em Verdana, Geneva, Arial, Helvetica, sans-serif;color:#3f6617;background-color:#d5b383;background-image:url(../images/templates/bg.jpg);background-repeat:repeat-x;} em {font-weight:bold;} em.money {font-size:1.5em;} span.superscript {font-size:0.75em;position:relative;top:-.7em;} /* End Global text styling */ /* clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Global Layout */ /* Center header, content, footer*/ #header, #menu, #content, #footer, #submenu {width:724px;margin:0 auto 0 auto;text-align:left;} #global-nav {} #header {height:207px;margin-top:30px;} #content {z-index:0;position:relative;background-color:#f0e0c8;margin-top:0px;min-height:290px;/*background-image:url(../images/templates/content-bg.gif);background-repeat:repeat-x;*/} #footer {height:19px;background-image:url(../images/templates/footer-bg.gif);background-repeat:no-repeat;text-align:center;color:#b9cbc6;padding:.3em 0 0 0;margin-bottom:50px;} /*Vertically center - placeholder only*/ /* #content { padding-top:100px;;background-color:transparent;} */ /* End Global Layout */ /* Home page articles*/ #home .article {width:361px;height:147px;} #home .article h2 {padding-top:15px;padding-left:15px;font-size:1.3em;font-weight:bold;} #home .article p {padding-left:15px;padding-right:27px;font-size:1.1em;} #home .article img {margin-right:8px;margin-top:15px;float:right;border: 1px solid #000;} #home #quick-links h2 {width:329px; height:18px;color:#12482b; background-color:#b3c086;font-size:1.3em;font-weight:bold;padding-left:8px;margin-top:15px;margin-left:15px;} #home #quick-links ul {width:329px;background-color:#fbf6ef;font-size:1.2em;font-weight:bold;padding-left:8px;padding-bottom:.25em;padding-top:.5em;margin-left:15px;} #home #quick-links ul li {margin:0 0 .5em 5px;background-image:url(../images/templates/greensquare.gif);background-position:center left;background-repeat:no-repeat;padding-left:14px;} #home #article-1, #home #article-3 {border-bottom:1px solid #d4bfa4;background-color:#f8f0e4;} #home #article-2, #home #quick-links {background-color:#f0e0c8;} #home #article-3 {position:absolute;top:0;left:361px;width:363px;} #home #quick-links {position:absolute;top:148px;left:361px;width:363px;} /* End Home page articles*/ /* Article Template 1*/ .article-template-1 #content {padding-bottom:20px;padding-right:15px;width:709px;} .article-template-1 #article-text {width:361px;height:100%;float:left;} .article-template-1 #article-text h2 {padding-top:15px;padding-left:15px;font-size:1.3em;font-weight:bold;margin-bottom:0.5em;} .article-template-1 #article-text h3 {padding-top:15px;padding-left:15px;font-size:1.1em;font-weight:bold;margin-bottom:0.2em;} .article-template-1 #article-text p {padding-left:15px;padding-right:27px;font-size:1.1em;margin-bottom:1em;} .article-template-1 #article-text p a {font-weight:bold;} .article-template-1 #article-text ul {padding-left:15px;padding-right:27px;margin-bottom:1em;list-style:square;} .article-template-1 #article-text li {font-size:1.1em;margin-bottom:1em;margin-left:2em;} .article-template-1 #article-text li a {font-weight:bold;} .article-template-1 #quick-links h2 {height:18px;color:#12482b;font-size:1.3em;font-weight:bold;padding-left:8px;} .article-template-1 #quick-links ul {width:100%;background-color:#fbf6ef;font-size:1.2em;font-weight:bold;padding-bottom:.25em;padding-top:.5em;} .article-template-1 #quick-links ul li {margin:0 0 .5em 13px;background-image:url(../images/templates/greensquare.gif);background-position:center left;background-repeat:no-repeat;padding-left:14px;} .article-template-1 #article-image img {border:1px solid #000000;} .article-template-1 #content #column {float:right;width:326px;margin-top:15px;} .article-template-1 #article-image {width:326px;margin-bottom:15px;} .article-template-1 #quick-links {width:326px; background-color:#b3c086;} /* End Article Template 1*/ /* Global Text Styles */ p, h1, h2 {line-height:1.4em; letter-spacing:.05em;} h1 {font-size:2.4em;color:#3f6617;} h1 span {color:#3f6617;} p {} a, a:visited {color:#3f6617;text-decoration:none;} a:hover {color:#67ad00;text-decoration:underline;} /* End Global Text Styles */ /*Global Nav Styles*/ /* #nav_home{width:84px;background:url('../images/templates/menu.gif') no-repeat;background-position:0px 0px;} #nav_productsandservices{width:190px;background:url('../images/templates/menu.gif') no-repeat;background-position:-84px 0px;} #nav_standardsandqualifications{width:254px;background:url('../images/templates/menu.gif') no-repeat;background-position:-274px 0px;} #nav_about{width:87px;background:url('../images/templates/menu.gif') no-repeat;background-position:-528px 0px;} #nav_contact{width:109px;background:url('../images/templates/menu.gif') no-repeat;background-position:-615px 0px;} #nav_home.nav_on{background:url('../images/templates/menu.gif') no-repeat;background-position:0px 0px;} #nav_productsandservices.nav_on{background:url('../images/templates/menu.gif') no-repeat;background-position:-84px 0px;} #nav_standardsandqualifications.nav_on{background:url('../images/templates/menu.gif') no-repeat;background-position:-274px 0px;} #nav_about.nav_on{background:url('../images/templates/menu.gif') no-repeat;background-position:-528px 0px;} #nav_contact.nav_on{background:url('../images/templates/menu.gif') no-repeat;background-position:-615px 0px;} #nav_home a{background:url('../images/templates/menu.gif') no-repeat;background-position:0 0;} #nav_productsandservices a{background:url('../images/templates/menu.gif') no-repeat;background-position:-84px 0;} #nav_standardsandqualifications a{background:url('../images/templates/menu.gif') no-repeat;background-position:-274px 0px;} #nav_about a{background:url('../images/templates/menu.gif') no-repeat;background-position:-528px 0px;} #nav_contact a{background:url('../images/templates/menu.gif') no-repeat;background-position:-615px 0px;} #nav_home.nav_on a{background:url('../images/templates/menu.gif') no-repeat;background-position:0px 0px;} #nav_productsandservices.nav_on a{background:url('../images/templates/menu.gif') no-repeat;background-position:-84px 0px;} #nav_standardsandqualifications.nav_on a{background:url('../images/templates/menu.gif') no-repeat;background-position:-274px 0px;} #nav_about.nav_on a{background:url('../images/templates/menu.gif') no-repeat;background-position:-528px 0px;} #nav_contact.nav_on a{background:url('../images/templates/menu.gif') no-repeat;background-position:-615px 0px;} #nav_home a:hover{background-position:0px -22px;} #nav_productsandservices a:hover{background-position:-84px -22px;} #nav_standardsandqualifications a:hover{background-position:-274px -22px;} #nav_about a:hover{background-position:-528px -22px;} #nav_contact a:hover{background-position:-615px -22px;} #submenu {height:22px;background-color:#0a4339;color:#ffffff;} #submenu ul {padding:4px 0 6px 0;} #submenu ul li {display:inline;overflow:hidden;background-repeat:no-repeat;margin:0 0 0 15px;} #submenu ul li a {color:#ffffff;background-image:url(../images/templates/whitesquare.gif);background-position:center left;background-repeat:no-repeat;padding-left:14px;} */ /*End Global Nav Styles*/ #nav_1{width:84px;background:url('../images/templates/menu.gif') no-repeat;background-position:0px 0px;} #nav_2{width:190px;background:url('../images/templates/menu.gif') no-repeat;background-position:-84px 0px;} #nav_3{width:254px;background:url('../images/templates/menu.gif') no-repeat;background-position:-274px 0px;} #nav_16{width:87px;background:url('../images/templates/menu.gif') no-repeat;background-position:-528px 0px;} #nav_5{width:109px;background:url('../images/templates/menu.gif') no-repeat;background-position:-615px 0px;} #nav_1.active{background:url('../images/templates/menu.gif') no-repeat;background-position:0px 0px;} #nav_2.active{background:url('../images/templates/menu.gif') no-repeat;background-position:-84px 0px;} #nav_3.active{background:url('../images/templates/menu.gif') no-repeat;background-position:-274px 0px;} #nav_16.active{background:url('../images/templates/menu.gif') no-repeat;background-position:-528px 0px;} #nav_5.active{background:url('../images/templates/menu.gif') no-repeat;background-position:-615px 0px;} #nav_1 a{background:url('../images/templates/menu.gif') no-repeat;background-position:0 0;} #nav_2 a{background:url('../images/templates/menu.gif') no-repeat;background-position:-84px 0;} #nav_3 a{background:url('../images/templates/menu.gif') no-repeat;background-position:-274px 0px;} #nav_16 a{background:url('../images/templates/menu.gif') no-repeat;background-position:-528px 0px;} #nav_5 a{background:url('../images/templates/menu.gif') no-repeat;background-position:-615px 0px;} #nav_1.active a{background:url('../images/templates/menu.gif') no-repeat;background-position:0px -22px;} #nav_2.active a{background:url('../images/templates/menu.gif') no-repeat;background-position:-84px -22px;} #nav_3.active a{background:url('../images/templates/menu.gif') no-repeat;background-position:-274px -22px;} #nav_16.active a{background:url('../images/templates/menu.gif') no-repeat;background-position:-528px -22px;} #nav_5.active a{background:url('../images/templates/menu.gif') no-repeat;background-position:-615px -22px;} #nav_1 a:hover{background-position:0px -22px;} #nav_2 a:hover{background-position:-84px -22px;} #nav_3 a:hover{background-position:-274px -22px;} #nav_16 a:hover{background-position:-528px -22px;} #nav_5 a:hover{background-position:-615px -22px;} #menu {height:22px;z-index:0;} #menu ul li {display:block;height:22px;background-repeat:no-repeat;float:left;overflow:hidden;} #menu ul li a {width:100%;height:100%;display:block;text-indent:-999em;} #menu #mainlevel li ul {position: absolute;width: 30em;left: -999em;z-index:99;border-top: 1px solid #fff;} #menu #mainlevel li:hover ul, #menu #mainlevel li.sfhover ul {left: auto;} #menu #mainlevel ul li {float:none;background-image:none;background-color:#0a4339;display:block;border-bottom:1px solid #fff;border-right:1px solid #fff;width: 22em;height:2.2em;margin:0;padding:0;} #menu #mainlevel ul li a {padding:.4em 0 .2em 1.3em;background-image:none;text-indent:0;color:#ffffff;} #menu #mainlevel ul li.active a {font-weight:bold;} #submenu {height:auto;background-color:#0a4339;color:#ffffff;padding:4px 0 4px 0;} #submenu ul {} #submenu ul li {display:inline;overflow:hidden;background-repeat:no-repeat;margin:0 0 0 15px;} #submenu ul li a {color:#ffffff;background-image:url(../images/templates/whitesquare.gif);background-position:center left;background-repeat:no-repeat;padding-left:14px;padding-bottom:2px;line-height:2;} #submenu ul li.active a {font-weight:bold;}