/* --------  Healing Landscapes CSS October 14 2009 --------*/






.social-buttons { width: 159px; margin: 0 0 0 30px; }

.social-buttons p { margin: 0 0 0 30px; }







#cse-search-results { font-family: georgia, times, helvetica, sans-serif; }









#mol { font-family: Neuton, arial, serif; }


#footer-newsletter-form { border: 1px solid gray; width: 176px; background: url(../images/footer/newsletter.jpg) no-repeat; padding: 150px 5px 5px 5px; }

.footer-mc-field-group { width: 173px; }
#footer-mce-EMAIL { margin: 2px 0 0 0; width: 122px; height: 18px; *height: 18px; float: left; color: #8C8C8C; font-size: 1.1em; padding: 2px 0 3px 2px; *padding: 6px 0 0 2px; background-color: #EDEDED; border-style: dotted; border-width: 1px; border-color: #8C8C8C; }

.fbsubscribelink { display: none; }


#footer-sponsors p { line-height: 1.2em; }












* { margin: 0; padding: 0; }

html, body { height: 100%; }

body { height: 100%; font-size: 62.5%; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 30px 0 30px; padding: 0; background-color: White; }




.alphabetical p { margin: 0 0 2.2em 0; }
.alphabetical hr { margin: 0 0 20px 0; }


#creditfooter { display: none; }
	
	
	
p { font-size: 1.5em; line-height: 1.5em; margin: 0 0 .7em 0; font-style: normal; color: #666666; }


/* -------------------  Headers  ----------------- */

h1 { font-size: 1.4em; margin: 0 0 1.3em 0; font-weight: bold; color: #666666; }

h2 { font-size: 1.6em; margin: 1em 0 .8em 0; font-weight: bold; color: #666666; }
.first { margin: 0 0 .8em 0; }

h3 { font-size: 1.3em; margin: 0 0 1.3em 0; font-weight: bold; color: #666666; }
h4 { font-size: 1.3em; margin: 0 0 1.3em 0; font-weight: bold; color: #666666; }
h5 { font-size: 1.3em; margin: 0 0 1.3em 0; font-weight: bold; color: #666666; }
h6 { font-size: 1.3em; margin: 0 0 1.3em 0; font-weight: bold; color: #666666; }



/* -------------------  Text Modifiers  ----------------- */
.advisory h2 { margin: 0; }
.advisory p { margin: 0 0 2.2em 0; }


.credit { font-size: 1.1em; }

.small { font-size: 1.1em; line-height: 1.3em; }
.xsmall { font-size: 85%; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }

.quiet { color: #666; }
.loud { color: #000; }
address { font-size: 1.3em; margin: 0 0 1.5em 1em; font-style: italic; }
sup, sub { line-height: 0; }





/* -------------- LINKS -------------- */	
.cleanlinks a { text-decoration: none; } /*not clear why this was here */
a:link { color: #73a534; text-decoration: none; }
a:visited { color: #73a534; text-decoration: none; }
a:hover { color: #69a0c8; text-decoration: none; }
a:active { text-decoration: none; }




/* -------------------  Image Modifiers  ----------------- */
img { border-style: none; }
.bodypic { margin: 16px 0 16px 0; }

.picleft { float: left; padding: 4px 8px 4px 0; }
.picright { float: right; padding: 4px 0 4px 8px; }



/* -------------------  Blockquotes  ----------------- */
blockquote { margin: 0 0 1.4em 0; color: #666; font-style: italic; font-size: 1.4em; }




/* -------------------  Lists   ----------------- */

ul { margin: 0 0 8px 0; }
ul li { font-size: 1.3em; margin: 2px 0 0 12px; list-style-type: none; padding: 0 0 10px 14px; background: url(../images/bullet.gif) no-repeat 0 4px; color: #666666; }


ol { margin: 0 0 12px 0; color: #666666; }
ol li { font-size: 1.3em; margin: 2px 6px 14px 32px; }

.sitemap ol ol  { margin: 4px 0 3px 0px; }
.sitemap ol li { padding: 0px 0 2px 0px; margin: 2px 10px 0px 35px; }
.sitemap ol ol li { background: none; font-size: 1em; padding: 0px 0 2px 15px; list-style: none; margin: 0; }








#wrapper { width: 931px; margin: 0 auto 0px auto; padding: 0 0 80px 0; }




/* --------------  HEADER -------------- */	
#header { width: 931px; height: 130px; }
#header p { display: none; }
#header h1 { display: none; }

.home { background: url(../images/headers/TLN_logo.gif) no-repeat; }
.about { background: url(../images/headers/interior_about.gif) no-repeat; }
.designers { background: url(../images/headers/interior_designers.gif) no-repeat; }
.gardens { background: url(../images/headers/interior_gardens.gif) no-repeat; }
.network { background: url(../images/headers/interior_network.gif) no-repeat; }
.related { background: url(../images/headers/interior_related.gif) no-repeat; }
.resources { background: url(../images/headers/interior_resources.gif) no-repeat; }
.sponsors { background: url(../images/headers/interior_sponsors.gif) no-repeat; }
.support { background: url(../images/headers/interior_support.gif) no-repeat; }
.shop { background: url(../images/headers/interior_shop.gif) no-repeat; }




/* -------------- Search Bar -------------- */	
#search { margin: 20px 0 0 0; width: 931px; height: 38px; text-align: right; }
.searchbutton { padding: 0px; margin: 0px 1px -5px 3px; _margin: 0px 1px -4px 1px; width: 49px; height: 20px; }




/* -------------- Menu Image Flair -------------- */	
#wonderbar { width: 931px; height: 30px; margin: -1px 0 38px 0; }
#wonder-about { width: 931px; height: 30px; margin: -1px 0 38px 0; background: url(../images/wonderbars/about_bar.jpg) no-repeat; }
#wonder-designers { width: 931px; height: 30px; margin: -1px 0 38px 0; background: url(../images/wonderbars/designers_bar.jpg) no-repeat; }
#wonder-garden { width: 931px; height: 30px; margin: -1px 0 38px 0; background: url(../images/wonderbars/gardens_bar.jpg) no-repeat; }
#wonder-network { width: 931px; height: 30px; margin: -1px 0 38px 0; background: url(../images/wonderbars/network_bar.jpg) no-repeat; }
#wonder-related { width: 931px; height: 30px; margin: -1px 0 38px 0; background: url(../images/wonderbars/related_bar.jpg) no-repeat; }
#wonder-resources { width: 931px; height: 30px; margin: -1px 0 38px 0; background: url(../images/wonderbars/resources_bar.jpg) no-repeat; }
#wonder-shop  { width: 931px; height: 30px; margin: -1px 0 38px 0; background: url(../images/wonderbars/shop_bar.jpg) no-repeat; }
#wonder-sponsors  { width: 931px; height: 30px; margin: -1px 0 38px 0; background: url(../images/wonderbars/sponsors_bar.jpg) no-repeat; }
#wonder-support  { width: 931px; height: 30px; margin: -1px 0 38px 0; background: url(../images/wonderbars/support_bar.jpg) no-repeat; }



/* -------------- Location Bar -------------- */	
#location { width: 931px; height: 30px; margin: 0 0 18px 0; }
#location h1 { font-size: 26px; color: #999999; font-weight: normal; }






/* -------------- SideMenu -------------- */	
#sidemenu { float: left; width: 185px; font-size: 1.1em; font-weight: bold; margin: 0 0 20px 0; }
#sidemenu ul { xpadding: 0; xmargin: 0; }
#sidemenu li { background: none; padding: 5px 5px 5px 0; margin: 0; color: #646464; font-size: 1.2em; }
#sidemenu li a { display: block; }
#sidemenu li li { background: none; padding: 4px 0px 3px 10px; margin: 0; font-size: .8em; }

















/* -------------- DESIGNER PAGE -------------- */	

#designer-full-listings h2 { margin: 0 0 5px 0; padding: 0; font-size: 1.65em; }

#designer-full-listings h3 { margin: 15px 0 10px 0; font-size: 1.6em; }

#designer-full-listings h4 { margin: 5px 0 5px 0; }

#designer-full-listings img { padding: 0px 5px 20px 0; }






.designer-listing { padding: 20px 0 0px 0; margin: 20px 0 0 0; border-top: 1px solid #969696; }




.designer-list ul { padding: 20px 0 0px 0; margin: 20px 0 0px 0; }

.designer-list li a { font-size: .9em; xcolor: #717171; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; background: url(../images/bullet.gif) no-repeat 0 4px; padding: 0 0 0 14px; margin: 0; }

.designer-list li a:hover { color:#3C577C;

}

.designer-list h2 { margin: 0; padding: 0; font-size: 1.2em; }

/* --------------  THis is for the fade-in-drop-down -------------- */	
.fader { opacity: 0; display: none; background-color: white; width: 500px; margin-top: 10px; }
.fadeNext { font-size: 1.5em; margin-bottom: 10px; }




























/* -------------- CONTENT -------------- */	
#flash { margin: -1px 0 0 0; }

#content { width: 725px; float: right; margin: 4px 0 20px 0; }
#content a { text-decoration: underline; }


.col1 { width: 500px; float: left; }
.col1 h3 { margin: 0 0 5px 0; padding: 0; }
.col1 h4 { margin: 3px 0 2px 0; padding: 0; }






/* -------------- Far right column -------------- */	

.col2 { float: right; width: 185px; margin: 4px 0 0 0;}

.col2 p { margin: 0 0 25px 0; font-size: 1.4em; line-height: 1.2em; }


.col2 blockquote { margin: 15px 0 30px 0; font-style: italic; font-size: 1.7em; text-align: left; }

#photo-credit p { font-size: 1.1em; }
#credit { font-size: .8em; }
#photo-credit img { margin: 0 0 2px 0; }
#photo-credit span { padding: 10px 0 0 0; }

#alphalocator { font-size: 6em; line-height: .3; }

#alphadirectory { margin: 0px 0 25px 0; width: 500px; }
#alphadirectory li { font-weight: bold; background: none; display: inline; font-size: 1.6em; font-style: normal; color: #73a534; text-align: justify; padding: 2px; margin: 0; }



/* ------------------  Contact Form -------------------- */	

#contactform { width: 500px; padding: 0; margin: 0px 0px 10px 0; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: .8em; }

#contactform p { padding: 0 0 0 2px 0; margin:  -3px 0 0 0; }
.mailformfield { width: 225px; background-color: #EDEDED; border: 1px solid #9E9E9E; height: 18px; padding: 0 0 0 5px; margin: 2px 0 15px 0; color: #717171; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.messageformfield { width: 500px; background-color: #EDEDED; border: 1px solid #9E9E9E; height: 170px; margin: 2px 0 8px 0; padding: 3px 0 0 5px; color: #717171; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }

#send { padding: 0 0 0 0; margin: 0 0 0 0; float: left; display: inline; }
button { padding: 0 0 0 0; margin: 0 0 0 0; float: left; display: inline; }



/* -------------------- submit button with rollover -------------------- */	
.submit { background: url(../images/new-send.jpg) no-repeat 0 0; height: 36px; width: 87px; border: none; cursor: pointer; outline: none; display: block; float: right; }
.submit:hover { background: url(../images/new-send.jpg) no-repeat 0 -36px; }



/* -------------- MailChimp Newlsetter Signup----------------- */

#newsletter-form { width: 200px; }
#newsletter-form p { font-size: 1em; text-align: left; float: left; }
#mce-responses { float: left; width: 200px; font-size: 1em; margin: 0 0 .8em 0; color: #696969; }
#mce-error-response { float: left; width: 200px; font-size: 1em; margin: 0 0 .8em 0; color: #696969; }
#mce-EMAIL { font-size: .9em; width: 132px; color: #696969; margin: 1px 0 6px 0; float: left; height: 16px; padding: 3px 0 0 3px; }
fieldset { border: none; }






/* -------------- FOOTER -------------- */	
#footer { width: 931px; margin: 0 auto 0px auto; border-top: 1px solid #BDBDBD; padding: 20px 0 0 0; }
#footer h2 { margin: 0em 0 .8em 0; }

#footer ol { margin: 0 0 22px 0; }
#footer ol li { font-size: 1.3em; margin: 2px 6px 8px 32px; }

.blog-entry {  margin: 0 0 15px 0; padding: 0 0 10px 0; }
.footer-center{ width: 500px; float: left; }

.footer-contact { width: 200px; float: right; }

.footer-contact a:hover { color: #73a534; text-decoration: underline;}

.footer-right-column { width: 725px; float: right; }
.footer-left-column { width: 185px; float: left; }


.copyright { font-size: 1em; line-height: 1.3em; margin: 0 0 20px 0; }
.copyright img { padding: 4px 6px 0 0; }

























/* -------------- Colors -------------- */	
.purple { color: #5b4e97; }  
.brown { color: #b0491b; }       
.blue { color: #3c577c; }          
.red { color: #eb611d; }       
.darkred { color: #A71E28; }  
.green { color: #588527; }   
.dgreen { color: #3F601C; }    
.lblue { color: #5A8FBC; }      
.yellow { color: #FAA819; }
.dgray { color: #45484B; }










/* -------------- Menu -------------- */	

#menuwrapper { height: 28px; padding: 0; margin: 0; z-index: 0; background-color: #ACB7AE; }

#menubar { margin: 0 0 0 1px; padding: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; }

#menubar ul { list-style: none; font-family: Arial, Helvetica, sans-serif; }

#menubar a { display: block; text-decoration: none; font-size: 1.1em; color: #909090; margin: 0 0 -1px  0; }

#menubar a.trigger { background-color: white; padding: 5px 23px 6px 22px; border-right: 1px solid #ACB7AE; }

#menubar li  { float: left; margin: 0; padding: 0; border-bottom: 1px solid white; background-image: none; list-style-type: none; }

#menubar ul li  { font-size: 1em; background-image: none; list-style-type: none; }

#menubar ul li a  { color: #909090; padding: 8px 12px 8px 16px; }

#menubar li ul { position: absolute; margin: 1px 0 0px  0; display: none; border-bottom: 1px solid white; background-color: #dee3de; }



#menubar li:hover a, #menubar a:focus,
#menubar a:active, #menubar li.hvr a { color: #73a534; background-color: white; }

#menubar li:hover ul, #menubar li.hvr ul { display: block; }

#menubar li:hover ul a { color: #73a534; background-color: transparent; }

#menubar li.hvr ul a { color: #73a534; background-color: transparent; }

#menubar ul a:hover { background-color: #73a534!important; color: #FFFFFF!important; }




.network-arrow { width: 51px;}
.about-arrow { width: 34px;}
#about-width { width: 9.6em;}
#about-width li a { width: 6.7em;}
#resources-width { width: 16em; }
#resources-width li a { width: 12.6em; }
#designers-width { width: 16em; }
#designers-width li a { width: 12.6em; }
#gardens-width { width: 16em; }
#gardens-width li a { width: 12.6em; }
#related-width { width: 13em; }
#related-width li a { width: 9.8em; }
#sponsors-width { width: 14em; }
#sponsors-width li a { width: 10.7em; }
#support-width { width: 15em; }
#support-width li a { width: 11.7em; }
#shop-width { width: 7em; }
#shop-width li a { width: 4.4em; }
#blog-width { width: 7em; }
#blog-width li a { width: 4.4em; }
#network-width { width: 7.4em; }
#network-width li a { width: 4.7em; }













/* -------------------  Ephemera  ----------------- */
#clear { clear: both; }
.clear {clear: both;}
.hide { display: none; }
.center { text-align: center; }