/* Avari Skin Therapy website CSS - Copyright Instyle Web Design 2007 */

body {
	background: #FAFAF1;
	text-align: center;
}

	.clear {
		clear: both;
	}

/* Main Links */

a:link, a:visited {
	color: #C4776C; /* Dusty Pink */
	text-decoration: underline;
}

a:hover, a:active {
	color: #C4776C; /* Dusty Pink */
	text-decoration: none;
}

h1 {
	font-size: 140%;
	font-weight: bold;
	color: #C4776C;
}

#mainContainer {
	width: 740px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	background: #FAFAF1
}

#banner {
	height: 84px;
	width: 740px;
}

#logo {
	float: left;
	height: 71px;
	width: 208px;
}

#slogan {
	float: left;
	margin-left: 4px;
	background-color: #FFF;
	height: 49px;
	width: 525px; /*532px exactly*/
	border: 1px solid #F7F4E8;
	text-align: center;
}

#mainMenu {
	clear: both;
	height: 26px;
	width: 740px;
	color: #757A80;
	background-color: #757A80;
}
	
#midContainer {
	float: left;
	width: 740px;
	background-color: #FFF;
	color: #787360;
	font-size: 100%;
}
	/* STYLES FOR MAIN INDEX.HTML PAGE*/
	#featureContainer {
		float: left;
		width: 177px;
		padding-top: 4px;
		padding-bottom: 4px;
	}
			
			#featureInfo {
				background: #E0DFD4 url(../images/quotesOpen.gif) no-repeat top left;
				height: 127px;
				padding: 20px 20px 0 20px;
				margin-top: 4px;
				margin-bottom: 0;
			}
			
			#featureInfo p {
				line-height: 1.5;
			}
			
			#quote {
				height: 26px;
				background: #E0DFD4 url(../images/quotesClose.gif) no-repeat bottom right;
				padding-top: 0;
				margin-top: 0;
			}
	
	#midContent {
		float: left;
		width: 375px;
	}
	
	#productRange {
		float: left;
		width: 170px;
		padding: 50px 0 0 0;
	}
	
/* END INDEX.HTML PAGE MARKUP*/	

/* CONTENT PAGES OTHER THAN INDEX.HTML */
	
	#content {
		float: left;
		width: 480px;
		padding: 20px 40px 20px 40px;
		line-height: 1.3;
	}
	
	#menu2 {
		background: #E0DFD4;
		margin-top: 4px;
	}
	
	#menu2 ul {
		list-style-image: url(../images/bullet.gif);
		padding: 0 3px 10px -3px;	
		margin-top: 0;
		margin-bottom: 0;
	}
	
	#menu2 li {
		padding: 0 0 3px 0;
		margin: 5px 0 3px 0;
	}
	
	#menu2 a:link, #menu2 a:visited {
		color: #757A80;
		text-decoration: underline;
	}
	
	#menu2 a:hover, #menu2 a:active {
		color: #505357;
		text-decoration: none;
	}
	
/* END CONTENT SUB PAGE MARKUP*/		
	

	

/* Content Headings*/

	h1 {
		font-size: 140%;
		font-weight: bold;
		color: #C4776C;
	}
	
	h2 {
		font-size: 120%;
		font-weight: bold;
		color: #787360;
		margin-bottom: 0;

	}
	
	h3 {
		font-size: 100%;
		font-weight: bold;
		color: #787360;
		margin-bottom: 0;
	}
	
	#content p {
	 	padding: 0 10px 0 0;
		margin: 0 0 10px 0;
		line-height: 1.3;
	}
	
	#content p.highlight {
		border: dashed #ECDABF 1px;
		padding: 10px;
		margin: 10px 0 10px 0;
		background: #FAF9ED;/*F9F8EC*/
	}
	
		#content p.indent {
		padding-left: 10px
	}
	
	hr {
		width: 90%;
		margin: 0 20px 0 20px;
		color: #78A32E;
	}
	
	.imgFloatLeft {
		float: left;
		padding: 0 10px 0 0;
	}
	
	.imgFloatRight {
		float: right;
		padding: 0 0 0 10px;
	}
	
	/* correct IE 5.5 font size in tables */
	
	table { 
		font-size: 100%; 
	}
	
	
	#content ul {
		list-style-image: url(../images/bullet_content.gif);
		padding: 0 3px 10px -3px;	
		margin-top: 0;
		margin-bottom: 0;
		
	}
	
	#content li {
		padding: 0 0 0 0;
		margin: 5px 0 3px 0;
	}
	
	/* Form styles */

/*	fieldset {
	 	width: 400px;
		padding: 0 20px 0 20px;
		margin: 0 0 10px 0;
		border: none;
	}
	
	legend {
		font-size: 85%;
		color: #564218;
		font-weight: bold;
		padding-bottom: 10px;
	}
	
	label {
		float: left;
		width: 10.5em;
		padding-right:0
	}
	
	label.admin {
		float: left;
		width: 7em;
		padding-right:0
	}*/
	
	.required {
		color: #760000;
		font-size: 1em;
		font-weight: bold;
	}
	
	.normal {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #333333;
	}

/*	input.checkbox {
		width: auto;
		margin-left: 72px;
	}

	
	.checkbox {
		width: 2em;
		float: none;
		padding-right: 1em;
	}
	
	.checkboxLabel {
		width: 50em;
	}
	
	input.enquiry {
		margin-left: 100px;
	}
	
	label.enquiries {
		float: left;
		width: 100px;
		padding-right:0;
	}*/

	.smlTxt {
		font-size: 90%;
	}


#feature {
	width: 180px;
	float: left;
	color: #333;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	padding-top: 20px;
}

	#emailNews {
		background: #FFF url(../images/emailNews_bg.gif) top left repeat-y;
		margin: -3px 10px -3px 0;
	}
		
		#emailNews p {
			font-size: 70%;
			margin: 0;
			padding: 10px;
		}


#footerMenu {
	background-color: #757A80;
	clear: both;
	text-align: center;
	height: 24px;
}

	#footerMenu p {
		padding: 5px 5px 5px 10px;
		font-size: 90%;
		font-family: Arial, Helvetica, sans-serif;
		color: #A3A6A3;
	}
	
		/* Footer Links */
		
		#footerMenu a:link, #footerMenu a:visited {
			color: #DCDCD4; /* Light gregy */
			text-decoration: none;
		}
		
		#footerMenu a:hover, #footerMenu a:active {
			color: #FFF; /* White */
			text-decoration: underline;
		}
		/* end footer links */
		
#footer {
	text-align: center;
	font-size: 90%;
	clear: both;
}

	#footer p {
		font-family: Arial, Helvetica, sans-serif;
		color: #A3A6A3;
		padding: 5px 0 0 0;
		margin: 0;
	}