@charset "utf-8";
/* CSS Document */

/* 1. Containers / body
/* 2. Site DIV components
/* 3. Fonts, links etc.

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 1. CONTAINERS / BODY
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

body {
	background-color:#FFFFFF;
	margin: 0; 
	padding: 0;
	text-align: left; 
	}

.southLondonReflexology #container {
	position:relative;
	width: 1000px; 
	margin: 0 auto;
	padding:0;
	background: none;
	border: 0;
	text-align: left;
	height:100%;
	
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 2. SITE DIV COMPONENTS
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

.southLondonReflexology #title {
	width:1000px;
	height:195px;
	background-image:url(../images/backgrounds/title.JPG);
	background-repeat:no-repeat;
	background-position:top left;
}

.blockTop {
	position:relative;
	padding:0 30px;
	width:940px;
	height:40px;
	background-image:url(../images/backgrounds/block_top.PNG);
	margin-top:-25px;
}

.blockMiddle {
	position:relative;
	padding:0 30px;
	width:940px;
	height:auto;
	background-image:url(../images/backgrounds/block_middle.PNG);
	background-repeat:repeat-y;
}

.blockBottom {
	position:relative;
	padding:0 30px;
	width:940px;
	height:40px;
	background-image:url(../images/backgrounds/block_bottom.PNG);
	text-align:center;
	
}

.bigLeaf {
	margin-left:-35px;
	margin-bottom:-70px;
}

.floatLeft {
	float:left;
	margin: 0 10px 5px 0;
}

.floatRight {
	float:right;
	margin: 0 0 0 15px;
}

.menuBar {
	float:right;
	margin-top:130px;
	width:809px
}

.menuItem {
	float:left;
	margin:0 4px;
}

.clear {
	width:1000px;
	clear:both;
	height:1px;
}

.col {width:290px; float:left}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 3. FONTS, LINKS, ETC.
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

h1 {font-family:Arial, sans-serif; font-weight:100; color:#44623a; font-size:28px; margin-top:0}
h2 {font-family:Arial, sans-serif; font-weight:100; color:#000000; font-size:17px; font-weight:bold; margin-top:0}
h3 {font-family:Arial, sans-serif; font-weight:100; color:#333333; font-size:24px; margin-top:0}
h4 {font-family:Arial, sans-serif; font-weight:bold; color:#005900; font-size:14px; margin-top:0}
h5 {font-family:Arial, sans-serif; font-weight:bold; color:#000000; font-size:14px; margin-top:0}

p {font-family:Arial, sans-serif; font-weight:100; color:#777; font-size:14px; margin-top:0}

a.menuButtons:link {font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#44623a; font-size:14px;}
a.menuButtons:visited {font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#44623a; font-size:14px;}
a.menuButtons:hover {font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#093; font-size:14px;}
a.menuButtons:active {font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#44623a; font-size:14px;}

a:link {font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#44623a; font-size:14px;}
a:visited {font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#44623a; font-size:14px;}
a:hover {font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#093; font-size:14px;}
a:active {font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#44623a; font-size:14px;}