/*     Janns Cottage Nursery
        Style Guide as at  6/05/08
        body :     #27373B
	wrap: #F4E7F9
	nav : #F5BD28
	nav text:  black
	contents text:  black
          hover green, active page green  : #008000;
	footer type  



*/
/**     {
	margin: 0px; 
	padding: 0px;
}*/
body  {
      background-color: #27373B;
	  font-family: Georgia, Arial, Tahoma, Verdana, helvetica, sans-serif;
      color: #F4E7F9;
      text-align: left;
}
a:link {color: black;}
a:visited {color: black;} 
a:hover {color: #008000;}
a:active {color: #008000;}
a  {text-decoration: none;}

a img     {border: 2px solid #EFD758} 

.clear {clear: both 
}
.clearleft {clear: left;
}
.clearright {clear: right;
}  
.errmsg   {background-color: #000033;
          color: white;
		  font-size: 75%;
		  text-align: center;
}
.phpmsg{background-color: #000033;
        color: white;
        text-align: center;
		font-size: .95em;
		font-weight: bold;	
		margin-top: 5px;
}
h1          {font-size: 150%;
        font-weight: bold;
}
h2          {font-size: 120%;
        font-weight: bold;
}
h3	     {font-size: 105%;
        font-weight: bold;
} 
h4	     {font-size: 100%;
        font-weight: bold;
} 
p	     {font-size: 100%;
}  
#wrap  {background-color: #F4E7F9;
	   width:  94%;
	   min-width: 920px;
	   max-width: 1024px; 
	   margin: 20px auto 2px auto;
       text-align: left;
	   position: relative;
}
#yellowbutt  {position: absolute;
		   left: 65%;
		   top: 80px;
		   width: 128px;
		   height: 128px;
		   z-index: 100; 
}  
#bluebutt  {position: absolute;
		   left: 100px;
		   top: 350px;
		   width: 70px;
		   height: 70px;
		   z-index: 100; 
}
#spurwing  {position: absolute;
		   left: 52%;
		   bottom: 10px;
		   width: 32px;
		   height: 32px;
		   z-index: 100; 
}  
#tigerbeetle  {position: absolute;
		   left: 71%;
		   bottom: 100px;
		   width: 32px;
		   height: 32px;
		   z-index: 100; 
}    
#brbluebutt  {position: absolute;
		   left: 65%;
		   top: 90px;
		   width: 148px;
		   height: 127px;
		   z-index: 100; 
}  
#dkbluebutt  {position: absolute;
		   left: 100px;
		   top: 350px;
		   width: 83px;
		   height: 83px;
		   z-index: 100; 
}
#blueflying  {position: absolute;
		   left: 80%;
		   bottom: 15%;
		   width: 32px;
		   height: 32px;
		   z-index: 100; 
}  
#bee  {position: absolute;
		   top: 5%;
		   left: 30px;
		   width: 32px;
		   height: 32px;
		   z-index: 100; 
}  
#camouflage  {position: absolute;
		   left:10%;
		   bottom: 5%;
		   width: 32px;
		   height: 32px;
		   z-index: 100; 
} 
#froggreen  {position: absolute;
		   left: 20%;
		   bottom: 7%;
		   width: 32px;
		   height: 32px;
		   z-index: 100; 
}  
#ladyrainbow  {position: absolute;
		   left: 30%;
		   bottom: 10%;
		   width: 32px;
		   height: 32px;
		   z-index: 100; 
} 
#sixspotburnet  {position: absolute;
		   left: 65%;
		   bottom: 4%;
		   width: 32px;
		   height: 32px;
		   z-index: 100; 
} 
#spiderblue  {position: absolute;
		   left: 70%;
		   bottom: 8%;
		   width: 32px;
		   height: 32px;
		   z-index: 100; 
} 
  
/*  css for nav section */

#nav           {background-color: #F5BD28; 
           float: left; 
		   clear: left;
		   width: 314px;
		   padding-top: 0px;
}
#navlist   {font-size: 110%;
          font-weight: normal;
		  background-color: #F5BD28;
}
#navlist li {float: left; 
          list-style-type: none;  
          padding: 5px 8% 20px 10%;	  
}

/*  drop down menu stuff */

#navlist li a   { 
             display: block;			 
             text-decoration: none;
                        				 
}
#navlist a#currentpage {color: green;
                       font-weight: bold;
} 
#navlist li a:hover
			{color: green;
}

/* CSS for footer section  */

#footer     {width: 94%;
          min-width: 920px;
		  max-width: 1024px; 
          margin: 0px auto;
		  clear: both;
}
#footer #copyright  {font-size: 80%;
                   color: #F5BD28;
}
#footer #copyright  p {margin: 0px;
}
#footer #copyright  p#eclexia  {margin-left: 1.2em;
                             font-size: 90%;
}
#footer #copyright  p#eclexia   a {text-decoration: none;
}
#footer a:link {color: white;}
#footer a:visited {color: white;} 
#footer a:hover {color: #008000;}
#footer a:active {color: #008000;}
#footer a  {text-decoration: underline;}

/*  General CSS  for Contents section */

.contents {float: left;
          padding: 40px 15px;
          color: black;		  
}
.contentline  .centerh2    {margin-left: 42%;       		
}
.contentline  {clear: both; 
              margin-bottom: 10px;
}

/*  CSS for Home page */

#home .contentline  #headerpic {width: 314px; 
                           float: left;
						   margin-top: 30px;
						   background-color: #F5BD28;
         		
}
#home .contentline  #headerlogo {width: 210px; 
                            float: right;  
                            margin-top: 30px;							
}
#home .contentline  #intropara {margin: 10px 210px 10px 320px;
                           text-align: center;
        		
}
#home .contentline  #intropara p#yann {font-size: 150%;
                                  margin-top: 80px;
								  font-weight: bold;
        		
}
#home .contentline  #intropara p#herbs {font-size: 120%;
                                  margin-top: 20px;
								  font-weight: bold;
								  font-style: italic;
        		
}  
#home .contentline  #homepic1 {width: 312px; 
                           float: left;
						   margin-top: 50px;
         		
}
#home .contentline  #homepic2 {width: 255px; 
                            float: right;  
                            margin-top: 0px;							
}
#home .contentline  #homeparas {margin: 10px 260px 10px 320px;
                           text-align: center;
        		
}
#home .contentline  #homeparas  p {font-size: 110%;
                             font-weight: bold;
                             text-align: center;
        		
}

/*   CSS for Contact Us page */

#contactus .contentline .aster  {color: red;
                           font-weight: bold;      		
}
#contactus .contentline  #contactpic {width: 314px; 
                           float: left;
						   margin-top: 30px;
						   background-color: #F5BD28;
         		
}
#contactus .contentline  #contacthdr #contactlogo {width: 210px; 
                            float: right;  
                            margin-top: 30px;							
}
#contactus .contentline  #contacthdr #contactpara {margin: 10px 0px 10px 320px;
                           text-align: center;
        		
}
#contactus  .contentline  #contacthdr #contactpara p#yann {font-size: 150%;
                                  margin-top: 80px;
								  font-weight: bold;
        		
}
#contactus .contentline #contacthdr  #contactpara p#herbs {font-size: 120%;
                                  margin-top: 20px;
								  font-weight: bold;
								  font-style: italic;
        		
}  
#contactus .contentline  #contactcontent  #contactext {margin: 50px 256px 10px 330px;
        		
}
#contactus .contentline    #contactpic1 {width: 314px; 
                           float: left;
						   margin-top: 50px;
         		
}
#contactus .contentline    #contactcontent  #contactpic2 {width: 255px; 
                            float: right;  
                            margin-top: 10px;
         		
}
#contactus #userfeedbackform {
			  font-size: 100%;
			  font-weight: bold;
			  color: black;	
              margin-top: 10px;	
              margin-bottom: 20px;
              margin-left: 320px;
              margin-right: 256px;			  
			  padding: 10px 0px 0px 10px;
}
#contactus   #userfeedbackform  h2 {text-align: center;
}
#contactus #userfeedbackform  div {width: 300px;
                      margin:0px 0px  0px 0px;
}
#contactus #userfeedbackform p  { 
                      margin: 10px 0px 10px 0px;
					 
}
#contactus #userfeedbackform p#reqdatamsg  {font-size: 85%;
                                          font-weight: normal;					 
}
#contactus #userfeedbackform textarea  {overflow:auto; /*Textareas in IE have vertical scrollbar visible by default. */
						 font-size: .9em;
}
#contactus #userfeedbackform input, textarea
              {padding-bottom: 1em; 
		margin-bottom: .1em;
}
#contactus #userfeedbackform #firstname, #lastname, #order, #email, #deldtls, #phonedtls, #message
              { 
		width: 190px; 
	
}
#contactus #userfeedbackform #subbutton { 
                         color: #4E7CC9;
                         font-weight: bold;
						 margin-top: 5px;
						 padding: 0;
						 font-weight: bold;

}
#contactus #userfeedbackform #resetbutton {color: #C0065A;
                           font-weight: bold;
						   padding: 0;
						   margin-top: 5px;
						   margin-left:1%;
						   font-weight: bold;

}              
#contactus #userfeedbackform label
       { 
	 float: left; 
	 width: 7em;  
	text-align: left;
	font-size: 95%;
}