* 
{
padding:0;
margin:0;
}

/* CSS CREATED BY MAC WEB SERVICE - JUNE 2009*/
/*  
Theme Name: Heal your life
Theme URI: http://www.healyourlifeowl.com.au/
Description: This is a theme Jo Hartwich - Heal Your Life.
Date: 4th June 2009
Version: 1.0
Author: Mac Web Service
Author URI: http://www.macweb.com.au/
Tags: 2 Column, Pink, Fresh, Healyourlife
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
html {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: auto;}


body, html {
	padding: 0;width:100%;
	min-height: 100%;
	height: 100%; }


html>body, html>body {height: 100%; padding:0; margin:0;}

body {width:100%;font-family: arial;background:#CFFDFD url('images/background.jpg') top center no-repeat;}

#container {width: inherit;  background: transparent;}

#header {width: 960px; height: 276px; background:transparent url('images/combined.png') -10px -1200px no-repeat;margin:auto;}

#content {background: transparent url('images/backgroundtile.png') top left repeat;width:100%; min-width:1024px;}

#topedge {background: transparent url('images/topedge.png') bottom left repeat-x !important;background: transparent url('images/topedge.gif') bottom left repeat-x; width:100%!important; min-width:1024px; height:6px!important; height:0px; padding:0; margin:0;display:block;min-height:6px;}

#vine {background: transparent url('images/combined.png') 0px -620px repeat-x; width:100%; height:93px;}

#box {width:960px; height:auto; margin:auto; z-index:5;position:relative;}

#navigation {background: transparent;width: 960px; height: 100px; position:relative; top:-50px;}

#rightside {background: transparent;width: 250px;display:block;float:right; padding:0 20px 0 0px;text-align:left;}

#rightsidemain {background: transparent;width: 250px;display:block;float:right; padding:0 20px 0 0px;text-align:left;z-index:50;position:absolute;left:20px;top:-30px;}

#rightsidebox  {background: transparent url('images/combined.png') -8px -740px no-repeat;width: 304px;position:absolute;top:180px;left:670px;height:420px;z-index:10;}

#leftside {background: transparent;width: 680px; height: auto;display:block; float:left;}

.innerbot {position:relative;clear:both;}

.aboutjo p {padding:10px 0;}

.joheart {width:360px;height:335px;background: transparent url('images/combined.png') -330px -810px no-repeat;}

#leftside p img.aboutJo {width:351px; height:63px; background: transparent url('images/combined.png') -8px -360px no-repeat;}

.EventsArea {width:172px; height:63px; background: transparent url('images/combined.png') -8px -420px no-repeat;}

.Galleria {width:135px; height:53px; background: transparent url('images/combined.png') -8px -520px no-repeat;}

.worktt {width:282px;height:71px;background: transparent url('images/combined.png') -8px -2px no-repeat;}

.LC {width:277px;height:57px;background: transparent url('images/combined.png') -8px -300px no-repeat;}

.fest {width:361px;height:57px;background: transparent url('images/combined.png') -8px -183px no-repeat;}

.testt {width:254px;height:50px;background: transparent url('images/combined.png') -8px -139px no-repeat;}

#bottomedge {background: transparent url('images/bottomedge.png') top left repeat-x!important; background:transparent url('images/bottomedge.gif') top left repeat-x; width:100%; min-width:1024px; height:6px;}

#footer {background: transparent ;width: 100%; height:auto;position:relative;}

#footercontainer {width:960px; height:auto; margin:auto; z-index:5;position:relative;}

#footerdetails {position:relative; text-align:right; display:block; clear:both;font-size:0.8em;color: #E4FFB1; font-family: helvetica, arial, trebuchet;}

#footerdetails p {color: #E4FFB1;padding:0 0 10px 0;}

#footerdetails a {color: #E4FFB1;font-size:0.9em;}

#footerdetails a:hover {color: #000;}

/* ---------------- Footer Classes ----------------- */


.base {background: #2a5c0a url('images/footer.png') top left repeat-x; min-width:1024px;}

.footertop {background: transparent url('images/combined.png') 0px -1444px repeat-x!important;background: transparent url('images/grass.gif') top left repeat-x; height: 216px;position:relative;min-width:1024px!important;width:auto; }

.one {float:left;width:300px!important;width:280px;padding:0 0 0 10px!important;padding:0 10px 0 0;}

.two {float:left;width:160px!important; width:180px;padding:0 0px 0 0;}

.three {float:right;width:260px;padding:0 50px 0 0;background: transparent url('images/message.png') 10% 85% no-repeat!important; background: transparent url('images/message.gif') 0% 85% no-repeat;height:auto;}

.four {float:right;width:150px;padding:0 0 0 10px;}


/* ---------------- Form Styling ----------------- */

label {font-size:0.9em;color: #E4FFB1;float:left;}

input.name, input.email {background: transparent url('images/cform.gif') top center no-repeat; width:167px; height:23px;border:0;clear:left;padding: 5px 0 0 10px;margin-right:25px!important;margin-right:15px;float:right;font-size:0.7em;}

input.name, input.email {width: 160px;}


textarea.message {padding:5px 0 0 10px!important;padding:0; margin:0 0 0 20px;height:45px;display:block; background:transparent;border:0;overflow:inherit;}



button.sub {width:74px; height: 29px; padding:0; background:transparent; border:0; font: 20px helvetica, arial; color:#fff; position:relative; top:0;left:0;}

#buttons button.sub span {display:none;}

/* ---------------- Leftside Classes ----------------- */

.text {background: transparent; width: 310px!important; width:250px; height:262px;}

.text p {padding: 30px 0 0 5px; color: #333;width:300px!important;width:300px;}

.ctext {padding: 30px 0 0 20px; color: #333;width:300px!important;width:250px;}

.largetext p {padding: 30px 0 0 5px; color: #333;width:590px!important;width:590px;}

.largetext ul {list-style-position:inside;list-style:circle;padding: 0px 0 0 20px;}

.largetext ul li {padding: 5px 0 0 10px;}


/* ---------------- Links Classes ----------------- 

#footercontainer .one ul li.pdflist a, li.callist a, li.list a {text-decoration:none; color:white; font-family:helvetica, arial, trebuchet;clear:left;font-size:1em;}*/

a {text-decoration:none; font-family:helvetica, arial, trebuchet;clear:left;font-size:1.4em;color: #BA1E7B;}

.swirl {width:110px;height:136px; background: transparent url('images/combined.png') -650px -370px no-repeat;}

a:hover {text-decoration:none; color:purple; font-family:helvetica, arial, trebuchet;}

a.nav span.swap img:hover {background: transparent url('images/fancyswirlsmallhearthover.png') bottom center no-repeat!important; background: transparent url('images/fancyswirlsmallhearthover.gif') top left repeat-x;width:110px; height:136px;}

a.nav span.swap img.over {background: transparent url('images/fancyswirlsmallhearthover.gif') top left repeat-x;width:110px; height:136px;}


a.pdfbutton {background:transparent url('images/pdfbutton.png')0% 0% no-repeat; width:250px; height:38px;position:absolute;top:310px!important;top:330px;left:230px!important;left:200px;padding:5px 0 0 22px;font-size:1.2em;}


a.pdfbutton:hover {background:transparent url('images/pdfbuttonhover.png')top left no-repeat; width:250px; height:38px;}

#footerdetails p a img{text-decoration:none;}

/* ----------------- List Classes ---------------- */

#rightsidemain ul {padding:15px 0 0 0}

li.header {font-size:1.8em;color: #E4FFB1;list-style:none;padding:0 0 15px;}

li.callist {font-size:1em;color: #E4FFB1;list-style:none;background: transparent url('images/ical.png') top left no-repeat;padding:0 0 0 30px;line-height:30px;}

li.callist a, li.pdflist a, li.list a {color: #fff;font-size:1em;}

li.callist a:hover, li.pdflist a:hover, li.list a:hover {color:#000;}

li.list {font-size:1em;color: #E4FFB1;list-style:none;border-bottom:1px dashed #E4FFB1;line-height:48px;}

li.pdflist {font-size:1em;color: #E4FFB1;list-style:none;background: transparent url('images/file_pdf.png') top left no-repeat;padding:0 0 0 50px;line-height:48px;}



li.month {font-size:1.4em;color: #BA1E7B;list-style:none;padding:5px 0 5px 0;}

li.wksp {font-size:1em;color: #6F3056;list-style:none;padding:0 0 0 40px;}

li.rhbold {font-weight:bold; font-size:1.0em; color:#5F4756; list-style:none; padding:5px 0;}

/* ----------------Miscellaneous Classes ----------------- */

.affirm {font:italic  900 20px georgia, arial, helvetica, tahoma; position: relative; top:50px; left:90px; width:300px;height:80px;color:#9F8B93;text-align:center;}

.bold {font-weight:bold;}

.centre {text-align:center;}

p.flinks {background: transparent url('images/forward.gif') 0% 20% no-repeat;padding:0 0 0 20px; }

.floatl {float:left;}

h5 {font-size:x-large;color:#DFF4FF;}

img.heartsp {position:absolute;z-index:10;left:340px!important;left:370px;top:200px!important;top:240px;margin:0;padding:0;}

.indent {padding:0 0 0 62px;}

.month {color:#BC2081;}

.photo {float:right;padding:60px 30px 0 0!important;padding:30px 5px 0 0;}

.phonepage {color:#BC2081;font-size: 1.3em;}

.smindent {padding:0 0 0 100px;color:#547F4F;font-size:0.7em;text-transform:uppercase;font-weight:bold;}

/* ---------------- Navigation Classes ----------------- */

.navbutton {width:180px; height:150px;display:block; float:left; font-size:1.0em;padding:0 0 0 5px;}

p a.nav img {padding:0 10px 10px;}

p a.navtitles {padding:0 65px;}

a.mail {border:0; padding:0 0 20px 0;}

a.links {padding: 5px 0 20px 20px;display:block;}
/* ---------------- Testimonial Classes ----------------- */

.opinions {}

.textname {font-style:italic; color:#6F3056;padding: 0 0 15px 0;text-align:right;display:block;}

.textop {background: transparent url('images/heart2.png') no-repeat top left; width: 200px;  padding: 10px 0 0 50px;}

/* ----------------- Images Overlay classes ----------------- */

img.thumbs {border:3px solid #fff;}

img.owl {float:right;top:-170px!important;top:850px;right:0%!important;left:10%!important;left:60%;position:relative!important;position:absolute;}

img.logoowl {float:left;}

/* ----------------- Shop Images classes ----------------- */

.cart {text-align:right;width:600px;}

img.shop {width:100px;height:100px; border:1px solid #FF5FBC; float:right;padding:10px;margin:5px 0 0 0;}

.shoppage {width:auto; height:auto; margin:0 20px 0 0px;}

.frame {width:250px; margin:0 20px 20px;background:transparent;border:1px dashed #fff;padding:10px;float:left;}

.left {float:left;width:150px}



.shoptext {font-size:large; color:#2B5F29;vertical-align:top;display:block;margin:0 0 10px 0;text-align:center;}

.price {clear:both;color:#BA1E7B;font-size:x-large; text-align:right;}

.shopinfo {margin:20px 0; color:#222; }

.shopbutton {margin:20px auto; color:green;clear:both;text-align:center;}

img.shopthis {float:right;}

.clear {clear:both;position:relative;height:20px;}

.item1 {width:100px; height:160px;background: url('images/shop.jpg') -8px -8px; float:right;}

.item2 {width:100px; height:160px;background: url('images/shop.jpg') -118px -8px; float:right;}

.item3 {width:100px; height:158px;background: url('images/shop.jpg') -226px -8px; float:right;}

.item4 {width:99px; height:155px;background: url('images/shop.jpg') -336px -8px; float:right;}

.item5 {width:100px; height:156px;background: url('images/shop.jpg') -445px -8px; float:right;}

.item6 {width:99px; height:155px;background: url('images/shop.jpg') -554px -8px; float:right;}

.item7 {width:100px; height:140px;background: url('images/shop.jpg') -665px -8px; float:right;margin:0 0 20px 0}

.item8 {width:100px; height:135px;background: url('images/shop.jpg') -8px -174px; float:right;}

.item9 {width:100px; height:140px;background: url('images/shop.jpg') -118px -174px; float:right;}

.item10 {width:98px; height:130px;background: url('images/shop.jpg') -226px -177px; float:right;margin:0 0 40px 0}

.item11 {width:100px; height:144px;background: url('images/shop.jpg') -336px -174px; float:right;}

.item12 {width:100px; height:141px;background: url('images/shop.jpg') -445px -174px; float:right;margin:0 0 20px 0}

.item13 {width:100px; height:141px;background: url('images/shop.jpg') -553px -175px; float:right;margin:0 0 20px 0}

.item14 {width:100px; height:141px;background: url('images/shop.jpg') -665px -175px; float:right;}

.item15 {width:100px; height:85px;background: url('images/shop.jpg') -8px -322px; float:right;}