/* CSS Document for Ultimate Garden Design by YakasDesign.co.uk
Update 02/09 */

/* -------------------- Base Style --------------------- */
body {background-color: #7752C8; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666; line-height: 138%;}
p {font-size: 0.78em; }
 
a:link { color: #66CC33; text-decoration: underline;}
a:visited { color: #CC3366;}
a:hover { color: #7752C8;text-decoration: none;}

h1 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 1.6em; color: #7752C8; font-weight:normal; padding:2.6em 0 0.9em 0;}
h2 {font-size: 1.0em; color: #7752C8;}
h3 {font-size: 0.8em; color: #7752C8;}

img { border: none; }

/* -------------------- Containers --------------------- */

#wrapper{ width: 880px; margin: 0.5em auto; background-color: #FFF; color: #666; }

#header {margin-left: 1em; padding: 0; height: 80px; background: url(../images/ugd_logo.gif) no-repeat left  bottom; display: block;}

#navcontainer ul { margin: 0;padding: 0.3em 1.3em 0.2em 0; height: 24px; list-style: none; font-size: 0.8em; background-color: #66CC33; text-align: center; letter-spacing:0.1em;border-bottom:1px solid  #669900;}
#navcontainer ul li { display: inline; }
#navcontainer ul li a { padding: .2em 0.8em; text-decoration: none; color: #fff;}
#navcontainer ul li a:hover {color: #7752C8; text-decoration: underline;}
#navcontainer a.current{color: #CC3366; text-decoration: underline;}

.introduction{color:#666; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 145%}

/* --------------------Left column --------------------- */

#leftcolumn { float: left; width: 218px; height: auto; margin: 0; padding: 0;}
#leftcolumn p {border-bottom: #333 dotted  1px; padding-left: 1.5em; font-size: 0.8em; line-height: 140%;}
#leftcolumn h3 {font-size: 0.8em; line-height: 150%; color: #7752C8; padding: 1.6em 0 0.5em 1.5em;}

.testimonials {background-color: #F2F0FF; padding: 1em 2em 1em 2em; font-size: 0.7em; line-height: 145%}


#maincontent { margin-left: 280px; padding: 1em 3em 0 1em; height: auto; }
#maincontent h1 { margin: 0 0 .8em 0; }

#footer{ clear: both; margin: 0; padding: 0.5em; font-size: 0.8em; color:#DDD; text-align: center; background-color: #7752C8; border-top: #66CC33 solid 7px;}
#footer p { margin: 0; }
#footer a:link { color: #DDD; text-decoration: underline;}
#footer a:visited { color: #fff;}
#footer a:hover { color: #66CC33;text-decoration: none;}

div.clearfloats {clear:both;}