/* Main CSS for White Oak Landscaping
Michael Griffith - Griffiti LLC
*/

a:focus {
outline: none;
}

#landscapingmenu li a:hover {
background-color: #f0af52;
text-decoration: none;
color: #FFFFFF;
}
#landscapingmenu2 li a:hover {
background-color: #f0af52;
text-decoration: none;
color: #FFFFFF;
}
#aboutusmenu li a:hover {
background-color: #f0af52;
text-decoration: none;
color: #FFFFFF;
}

#landscapingmenu li a {
border-bottom-color: #000000;
border-bottom-style: none;
border-right-color: #000000;
border-right-style: none;
border-left-color: #000000;
border-left-style: none;
border-width: 0px;
border-top: 0px;
padding-left: 5px;
padding-right: 5px;
text-decoration: none;
color: #41FF78;
width: 100%;
display: block;
background-color: #2E8C49;
}
#landscapingmenu2 li a {
border-bottom-color: #000000;
border-bottom-style: none;
border-right-color: #000000;
border-right-style: none;
border-left-color: #000000;
border-left-style: none;
border-width: 0px;
border-top: 0px;
padding-left: 5px;
padding-right: 5px;
text-decoration: none;
color: #41FF78;
width: 100%;
display: block;
background-color: #2E8C49;
}
#aboutusmenu li a {
background-color: #2E8C49;
border-bottom-color: #000000;
border-bottom-style: none;
border-right-color: #000000;
border-right-style: none;
border-left-color: #000000;
border-left-style: none;
border-width: 0px;
border-top: 0px;
padding-left: 5px;
padding-right: 5px;
text-decoration: none;
width: 100%;
display: block;
}

#aboutusmenu li,
#landscapingmenu li
#leftmenu1 li
#leftmenu2 li {
width: 100%;
display: block;
margin: 0px;
}

#bottommenu li a,
#topmenu li a {
border: 0px none #000000;
text-decoration: none;
color: #195F8C;
height: 100%;
display: block;
}

#requestquotebutton a:hover {
background: url(images/requestquotebutton_hl.gif) no-repeat 0% 0px;
}

#topmenu li,
#bottommenu li {
height: 100%;
display: block;
float: left;
margin: 0px;
}

#contentgrow *:first-child {
margin-top: 0px;
}

.nosee {
visibility: hidden;
}

#bottommenu li a:hover {
text-decoration: underline;
color: #EC6C3B;
}

#requestquotebutton a {
background: url(images/requestquotebutton.gif) no-repeat 0% 0px;
display: block;
height: 17px;
width: 158px;
font-size: 17px;
line-height: 17px;
}

#landscapingbutton a {
background: url(images/landscapingbutton.gif) no-repeat 0% 0px;
display: block;
height: 23px;
width: 252px;
}

#topmenu li a:hover {
text-decoration: overline;
color: #EC6C3B;
}

#requestquotebutton {
visibility: visible;
position: absolute;
left: 38px;
top: 603px;
z-index: 2;
width: 158px;
height: 17px;
}

#landscapingbutton {
visibility: visible;
position: absolute;
left: 23px;
top: 450px;
z-index: 2;
width: 252px;
height: 23px;
}

#aboutusmenu li a {
color: #41FF78;
}

#landscapingmenu {
font: 10px/24px Verdana;
margin: 0px;
padding: 0px;
list-style: none;
text-align: left;
letter-spacing: 1px;
color: #41FF78;
visibility: hidden;
position: absolute;
left: 158px;
top: 451px;
z-index: 3;
width: 235px;
}
#landscapingmenu2 {
font: 10px/24px Verdana;
margin: 0px;
padding: 0px;
list-style: none;
text-align: left;
letter-spacing: 1px;
color: #41FF78;
visibility: visible;
position: absolute;
left: 23px;
top: 474px;
z-index: 3;
width: 242px;
}

#bottommenu li a
#topmenu li a {
color: #808289;
}

#flashplacehold {
visibility: visible;
position: absolute;
left: 301px;
top: 287px;
z-index: 1;
width: 677px;
height: 452px;
}
#flashplacehold2 {
background: url(images/lightscapebg.gif) no-repeat;
visibility: visible;
position: absolute;
left: 301px;
top: 287px;
z-index: 1;
width: 677px;
height: 452px;
}
#lightscapeflash {
position: absolute;
left: 10px;
top: 10px;
width: 550px;
height: 440px;
z-index: ;
}
#lightscapetext {
position: absolute;
left: 564px;
top: 300px;
width: 100px;
height: 50px;
}
#lightscapetext p {
font: 13px/14px Verdana;
font-weight: bold;
color: #666666;
margin-top: 0px;
margin-bottom: 0px;
}
#lightscapetext p a {
color: #666666;
text-decoration: none;
}
#lightscapetext p a:hover {
color: #EC6C3B;
text-decoration: underline;
}
#selectquoteone {
visibility: visible;
position: absolute;
left: 340px;
top: 287px;
z-index: 1;
width: 254px;
height: 240px;
}
#selectquoteone a {
background: url(images/maintenance_quote.gif) no-repeat;
position: absolute;
visibility: visible;
width: 254px;
height: 240px;
}
#selectquoteone a:hover {
visibility: visible;
display: block;
background: url(images/maintenance_quote_hl.gif) no-repeat;
z-index: 2;
width: 254px;
height: 240px;
}
#selectquotetwo {
visibility: visible;
position: absolute;
left: 640px;
top: 287px;
z-index: 1;
width: 254px;
height: 240px;
}
#selectquotetwo a {
background: url(images/landscaping_quote.gif) no-repeat;
position: absolute;
visibility: visible;
width: 254px;
height: 240px;
}
#selectquotetwo a:hover {
visibility: visible;
display: block;
background: url(images/landscaping_quote_hl.gif) no-repeat;
z-index: 2;
width: 254px;
height: 240px;
}

#flashmessage {
visibility: visible;
position: absolute;
left: 309px;
top: 258px;
z-index: 1;
width: 659px;
height: 26px;
}

#wolsitebuild {
margin: 0px auto 0px auto;
background: url(images/interiortile.gif) repeat center top;
height: 780px;
width: 1000px;
position: relative;
}

#copyrighttag {
visibility: visible;
position: relative;
text-align: center;
margin-top: -100px;
padding-bottom: 20px;
}

#copyrighttag p a {
border-top-color: #FAA95D;
border-top-style: none;
border-width: 0px;
text-decoration: none;
color: #FFFFFF;
}
#copyrighttag p a:hover {
color: #EC6C3B;
text-decoration: underline;
}
#copyrighttag p {
font: 10px Verdana;
margin: 0px;
color: #FFFFFF;
text-align: center;
}

#contentgrow {
padding: 0px 31px 0px 309px;
background: url(images/interiortile.gif) repeat center top;
visibility: visible;
margin: 0px;
position: relative;
display: inline-block;
}
#contentgrow p {
font: 16px/20px Verdana;
margin: 0px;
color: #195F8C;
text-align: left;
}
#contentgrow a {
color: #195F8C;
text-decoration: underline;
}

#contentgrow a:hover {
color: #EC6C3B;
text-decoration: underline;
}
#contentgrow li {
font: 16px/20px Verdana;
margin: 0px;
color: #195F8C;
text-align: left;
}
#contentgrow h1 {
font: 18px/22px Verdana;
color: #195F8C;
font-weight: bold;
text-align: left;
}
#contentgrow h2 {
font: 17px/21px Verdana;
color: #195F8C;
font-weight: bold;
text-align: left;
}
#contentgrow2 {
padding: 0px 31px 0px 299px;
background: url(images/interiortile.gif) repeat center top;
visibility: visible;
margin: 0px;
position: relative;
display: inline-block;
}
#contentgrow2 p {
font: 16px/20px Verdana;
margin: 0px;
color: #195F8C;
text-align: left;
}
#contentgrow2 a {
color: #195F8C;
text-decoration: underline;
}

#contentgrow2 a:hover {
color: #EC6C3B;
text-decoration: underline;
}
#contentgrow2 li {
font: 16px/20px Verdana;
margin: 0px;
color: #195F8C;
text-align: left;
}
#contentgrow2 h1 {
font: 18px/22px Verdana;
color: #195F8C;
font-weight: bold;
text-align: left;
}
#contentgrow2 h2 {
font: 17px/21px Verdana;
color: #195F8C;
font-weight: bold;
text-align: left;
}
.formtext {
font: 14px/18px Verdana;
color: #195F8C;
}

input:focus, select:focus, textarea:focus {
	background: #c8fabc;
}

.faqgray {
background-color: #f4f4f4;
padding-bottom: 10px;
}
.faqeven {
padding-left: 10px;
padding-top: 5px;
padding-right: 10px;
}

#column1 {
float: left;
width: 340px;
}

#column 2 {
float: left;
width: 300px;
}

.faqodd {
padding-left: 10px;
padding-top: 5px;
padding-right: 10px;

}
.faq {
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;	
}

.faqheader {
padding-left: 10px;
display: inline;
}
#aboutusmenu {
font: 10px/24px "Verdana";
margin: 0px;
padding: 0px;
list-style: none;
text-align: left;
letter-spacing: 1px;
color: #41FF78;
visibility: hidden;
position: absolute;
left: 549px;
top: 63px;
z-index: 2;
width: 155px;
height: 175px;
}

#leftmenu1 {
font: 12px/23px "Verdana";
margin: 0px;
padding-left: 13px;
list-style: none;
text-align: left;
text-decoration: none;
letter-spacing: 1px;
color: #195F8C;
visibility: visible;
position: absolute;
left: 10px;
top: 451px;
z-index: 2;
width: 237px;
}

#leftmenu2 {
font: 12px/23px "Verdana";
margin: 0px;
padding-left: 13px;
list-style: none;
text-align: left;
text-decoration: none;
letter-spacing: 1px;
color: #195F8C;
visibility: visible;
position: absolute;
left: 10px;
top: 640px;
z-index: 2;
width: 237px;
}
#leftmenu1 li a {
border-bottom-color: #000000;
border-bottom-style: none;
border-right-color: #000000;
border-right-style: none;
border-left-color: #000000;
border-left-style: none;
border-width: 0px;
border-top: 0px;
padding-left: 15px;
padding-right: 0px;
text-decoration: none;
color: #195F8C;
width: 100%;
display: block;
}

#leftmenu2 li a {
border-bottom-color: #000000;
border-bottom-style: none;
border-right-color: #000000;
border-right-style: none;
border-left-color: #000000;
border-left-style: none;
border-width: 0px;
border-top: 0px;
padding-left: 15px;
padding-right: 0px;
text-decoration: none;
color: #195F8C;
width: 100%;
display: block;
}
#leftmenu1 li a:hover {
background-color: #ff9305;
}

#leftmenu2 li a:hover {
background-color: #ff9305;
}
#leftmenu1a {
font: 12px/23px "Verdana";
margin: 0px;
padding-left: 13px;
list-style: none;
text-align: left;
text-decoration: none;
letter-spacing: 1px;
color: #195F8C;
visibility: visible;
position: absolute;
left: 10px;
top: 593px;
z-index: 2;
width: 237px;
}
#leftmenu1a li a {
border-bottom-color: #000000;
border-bottom-style: none;
border-right-color: #000000;
border-right-style: none;
border-left-color: #000000;
border-left-style: none;
border-width: 0px;
border-top: 0px;
padding-left: 15px;
padding-right: 0px;
text-decoration: none;
color: #195F8C;
width: 100%;
display: block;
}
#leftmenu1a li a:hover {
background-color: #ff9305;
}
#plantofmonth {
position: absolute;
visibility: visible;
left: 23px;
top: 770px;
z-index: 1;
width: 252px;
height: 142px;
}
#plantofmonth a {
background: url(images/plant_o_month.gif) no-repeat;
position: absolute;
visibility: visible;
width: 252px;
height: 142px;
}
#plantofmonth a:hover {
visibility: visible;
display: block;
background: url(images/plant_o_month_hl.gif) no-repeat;
z-index: 2;
width: 252px;
height: 142px;
}
#faqimage {
position: absolute;
visibility: visible;
left: 23px;
top: 925px;
z-index: 1;
width: 252px;
height: 142px;
}
#faqimage a {
background: url(images/what_drought.gif) no-repeat;
position: absolute;
visibility: visible;
width: 252px;
height: 142px;
}
#faqimage a:hover {
visibility: visible;
display: block;
background: url(images/what_drought_hl.gif) no-repeat;
z-index: 2;
width: 252px;
height: 142px;
}

#stackedlistleft {
float: left;
padding-left: 70px;
display: block;
white-space: nowrap;
}

#bottommenu {
font: 12px/22px Verdana;
height: 22px;
text-align: center;
margin: 0px;
padding: 0px;
list-style: none;
color: #195F8C;
position: absolute;
left: 212px;
top: -50px;
z-index: 1;
width: 600px;
}

#leftnavbg {
background: url(images/leftnavbg.gif) no-repeat;
position: absolute;
left: 23px;
top: 426px;
z-index: 1;
width: 252px;
height: 327px;
}
#leftnavbg2 {
background: url(images/leftnavbg2.gif) no-repeat;
position: absolute;
left: 23px;
top: 426px;
z-index: 1;
width: 252px;
height: 470px;
}
#associations {
position: absolute;
visibility: visible;
left: 23px;
top: 1050px;
z-index: 1;
width: 252px;
height: 10px;
}
#company1 {
position: absolute;
visibility: visible;
left: 23px;
top: 1080px;
z-index: 1;
width: 82px;
height: 56px;
}
#company1 a {
background: url(images/malta.gif) no-repeat;
position: absolute;
visibility: visible;
width: 82px;
height: 56px;
}
#company1 a:hover {
visibility: visible;
display: block;
background: url(images/malta_hl.gif) no-repeat;
z-index: 2;
width: 82px;
height: 56px;
}
#company2 {
position: absolute;
visibility: visible;
left: 125px;
top: 1080px;
z-index: 1;
width: 78px;
height: 61px;
}
#company2 a {
background: url(images/ia.gif) no-repeat;
position: absolute;
visibility: visible;
width: 78px;
height: 61px;
}
#company2 a:hover {
visibility: visible;
display: block;
background: url(images/ia_hl.gif) no-repeat;
z-index: 2;
width: 78px;
height: 61px;
}
#company3 {
position: absolute;
visibility: visible;
left: 210px;
top: 1070px;
z-index: 1;
width: 60px;
height: 64px;
}
#company3 a {
background: url(images/urbanagcouncil.gif) no-repeat;
position: absolute;
visibility: visible;
width: 60px;
height: 64px;
}
#company3 a:hover {
visibility: visible;
display: block;
background: url(images/urbanagcouncil_hl.gif) no-repeat;
z-index: 2;
width: 60px;
height: 64px;
}
#preload {
height: 0;
overflow: hidden;
}
#scootdown {
position: relative;
top: 760px;
}

#scootdown2 {
position: relative;
top: 570px;	
}
#topmenu {
font: 12px/22px Verdana;
height: 22px;
text-align: center;
margin: 0px;
padding: 0px;
list-style: none;
color: #195F8C;
position: absolute;
left: 475px;
top: 41px;
z-index: 2;
width: 494px;
}

#footer {
background: url(images/interiortile.gif) repeat center top;
position: relative;
left: 0px;
width: 100%;
margin-bottom: 112px;
}

#form_column_one {	
width: 150px;
float: left;
}

#form_column_one p {
text-align: right;
padding-right: 8px;
padding-bottom: 11px;
}

#form_column_two {
width: 300px;
float: left;
}

#form_column_two p {
padding-bottom: 5px;
padding-top: 2px;
}

#form_column_three {
clear: both;
width: 560px;
}
#form_column_four {
clear: both;
width: 150px;
float: left;
}
#form_column_four p {
text-align: right;
padding-right: 8px;
padding-bottom: 9px;
}
#form_column_five {
width: 300px;
float: left;
}
#form_column_five p {
padding-bottom: 7px;
padding-top: 5px;
}

.formtextsmall {
font: 10px Verdana;
color: #195F8C;
}

.clear_across {
clear: both;
background: transparent;
height: 0px;
color: white;
border-top: solid 0px #C7D6B5;
}

.clearall{
clear: both;
}


body#home #banner,
body#about #banner,
body#abouthistory #banner,
body#abouttestimonials #banner,
body#aboutcommunity #banner,
body#aboutfacilities #banner,
body#aboutexpertise #banner,
body#aboutrestassured #banner,
body#guarantee #banner,
body#awards #banner,
body#plantomonth #banner,
body#careers #banner,
body#maintenancequote #banner,
body#landscapequote #banner,
body#contact #banner,
body#faqdrought #banner,
body#signup #banner {
background: url(images/home_banner_bg.gif) no-repeat;
}
body#landscaping #banner,
body#landscapingdesign #banner,
body#landscapingplans #banner,
body#landscapingworth #banner,
body#landscapinginstall #banner,
body#landscapinginventory #banner {
background: url(images/landscaping_banner_bg.gif) no-repeat;
}
body#hardscaping #banner {
background: url(images/hardscaping_banner_bg.gif) no-repeat;
}
body#waterscaping #banner {
background: url(images/waterscaping_banner_bg.gif) no-repeat;
}
body#lightscaping #banner {
background: url(images/lightscaping_banner_bg.gif) no-repeat;
}
body#irrigation #banner {
background: url(images/irrigation_banner_bg.gif) no-repeat;
}
body#maintenance #banner {
background: url(images/maintenance_banner_bg.gif) no-repeat;
}
#banner {
visibility: visible;
position: absolute;
left: 23px;
top: 27px;
z-index: 1;
width: 973px;
height: 225px;
}
body#home #bannertitle {
background: url(images/home_banner_home.gif) no-repeat;
}
body#about #bannertitle {
background: url(images/home_banner_about_us.gif) no-repeat;
}
body#abouthistory #bannertitle {
background: url(images/home_banner_about_history.gif) no-repeat;
}
body#abouttestimonials #bannertitle {
background: url(images/home_banner_about_testimonials.gif) no-repeat;
}
body#aboutcommunity #bannertitle {
background: url(images/home_banner_about_community.gif) no-repeat;
}
body#aboutfacilities #bannertitle {
background: url(images/home_banner_about_facilities.gif) no-repeat;
}
body#aboutexpertise #bannertitle {
background: url(images/home_banner_about_expertise.gif) no-repeat;
}
body#aboutrestassured #bannertitle {
background: url(images/home_banner_rest_assured.gif) no-repeat;	
}
body#guarantee #bannertitle {
background: url(images/home_banner_guarantee.gif) no-repeat;	
}
body#awards #bannertitle {
background: url(images/home_banner_awards.gif) no-repeat;
}
body#plantomonth #bannertitle {
background: url(images/home_banner_plant_o_month.gif) no-repeat;
}
body#careers #bannertitle {
background: url(images/home_banner_careers.gif) no-repeat;
}
body#maintenancequote #bannertitle {
background: url(images/home_banner_requestquote.gif) no-repeat;
}
body#landscapequote #bannertitle {
background: url(images/home_banner_requestquote.gif) no-repeat;
}
body#contact #bannertitle {
background: url(images/home_banner_contact.gif) no-repeat;
}
body#faqdrought #bannertitle {
background: url(images/home_banner_faq.gif) no-repeat;
}
body#signup #bannertitle {
background: url(images/home_banner_newsletter.gif) no-repeat;
}
body#landscaping #bannertitle {
background: url(images/landscaping_banner_landscaping.gif) no-repeat;
}
body#landscapingdesign #bannertitle {
background: url(images/landscaping_banner_design.gif) no-repeat;
}
body#landscapingplans #bannertitle {
background: url(images/landscaping_banner_match_home.gif) no-repeat;
}
body#landscapingworth #bannertitle {
background: url(images/landscaping_banner_worthpay.gif) no-repeat;
}
body#landscapinginstall #bannertitle {
background: url(images/landscaping_banner_plant_install.gif) no-repeat;
}
body#landscapinginventory #bannertitle {
background: url(images/landscaping_banner_plant_inventory.gif) no-repeat;
}
body#hardscaping #bannertitle {
background: url(images/hardscaping_banner_hardscaping.gif) no-repeat;
}
body#waterscaping #bannertitle {
background: url(images/waterscaping_banner_waterscaping.gif) no-repeat;
}
body#lightscaping #bannertitle {
background: url(images/lightscaping_banner_lightscaping.gif) no-repeat;
}
body#irrigation #bannertitle {
background: url(images/irrigation_banner_irrigation.gif) no-repeat;
}
body#maintenance #bannertitle {
background: url(images/maintenance_banner_maintenance.gif) no-repeat;
}
#bannertitle {
visibility: visible;
position: absolute;
left: 43px;
top: 131px;
z-index: 2;
width: 719px;
height: 99px;
}

#logo {
visibility: visible;
position: absolute;
left: 23px;
top: 287px;
z-index: 1;
width: 252px;
height: 122px;
}

html, body {
padding: 0px;
margin: 0px;
background: url(images/tile2.gif) repeat;
}

/* Sticky navigation for bottom menu */
body#home a#homebottom,
body#about a#aboutbottom,
body#abouthistory a#aboutbottom,
body#abouttestimonials a#aboutbottom,
body#aboutcommunity a#aboutbottom,
body#aboutfacilities a#aboutbottom,
body#aboutexpertise a#aboutbottom,
body#aboutrestassured a#aboutbottom,
body#maintenancequote a#requestbottom,
body#landscapequote a#requestbottom,
body#careers a#careersbottom,
body#contact a#contactbottom {
color: #EC6C3B;
text-decoration: underline;
}

/* Sticky navigation for top menu */
body#home a#hometop,
body#about a#abouttop,
body#abouthistory a#abouttop,
body#abouttestimonials a#abouttop,
body#aboutcommunity a#abouttop,
body#aboutfacilities a#abouttop,
body#aboutexpertise a#abouttop,
body#aboutrestassured a#abouttop,
body#maintenancequote a#requesttop,
body#landscapequote a#requesttop,
body#careers a#careerstop,
body#contact a#contacttop {
color: #EC6C3B;
text-decoration: overline;
}

/* Sticky navigation for left menu1 */
body#landscaping a#landscapingleft,
body#hardscaping a#hardscapingleft,
body#waterscaping a#waterscapingleft,
body#lightscaping a#lightscapingleft,
body#irrigation a#irrigationleft,
body#maintenance a#maintenanceleft,
body#landscapingdesign a#landscapingleft,
body#landscapingplans a#landscapingleft,
body#landscapingworth a#landscapingleft,
body#landscapinginstall a#landscapingleft,
body#landscapinginventory a#landscapingleft {
background-color: #ff9305;
}
/* Sticky nav for request left menu */
body#maintenancequote a#requestleft,
body#landscapequote a#requestleft {
background: url(images/requestquotebutton_hl.gif) no-repeat 0% 0px;
}
/* Sticky nav for left menu2 */
body#signup a#signupleft,
body#guarantee a#guaranteeleft,
body#abouttestimonials a#testimonialsleft,
body#awards a#awardsleft {
background-color: #ff9305;
}

/* Sticky nav for plant-o-month and faq */
body#plantomonth a#plantomonthleft {
background: url(images/plant_o_month_hl.gif) no-repeat;
}
body#faqdrought a#faqleft {
background: url(images/what_drought_hl.gif) no-repeat;
}

/* Sticky nav for aboutus sub-menu */
body#about a#aboutsubnews,
body#abouthistory a#aboutsubhistory,
body#abouttestimonials a#aboutsubtestimonials,
body#aboutcommunity a#aboutsubcommunity,
body#aboutfacilities a#aboutsubfacilities,
body#aboutexpertise a#aboutsubexpertise,
body#aboutrestassured a#aboutsubrestassured {
background-color: #f0af52;
text-decoration: none;
color: #FFFFFF;
}
/* Sticky nav for landscaping sub-menu */
body#landscapingdesign a#landscapingsubdesign,
body#landscapingplans a#landscapingsubplans,
body#landscapingworth a#landscapingsubworth,
body#landscapinginstall a#landscapingsubinstall,
body#landscapinginventory a#landscapingsubinventory {
background-color: #f0af52;
text-decoration: none;
color: #FFFFFF;
}
/* Sticky nav for Selecting a Quote */
body#maintenancequote a#selectquoteleft {
	background: url(images/maintenance_quote_hl.gif) no-repeat;
}
body#landscapequote a#selectquoteright  {
	background: url(images/landscaping_quote_hl.gif) no-repeat;
}