html,body{
padding: 0;
margin: 0;
}

/*DEFAULTS
----------------*/

body {
height:100%;
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande','Lucida Sans Unicode', Verdana, Arial, Sans-Serif;
background: #fff url('http://guilfordgardencenter.com/images/body.jpg') top left no-repeat;
color: #000;
text-align: center;
}



/*Take borders off images to prevent them appearing when used as links
------------------------------------------------------------------------------------*/
img{
         border: none;
}

img.gallery{
                  width: 85px;
                  height: 85px;
                  border: none;
}

img.content-left{
                   width: 85px;
                   height: 85px;
                   border: none;
                   float: left;
                   margin: 5px 5px 0 0;
}

/*adjust the way horizontal rules display, so they look a tad tidier
-----------------------------------------------------------------------------*/
hr{
              clear: both;
              color: #59807b;
              text-align: center;
              width: 60%;
 }            

/*Headings used for main content
-----------------------------------------*/
h1,h2{
                font: 2.8em/150% bold 'Clarendon Std', 'Century Old Style Std', 'Century Schoolbook', Georgia, serif;
                margin: 0 5px;
                text-transform: uppercase;
                color: #59807b;
                letter-spacing: 0.2em;
}


/*Headings used for content of less importance
----------------------------------------------------------------------*/
h3,h4{
               font: 1.2em/100% bold Georgia, serif;
               text-align: left;
               margin: 2px;
}

h5{
               color: #fff;
               font: 0.8em/100% bold Georgia, serif;
}


/*Let's give the reader some breathing room between the sentences, for easier reading
-------------------------------------------------------------------------------------------*/
p, ul {font-size: 1.4em; line-height: 130%;}

p.large{
line-height: 150%;
font-weight: bold;
font-size: 2em;
}


/*Need this rule for xhtml compliancy when making right aligned sentences
---------------------------------------------------------------------------------------*/
p.right{
line-height: 150%;
float: right;
margin-right:1em;
}

.dropcap{
font: 4em/40% bold  Georgia, serif;
color: #59807b;
float: left;
margin:  .3em .1em .1em 0;
}

blockquote{float:right;
font-family: Georgia, serif;
margin:0 .5em;
padding: 0 .5em 0 3.6em;
font-size:1.5em;
background: transparent url(/images/quote.gif) top left no-repeat;
width:150px;
border-top:#59807b 2px solid;
border-bottom:#59807b 2px solid;
color:#ffa500;}

/*This rule is simply for highlighting abbreviations (aka acronyms)
-------------------------------------------------------------------------------*/
acronym{
border-bottom: 1px dotted;
}

/*Really only needed for firefox, stops that annoying thin border appearing around links that have negative margins
---------------------------------------------------------------------------------------------*/
a:active{
          outline: none;
}


/*Default colors for most links on the page, we can classify specialist links elsewhere
--------------------------------------------------------------------------------------*/
a:link {
	font-weight: normal;
                text-decoration: none;
	border: none;
	color: #006600;
} 

a:visited {
	font-weight: normal;
                text-decoration: none;
	border: none;
	color: #006600;
}

a:hover {
	font-weight: normal;
	text-decoration: underline;
                border: none;
	color: #FFC201;
}

a:active {
	font-weight: normal;
                text-decoration: underline;
	border: none;
	color: #FFC201;
}

/*Pretty self-explanatory really, used to make text red!
-----------------------------------------------------------------*/
.red{color:red;}

/*Class for centering elements without affecting other layout elements
-----------------------------------------------------------------------------------*/
.center{text-align: center; margin: 0 auto;}



/*Body elements not already declared in globals
-------------------------------------------------------------*/



td,th,tr{
margin: 0;
padding: 0;
}


.highlight{color:#ffc201;font-weight:bold;}


/*drop-down menu*/

#outside{
       margin: 0 auto;
       width: 1024px;
	border:1px solid #006600;
	background:#006600;
	}
#navigation-1 {
	padding:1px 0;
	margin:0 auto;
	list-style:none;
	width:1024px;
	height:21px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font:normal 8pt verdana, arial, helvetica;
}
#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:138px;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#006600;
	color:#ffffff;
	width:138px;
	height:13px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#339933;
	color:#ffffff;
	width:136px;
	height:13px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
#navigation-1 li ul.navigation-2 {
	margin:0;
	padding:1px 1px 0;
	list-style:none;
	display:none;
	background:#ffffff;
	width:136px;
	position:absolute;
	top:21px;
	left:-1px;
	border:1px solid #006600;
	border-top:none;
}
#navigation-1 li:hover ul.navigation-2 {
	display:block;
}
#navigation-1 li ul.navigation-2 li {
	width:136px;
	clear:left;
	width:136px;
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear:left;
	background:#006600;
	padding:4px 0;
	width:136px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear:left;
	background:#339933;
	padding:4px 0;
	width:136px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:135px;
	top:-2px;
	padding:1px 1px 0 1px;
	border:1px solid #006600;
	border-left:1px solid #006600;
	background:#ffffff;
	z-index:900;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background:#006600;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
	background:#339933;
}
#navigation-1 li ul.navigation-2 li a span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#ffffff;
}
/*end menu*/      

dl {
  float: left;
  text-align: center;
  width: 200px;
  margin: 20px 0 20px 10px;
  background: #fff;
  border: 1px solid #ccc;
  }

dt {
  color: #fe676f;
  margin: 0;
  padding: 3px 0 2px 3px;
  border-bottom: 2px solid #ccc;
  }

dd {
  margin: 0;
  padding: 3px;
  }             
                    
/*LAYOUT
------------*/

#header{
margin: 30px auto 0 auto;
width:1024px;
height:250px;
overflow:hidden;
border:none;
background: #fff url('http://guilfordgardencenter.com/images/header2.png') center top no-repeat;
}

#container{
margin: 0 auto;
width: 1024px;
text-align: left;
}

#content{
float: left;
text-align:left;
width: 658px;
margin: 3px 10px 0 0;
padding: 1em;
}

.feature ul{
  float: left;
  text-align: center;
  width: 200px;
  margin: 20px 0 20px 10px;
  padding: 3px;
  background: transparent;
  border: 1px solid #ccc;
  list-style: none;
  }


#sidebar{
float: right;
width: 314px;
text-align: left;
margin: 0 0 15px 10px;
}

#sidebar h2{
color: #59807b;
font-size: 2em;
margin-top: 5px;
border-bottom: none;
}

#sidebar ul{
list-style: none;
margin: 10px auto;
padding: 0;
width: 200px;
}

#sidebar li{
width: 200px;
}

#sidebar li a:link, #sidebar li a:visited{
display: block;
font-weight: bold;
padding: 0 5px;
}

#sidebar li a:active, #sidebar a:hover{
color: #339933;
font-weight: bold;
}

#mainmenu li{display: inline; margin: 0 3px 0 0;}

#grass{
background: #fff url(/images/grasstile.jpg) left bottom repeat-x;
clear:both;
float:left;
width:100%;
height: 125px;
color: #80757b;
text-align: center;
overflow: hidden;
}

#footgraphic{
background: #fff url(/images/dirt.jpg) left top repeat;
float:left;
clear:both;
padding: 0 10px 2em 0;
width:100%;
height: 150px;
color: #80757b;
text-align: left;
overflow: hidden;
}

.footbox{
color: #fff;
float: left;
height: 150px;
width: 150px;
margin: 5px 10px;
padding:10px;
border-right: 1px dashed;
}

#footgraphic a:link {
	font-weight: normal;
                text-decoration: none;
	border: none;
	color: #ffc201;
} 

#footgraphic a:visited {
	font-weight: normal;
                text-decoration: none;
	border: none;
	color: #ffc201;
}

#footgraphic a:hover {
	font-weight: normal;
	text-decoration: underline;
                border: none;
	color: #FFC201;
}

#footgraphic a:active {
	font-weight: normal;
                text-decoration: underline;
	border: none;
	color: #FFC201;
}