/*            
  ___ ___ ___ 
 / __/ __/ __|
| (__\__ \__ \
 \___|___/___/
              
================================================================
Global CSS file for Instant Creation #1
Created by:	Lorraine Humm lorraine@divine-creations.com
((List browsers test details here))
© Divine-Creations.Com Limited 2007			
================================================================
*/



body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	background-color: #fff;
	margin: 0px;
	}
	
/*-- TEXT CLASSES --*/
	
ul, ol {
	margin: 5px;
	}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	margin-top: 0px;
	padding-bottom: 5px;
	padding-top: 0;
	}
	
h2 {font-size: 110%; font-weight: bold; margin: 0; padding: 0;}
h3 {font-size: 100%; font-weight: normal; margin: 0 0 10px 0; padding: 0;}
h4 {font-size: 100%; font-weight: bold; margin: 0;  }

a, a:link, a:visited {
	color: #000;
}

/*-- MAST --*/
	
.mast {
	width: 100%;
	height: 110px;
	margin: auto;
	}
	
.mastAlign {
	width: 1000px;
	height: 130px;
	margin: auto;
	}
	
.mastLeft {
	float: left;
	padding: 30px 0 0 0;
	}

	
.mastRight {
	float: right;
	width: 320px;
	padding-top: 30px;
	text-align: left;
	}
.mastRight p {
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	letter-spacing: 0.1em;
	margin:0;
	padding: 0;
}
.mastRight p span {
	font-size: 1.2em;


}


/*-- COPY COLUMNS --*/


.contentCenter {
	margin: auto;
	width: 1000px;
	
	}
.content {
	float:left;
	width: 1000px;
	margin-top: 20px;
	}	
.left {
	width: 640px;
	float: left;
	margin: 0;
	padding: 0;
	}
	
.copy {
	width: 100%;
	padding-left: 20px;
	line-height: 1.5em;
	float: left;
}

.banner {
	width: 100%;
	background: url(../images/structure/needles.jpg) top left no-repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	height: 133px;
	float: left;
	margin-bottom: 20px;
}

	
.right {
	width: 320px;
	float: right;
	margin: 0;
	padding: 0;
	}
.bannerRight {
	width: 100%;
	height: 133px;
	float: left;
	margin-bottom: 20px;
	font-size: 30px;
	color: #999;
	line-height: 1.2em;
	text-align: center;
}
.complementary-therapy {
		float: left;
		text-align: center;
		width: 320px;
		
}
/*
==============================
FEATURES
==============================
*/
.featureWrap {
	width: 1000px;
	float: left;
}
.feature-one,
.feature-two,
.feature-three {
	width: 310px;
	background: #fff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #999;
}
.feature-one {
	float: left;
}
.feature-two {
	float: left;
}
.feature-three {
	float: right;
}

.feature-one img,
.feature-two img,
.feature-three img {
	float: left;
	padding: 0 7px 3px 3px;
	border: none;
}

/*
==============================
LIST COLUMN
==============================
*/

.listColumn {
		width: 280;
		float: left;
}
	
/*-- FOOTER --*/
	
.footer {
	float: left;
	width: 100%;
	height: 40px;
	margin-top: 20px;
	background: #508080;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color: #fff;
	text-align: center;
	line-height: 2.5em;
	}
	


.footer a, .footer a:link, .footer a:active, .footer a:visited {
	color: #fff;
	text-decoration: underline;
	}
	
.footer a:hover {
	color: #fff;
	background: #8ba9a9;
	text-decoration:none;
	}
	

/*links*/

html, body {
	height: 100%;
	margin: 0 0 1px;
	padding: 0;
	}
html {
	overflow-y: scroll;
}

.clear {clear: both;}