@charset "UTF-8";
/* CSS Document */

.container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	font-size: 0.8em;
	color: #000000;
	margin-top: 0em;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #66CC00;
	font-size: 0.9em;
	margin-bottom:0.4em;
	margin-top:0em;
	font-weight: bold;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #659903;
	font-size: 0.8em;
	margin-bottom:0.4em;
	margin-top:0em;
	font-weight: bold;
}

a {
	color: #000000;
	text-decoration: none;	
}

a:visited{
	color: #000000;
	text-decoration: none;	
}
a:hover{
	text-decoration: underline;	
}
a.body_link{
	color: #66CC00;
	text-decoration: none;	
}
a.body_link:visited{
	color:  #66CC00;
	text-decoration: none;	
}
a.body_link:hover{
	text-decoration: underline;	
}

#logo_column {
	float: left; 
	width: 175px;
	padding: 0;
	margin-left: 0;
}

#Content {
	margin: 40px 5px 5px 20px;
	height: 430px;
	width: 800px;
}

#mainContent {
	width: 483px;
	height: 400px;
	position: absolute;
	overflow-x: hidden;
	overflow-y: auto;
	left: 190px;
	top: 135px;
}

#column_right {
	margin: 0;
	height: 404px;
	width: 265px;
	position:absolute;
	z-index:6;
	left: 686px;
	top: 133px;
	color: #FFFFFF;
}

#gardens_column_left {
	margin: 0;
	height: 404px;
	width: 288px;
	position:absolute;
	z-index:6;
	left: 190px;
	top: 138px;
	color: #FFFFFF;
}

#gardensContent {
	position: absolute;
	left: 507px;
	top: 137px;
	width: 625px;
}

#gardensthumbsContent {
	width: 649px;
	height: 400px;
	position: absolute;
	overflow-x: auto;
	overflow-y: hidden;
	left: 191px;
	top: 137px;
}

#Nav {
	margin: 20px 0 0 10px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	height: 30px;
} 

#footer {
	margin: 0;
	padding: 0;
	height: 800px;
	background-image: url(../images/qos_bottombar_leaf.jpg);
	background-color: #79b11a;
	background-repeat: repeat-x;
}

#header {
	margin: 0;
	padding: 0;
	height: 35px;
	background-image: url(../images/qos_topbar_leaf.jpg);
}

.thumb_img {
	padding-right: 12px;
	padding-bottom: 12px;	
}

a.gardens_link{
	color: #ffffff;
	text-decoration: none;	
}
a.gardens_link:visited{
	color:  #ffffff;
	text-decoration: none;	
}
a.gardens_link:hover{
	text-decoration: underline;	
}

.gardens_panel_1 {
	margin: 0;
	padding: 100px 10px 10px 10px;
	height: 48px;
	width: 265px;
	position:absolute;
	left: -4px;
	top: 0px;
	background-image: url(../images/gardens_panel_1.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #ffffff;
	margin-top: 0em;
	font-weight: bold;
}

.gardens_panel_2 {
	margin: 0;
	padding: 100px 10px 10px 10px;
	height: 48px;
	width: 265px;
	position:absolute;
	left: 316px;
	top: 0px;
	background-image: url(../images/gardens_panel_2.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #ffffff;
	margin-top: 0em;
	font-weight: bold;
}
.gardens_panel_3 {
	margin: 0;
	padding: 100px 10px 10px 10px;
	height: 48px;
	width: 265px;
	position:absolute;
	left: -4px;
	top: 193px;
	background-image: url(../images/gardens_panel_3.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #ffffff;
	margin-top: 0em;
	font-weight: bold;
}
.gardens_panel_4 {
	margin: 0;
	padding: 100px 10px 10px 10px;
	height: 48px;
	width: 265px;
	position:absolute;
	left: 316px;
	top: 193px;
	background-image: url(../images/gardens_panel_4.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #ffffff;
	margin-top: 0em;
	font-weight: bold;
}
.site_by_puree {
	margin: 0;
	padding: 3px 0px 0px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #ffffff;
	margin-top: 0em;
}
a.site_by_puree {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-top: 0em;
	font-decoration: underline;
}


/* home rollover instructions */
.homeRollover {
	border: 0;
	border-style: none;
	position:absolute;
	z-index:6;
	left: 185px;
	top: 60px;
	}
.home_on {
	border: 0;
	border-style: none;
	position:absolute;
	z-index:6;
	left: 185px;
	top: 60px;
	}
	
a.home_on {  
    display: block;  
    width: 113px;  
    height: 20px;  
    background: url(../images/buttons/queenofspades_home.jpg) no-repeat 0 0;  
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;
	background-position: 0 -20px; 
}
  
a.homeRollover {  
    display: block;  
    width: 113px;  
    height: 20px;  
    background: url(../images/buttons/queenofspades_home.jpg) no-repeat 0 0;  
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;
}    
   
 a:hover.homeRollover {  
     background-position: 0 -40px;  
 }  
   
 a:active.homeRollover {  
     background-position: 0 -20px;  
 } 
 /* services rollover instructions */
.servicesRollover {
	border: 0;
	border-style: none;
	position:absolute;
	z-index:6;
	left: 299px;
	top: 60px;
	}
  
a.servicesRollover {
	display: block;
	width: 174px;
	height: 20px;
	background: url(../images/buttons/queenofspades_services.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
}   

.services_on {
	border: 0;
	border-style: none;
	position:absolute;
	z-index:6;
	left: 299px;
	top: 60px;
	}
	
a.services_on {  
    display: block;  
    width: 174px;  
    height: 20px;  
    background: url(../images/buttons/queenofspades_services.jpg) no-repeat 0 0;  
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;
	background-position: 0 -20px; 
} 
   
 a:hover.servicesRollover {  
     background-position: 0 -40px;  
 }  
   
 a:active.servicesRollover {  
     background-position: 0 -20px;  
 }  
 
  /* gardens rollover instructions */
.gardensRollover {
	border: 0;
	border-style: none;
	position:absolute;
	z-index:6;
	left: 471px;
	top: 60px;
	}
  
a.gardensRollover {  
    display: block;  
    width: 181px;  
    height: 20px;  
    background: url(../images/buttons/queenofspades_gardens.jpg) no-repeat 0 0;  
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;
}    

.gardens_on {
	border: 0;
	border-style: none;
	position:absolute;
	z-index:6;
	left: 471px;
	top: 60px;
	}
	
a.gardens_on {  
    display: block;  
    width: 181px;  
    height: 20px;  
    background: url(../images/buttons/queenofspades_gardens.jpg) no-repeat 0 0;  
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;
	background-position: 0 -20px; 
}
   
 a:hover.gardensRollover {  
     background-position: 0 -40px;  
 }  
   
 a:active.gardensRollover {  
     background-position: 0 -20px;  
 }  
 
   /* contact rollover instructions */
.contactRollover {
	border: 0;
	border-style: none;
	position:absolute;
	z-index:6;
	left: 651px;
	top: 60px;
	}
  
a.contactRollover {  
    display: block;  
    width: 189px;  
    height: 20px;  
    background: url(../images/buttons/queenofspades_contact.jpg) no-repeat 0 0;  
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;
}  

.contact_on {
	border: 0;
	border-style: none;
	position:absolute;
	z-index:6;
	left: 651px;
	top: 60px;
	}
	
a.contact_on {  
    display: block;  
    width: 189px;  
    height: 20px;  
    background: url(../images/buttons/queenofspades_contact.jpg) no-repeat 0 0;  
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;
	background-position: 0 -20px; 
}  
   
 a:hover.contactRollover {  
     background-position: 0 -40px;  
 }  
   
 a:active.contactRollover {  
     background-position: 0 -20px;  
 }