/* CSS Document */

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */
html{
	font-size:100%;
	}

body{
	font-family: Tahoma,Arial,sans-serif;
/*	font-size: 62.5%;*/
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #333333;
	background-color: #A7D8CA;
	
	}
	
img{
border:0;
}

h1 {
	font-size: 1em;
	font-style: normal;
	color: #00ccff;
	line-height:1.5em;
	padding-bottom:0.7em;
}


h2 {
	font-size: 1.2em;
	line-height:1em;
	padding-bottom:0.8em;
	color: #009966;

}

h3 {
	font-size: 0.95em;
	line-height:1.3em;
	color: #99cc99;
	text-align: left;
	padding-bottom:0.8em;
	margin: 0px;

}



ul
{
font-size: 0.9em;
list-style:disc;
line-height:1.3em;
padding-bottom:0.8em;
margin: 0;
}


ul-1
{
font-size: 0.9em;
line-height:1.3em;
padding-bottom:0.8em;
margin: 0;
}




p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	text-indent: 0px;
	font-size:0.819em;
	color:#333333;
	line-height:1.5em;
	padding-bottom:1em;
	text-align:left;
}
/*---------------------------------------------------------------------------------*/
#container{
width:100%;
background-image: url("../assets/gfx-text-container-background.gif");
background-position:top;
background-repeat: repeat-y;
float: left;
margin:0;
padding:0;
}


#inner-container{
width:960px;
padding: 0;
margin-left: auto;
margin-right: auto;


}

#container-bottom{
width:100%;
height: 90px;
float: left;
margin-left: auto;
margin-right: auto;
background-color: #A7D8CA;

}








/*------headers---------------------------------------------------------------------------*/

#header-container{
width:900px;
margin:0;
padding:0 30px 0 30px;
background-position:top;
float:left;


}

#header-background{
width:572px;
height:182px;
margin:0;
padding:0;
background-image: url("../assets/gfx-banner-image.gif");
background-position:top right;
background-repeat:no-repeat;
float:right;


}




#logo{
width:302px;
height:86px;
padding: 30px 0 0 0;
margin: 0;
background-image: url("../assets/gfx-logo.gif");
background-position:bottom right;
background-repeat:no-repeat;
float: left;

}


#dotted-header-line{
width: 900px;
padding: 0;
margin-bottom:10px;
border-bottom: dotted 1px #A7D8CA;
float:left;

}




/*------links----------------------------------------------------------------------------*/


#links-container{
height:15px;
width:512px;
padding: 149px 0 0 30px;
margin:0;
float: left;

}


#links-container ul{
list-style: none;
height:100%;
padding: 0;
margin: 0;



}

#links-container li{
list-style: none;
padding:0;
margin: 0;
float:left;

}

#links-container li a:link, #links-container  li a:visited {
text-decoration: none;
display:block;
list-style: none;
color: #99cc99;
margin: 0;
padding: 4px 4px 0 0;




}

#links-container li a:hover, #links-container li a:active{
text-decoration: none;
display:block;
color: #0099cc;


}

.dividers{
color: #99cc99;
}





#body-link-text  a, #footer-text   a:visited {
color: #666666;
text-decoration: none;
 
}

#body-link-text  a:hover, #body-link-text  a:active{
color: #A7D8CA;
text-decoration: none;

}


#contact-text{
width: 100%;
margin-top: 20px;
float:left;
color: #666666;

}

#contact-text  a, #contact-text   a:visited {
color: #666666;
text-decoration: none;

}

#contact-text  a:hover, #contact-text  a:active{
color: #0099cc;
text-decoration: none;

}

.contact-title{
color: #0099cc;
}



/*------content home----------------------------------------------------------------------------*/

#text-container{
width:930px;
margin: 0;
padding: 0 0 0 30px;
text-align: left;
color: #333333;
margin-left: auto;
margin-right: auto;

}


#welcome-title{
width:500px;
height:30px;
background-image: url(../assets/gfx-title-welcome.gif);
background-position:top left;
background-repeat:no-repeat;
float: left;
padding: 0 0 25px 0;


}

#welcome-block{
width:500px;
margin: 0;
padding: 30px 0 32px 0;
text-align: left;
color: #333333;
float: left;

}


#massage-pic-home{
width:419px;
height:250px;
margin:  0 ;
padding: 30px 10px 0 0;
background-image: url("../assets/gfx-massage-pic-home.jpg");
background-position:bottom;
background-repeat:no-repeat;
float: left;

}



#thick-solid-line{
width: 961px;
border-bottom: solid 6px #A7D8CA;
float:right;

}





/*------main links home----------------------------------------------------------------------------*/

#main-links-container{
width:100%;
height: 100%;
background-image: url("../assets/gfx-footer-image.gif");
background-position:top;
background-repeat: no-repeat;
float: left;
margin:0;
padding:0;

}

#main-links-container-inner{
width:960px;
height: 211px;
font-size: 0.9em;
padding: 0;
margin-left: auto;
margin-right: auto;

}




#cranial-title{
width:248px;
height:60px;
background-image: url("../assets/gfx-title-cranial.gif");
padding: 0 0 10px 0;
background-position:top left;
background-repeat:no-repeat;
margin: 0;
float: left;


}


#cranial-block{
width:248px;
height:170px;
padding: 0 60px 41px 30px;
margin: 0;
float: left;

}


#living-yoga-title{
width:107px;
height:60px;
background-image: url("../assets/gfx-title-about.gif");
background-repeat: no-repeat;
padding: 0 0 10px 141px;
background-position:top left;
background-repeat:no-repeat;
float: left;

}

#living-yoga-block{
width:248px;
height:170px;
padding: 0 50px 41px 10px;
margin: 0;
float: left;


}

#raw-living-title{
width:144px;
height:59px;
background-image: url("../assets/gfx-title-living-therapies.gif");
background-repeat: no-repeat;
padding: 0 0 10px 141px;
background-position:top left;
background-repeat:no-repeat;
float: left;

}

#raw-living-block{
width:278px;
height:170px;
padding: 0 0 41px 0;
margin: 0;
float: left;


}



.more-link-container  a, .more-link-container   a:visited {
display: block;
height: 26px;
width: 66px;
overflow: hidden;
float:right;
margin-right: 5px;
 

}

.more-link-container  a:hover, .more-link-container  a:active{
display: block;
text-indent: -66px;
float:right;


}









/*------content pages----------------------------------------------------------------------------*/




#content-text-container{
width:900px;
margin: 0;
padding: 0 30px 25px 30px;
text-align: left;
color: #333333;
margin-left: auto;
margin-right: auto;

}



#title-container{
width:900px;
height:30px;
padding: 30px 0 30px 0;
background-position:top left;
background-repeat:no-repeat;
float: left;

}


#content-bottom-background{
width:100%;
height: 100%;
background-image: url(../assets/gfx-content-bottom-background.gif);
background-position:top;
background-repeat: no-repeat;
float: left;
margin:0;
padding:0;

}

#column-divider{
border-bottom: solid 1px #a0ab5f;
margin-top:10px;
margin-bottom:20px;
}

#column-left{
width:280px;
margin: 0px;
padding: 0 20px 0 0 ;
float: left;
font-size: 0.8em;
}

#column-centre{
width:280px;
margin: 0px;
padding: 0 20px 0 0 ;
float: left;
font-size: 0.8em;
}

#column-right{
width:300px;
margin:0;
float: left;
font-size: 0.8em;
}


#image-container{
width:150px;
padding: 6px 30px 0 0;
background-position:top left;
background-repeat:no-repeat;
float: left;

}

#image-container-2{
width:300px;
padding: 5px 30px 30px 0;
background-position:top left;
background-repeat:no-repeat;
float: left;

}


#image-container-3{
width:249px;
padding: 5px 30px 30px 0;
background-position:top left;
background-repeat:no-repeat;
float: left;

}



.dotted-line
{width: 900px;
padding: 0;
margin-bottom:10px;
border-bottom: dotted 1px #A7D8CA;
float:left;

}






/*------footer----------------------------------------------------------------------------*/


#footer-container{
width:100%;
height: 100%;
float: left;
margin:0;
padding:0;
background-color: #A7D8CA;

}

#footer-container-inner{
width:900px;
height:100%;
padding:0 30px 0 30px;
background-color: #A7D8CA;
margin-left: auto;
margin-right: auto;

}




#footer-line{
width: 900px;
padding:0;
margin:0;
border-bottom: dotted 1px #ffffff;
float:left;


}

#footer-text{
width: 900px;
font-size: 0.8em;
padding: 20px 0 0 0;
margin: 0px;
float:left;
color: #ffffff;


}

#footer-text  a, #footer-text   a:visited {
color: #ffffff;
text-decoration: none;
 
}

#footer-text  a:hover, #footer-text  a:active{
color: #cc0000;

text-decoration: none;

}

.komodo{
float:right;
margin-bottom: 20px;

}

.copyright{
float:left;

}