/* generated by csscreator.com */ 

/* colours 
dark purple #59336c
lighter purple #69477a
teal #93cbc0
lighter teal #bedfd9
orange #dc4c17

*/

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

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-color: #59336C;
 color: #fff;
 font-size: 100.01%;
 font-family: Verdana, Arial, Helvetica, sans-serif;  
} 
 
#pagewidth{ 
 width:780px;
 text-align:left;  
 margin: 10px auto; 
 background: transparent url(../images/background_sm.jpg) repeat-x 0 0%;
 border: 1px solid #93CBC0;  
}

* html #pagewidth { width: 782px;}

#header{
 position:relative; 
 height:220px;  
 width:100%;
} 
 
#leftcol{
 width:26%; 
 float:left; 
 position:relative; 
 padding-bottom: 80px;
 }
 
#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:74%;
 }
 
#footer{
 color: #93cbc0;
 border-top: 1px solid #bedfd9;  
 clear:both;
 } 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

#mainphoto, #tipsbanner {
	float: right;
	width:217px;
	height: 211px;
	margin: -110px 0 0 0;
	padding: 0 0 10px 6px;
	background: transparent url(../images/susan-carter.png) no-repeat 0 0;
	position: relative;
} 

#tipsbanner {background: transparent url(../images/toptentips_120.png) no-repeat 0 0; width:120px; height: 60px;}

#logo { position: absolute; width:351px; height: 191px; top: 10px; left: 260px; padding: 0; background: transparent url(../images/alchemy-logo.png) no-repeat 0 0;} 
#flower {position: absolute; padding:0; top: -25px; right: -20px; width: 97px; height: 109px; z-index: 10; background: transparent url(../images/flower.png) no-repeat 0 0; }
#flowers { position: absolute; top: -120px; left: -53px; width: 147px; height: 128px; background: transparent url(../images/flowers.png) no-repeat 0 0;} 

/* Presentation */
p, ul.service { margin: 10px 10px; color: #fff; font: 500 normal .95em/1.2 verdana, arial, helvetica, sans-serif; letter-spacing: .5px; }
h1 {padding: 1em 0 0 0; margin: 0 0 0 10px; color: /* #69477a */ #46166B; font: bold 1.3em verdana, arial, helvetica, sans-serif; }
h2 { margin: 14px 0 0 10px; color: #69477a; font-size: 1.2em; font-family: verdana, arial, helvetica, sans-serif; padding: 0;}
h3 { margin: 20px 0 10px 10px; color: #59336C; }
h4 { margin: 0 0 0 14px; font: bold .8em verdana,helvetica,arial,sans-serif; text-transform: uppercase;}

a:link, a:visited {color: #DC4C17; text-decoration: none;} 
a:hover, a:active {color: #93CBC0; text-decoration: underline;} 

ul.service {
	list-style-position: outside;
	list-style-type: none;
	list-style-image: url(../images/bullet.png);
	display: block;
	margin-left: 50px;
} 
ul.service li a:link, ul.service li a:visited {color: #fff; }
ul.service li a:hover, ul.service li a:active {color:#93CBC0;}

ul.sitemap {
	list-style-position: inside;
	list-style-type: none;
} 
ul.sitemap li a:link, ul.sitemap li a:visited {color: #fff; }
ul.sitemap li a:hover, ul.sitemap li a:active {color: #93CBC0;}
ul.sitemap li h2.teal {padding: 0; margin: 3px 0 0 0;}

ol {
	margin-left: 50px;
	list-style: lower-roman outside;
	display: block;
}

ol li {padding-left: 5px;}


#leftcol div.info { margin-left: 6px; padding-bottom: 20px;}
#leftcol ul.service {margin-left: 30px;}

p.quote { width: 280px; float:left; text-align: center; padding-top: 20px; color: #93CBC0;font: bold 1.2em Arial, Verdana, sans-serif; letter-spacing: .05em; }

/* News Box  */
div.box { background: #bedfd9; border: #93CBC0 solid 1px; margin: 20px auto 10px auto; padding: 0 0 10px 0; width: 90%; position: relative; }
div.box p {
	font: 600 .8em/1.2em Tahoma, Verdana, Helvetica, sans-serif;
	color: #E25E23;
	text-align: center;
	padding: 0;
}
div.box h3 {text-align: center; color: #69477a; font: bold normal 1em Arial, Verdana, Helvetica, sans-serif; padding: 5px 0 0 0; margin: 0; }

#header h2 {padding: 0; margin: 0 0 0 20px; font: italic bold 1.2em verdana, arial, helvetica, sans-serif; }
#header h1 {padding: 0; margin: 20px 0 0 10px; color: #bedfd9; font: bold 2.4em Tahoma, verdana, arial, helvetica, sans-serif;}
#maincol p {margin-top: 20px; }

strong {font-size: 1.2em;}
strong.purple {font-size: 1.4em; padding:3px;}		
strong.teal {font-size: 1.2em; font-style: italic;}

.info {margin-left: 160px;}
.teal {color: #bedfd9; font-weight: 400;}
.orange {color: #E25E23; letter-spacing: .05em; }
.purple {color: #46166B; font-weight: 800;}
.fee {text-align: right;}
.tealdk {color: #93cbc0; font-weight: bold;}
.hidetext { display: none; padding: 0; margin: 0;}
.centre {text-align: center;}
.border {border: 1px solid #93CBC0;}

#footermenu { position: relative;  background-color:#93CBC0; padding: 5px 0; margin-top: 20px;}
#footermenu p {text-align: right; margin: 0; padding: 0 100px 0 0; font-size: .9em; color: #fff;} 
#footermenu a:hover, #footermenu a:active { color: #59336C; }
#footer p { text-align: center; padding: 4px; margin: 0; color: #93cbc0; font-size: .75em; font-style: italic; }

#freelancealot p {font-size: .75em;}
#freelancealot a:hover, #freelancealot a:focus {text-decoration: underline; color:#93CBC0; }
#freelancealot img {padding: 3px;} 
#maincol div.pic {width: 111px; height: 147px; float: left; margin-right: 10px; }
#links h2.teal {padding: 6px 0 0 0; }
#links p {margin-top: 5px;}
#files a:hover, a:active {color: #bedfd9; text-decoration: underline;} 
#contact {width: 99%; margin-left: 20px;}
/* forms 

label { width: 4.5em; float: left; text-align: right; margin-right: 0.5em; display: block; }
input { color: #E25E23; background: #bedfd9; border: 1px solid #69477a; width: 250px; }
textarea { border: 1px solid #69477a; color: #E25E23; background: #bedfd9; font: normal .9em Tahoma Verdana, Arial, Helvetica, sans-serif;}
input.send  { color: #fff; background: #E25E23; border: 1px outset #bedfd9; margin-left: 160px; cursor: pointer; margin-bottom: 5px; width:auto;}
fieldset { width: 25em; margin: 20px 0 0 20px; padding: 3px; }
#contact p {margin-left: 0;}
#button:hover {color:#fff; background:#93CBC0; border:1px inset #bedfd9; }
*/


/* IE Win stuff only \*/
* html #contact p {margin-left: 5px;}
* html input.send  { margin-bottom:5px;}

/*end of hack */
 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}