/* CSS for Petals, Stems and Leaves Inc. - three columns */



div#wrapper {
  position:relative; width: 900px;
  margin-left: auto;
  margin-right: auto;

text-align: left;
height: 100%;
overflow: visible;
}




body {text-align: center;}



body {font:1em verdana, arial, sans-serif; 

}
* {margin:0; padding:0;}









/*logo styling starts here*/


div#header {position:absolute; left: 42px;}


/*logo styling stops here*/


















/*styling for menu starts here*/



div#menu {position:absolute; left:0px; top:8px;}









/*main content styling starts here*/




div#content {position:absolute; left:150px; width:450px; top:50px;}



div#content h1{font-size:.7em; 
      font-family:'verdana', arial, helvetica, sans-serif;
      color:#6b1e48; text-align:right; text-decoration: none; margin-top: 1.5em;}/*this is a page title, services, etc.*/




div#content h2{font-size:.9em; margin-top: 3.5em;
      font-family:'verdana', arial, helvetica, sans-serif;
      color:#cf4088; text-decoration: none;}/*this is a tag line - distinctive and inspired, etc.*/





div#content p {font-size:.8em; margin-top:2em; margin-bottom:.5em; line-height: 1.5em;}/*this is your main content*/	
div#content ul li {font-size:.75em; margin-left: 1.5em;}



div#content a {color:#6b1e48; font-size:.8em; text-decoration:none;}/*this is any links*/
div#content a:hover {color: #cf4088; text-decoration:none;}




/*email address styling on content page starts here*/



div#email {position:absolute; left: 425px; margin-top:117px;}

div#email p {font-size:.8em; margin-top:2em; margin-bottom:.5em; line-height: 1.5em;}

div#email a {color:#6b1e48; font-size:.9em; text-decoration:none;}/*this is your link*/
div#email a:hover {color: #cf4088; text-decoration:none;}










/*styling for intro movie on home page and contact page*/

div#movie {position:absolute; left:645px; top:80px;}





/*rightcolumn styling starts here*/

div#rightcolumn {position:absolute; left:520px; top:80px;}

div#rightcolumn img {float:left;}/*this is your pictures*/
div#rightcolumn img {border: 1px solid #cf4088; padding: 3px 3px 3px 3px; margin-top:20px;}
div#rightcolumn p {font-size:.8em; margin-top:2em; margin-bottom:.5em; line-height: 1.5em; text-align: center;}	






/*rightcolumn styling stops here*/







/*footer styling starts here*/


div#footer {width: 100%;
 					padding:30px 0; /* pushes the links away from top and bottom of the div */
					font-size:.8em;  /* sets the font size of all links */
					font-family:'verdana', arial, helvetica, sans-serif;
                   color:black; text-decoration: none;
                  text-align: center; /* centers the ul elements in the div */
 
                    
					}
 div#footer ul {margin:2px 0;} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:black; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:black; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 21px;  /* horiz space between links and vert lines - needed diff l & r values to center */
						}
 div#footer li:first-child {border-left:0; padding-left:0;} /* removes the left border of the first list item - IDWIMIE */
 div#footer ul li a {font-size:1em; text-decoration:none; /* removes the underlining off the links */
 						 color:#6b1e48; /* the color of the links */
							 }
 div#footer ul li a:hover {color: #cf4088; text-decoration:none; }

div#footer ul.fineprint{
 					margin-top: 10px; border-top: 2px solid #ccc; padding-top: 5px;
                    text-align:center; /* centers the elements in the div */
					
					}
 

/*footer styling stops here*/