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

html, body {
height: 100%;
background-image:url(images/background_natural.jpg);
background-repeat:repeat;
padding:0;
margin:0;
}

#wrapper {
	left: 50%;
	width: 1024px;
	margin-left: -512px;
	border:hidden;
	z-index: 1;
	height: 800px;
	min-height: 100%;
	position: relative;
	top: -20px;
}


/*---------Homepage Styles--------------*/

#logo {
	position:absolute;
	width:342px;
	height:151px;
	top: 0px;
}

#bookbanner {
	position:absolute;
	left:752px;
	width:238px;
	height:29px;
	top: 80px;
	z-index: 99;
}
#mainimagery{
	position:absolute;
	top:164px;
	width:663px;
	height:157px;
	background-image:url(images/hero-bg.jpg);
	background-repeat:no-repeat;
	z-index:1;
	left: 22px;
	padding:150px 20px 0 20px;
	text-align:right;
}

#locations-hp{
	position:absolute;
	top:213px;
	width:253px;
	height:225px;
	z-index:1;
	left: 746px;
}

.locations li{
	line-height:34px;	
}

#services-header{
	position:absolute;
	top:506px;
	width:255px;
	height:32px;
	z-index:4;
	left: 53px;
	text-align:center;
}

#services-hp{
	position:absolute;
	top:534px;
	width:251px;
	height:173px;
	z-index:4;
	left: 32px;
	background-image:url(images/services-bg.png);
	background-repeat:no-repeat;
	padding:15px 50px 0 35px;
}

#apoth-header{
	position:absolute;
	top:506px;
	width:323px;
	height:32px;
	z-index:4;
	left: 382px;
	text-align:center;
}

#apothecary-hp{
	position:absolute;
	top:553px;
	width:389px;
	height:171px;
	z-index:4;
	left: 355px;
	background-image:url(images/products.jpg);
	background-repeat:no-repeat;
}

#email-header{
	position:absolute;
	top:506px;
	width:189px;
	height:32px;
	z-index:4;
	left: 759px;
	text-align:left;
}

#email-hp{
	position:absolute;
	top:534px;
	width:246px;
	height:171px;
	z-index:4;
	left: 759px;
}


#footer {
	height: 30px;
	background-color:#3c2313;
	width:auto;
	padding:10px 0 10px 0;
	text-align:center;
	margin:0 auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#ffffff;
}

#footer a {
	color:#ffffff;
}

.clearfooter {
height: 30px;
clear: both;
}

/*---------Wrappers--------------*/

#wrapper-services {
	left: 50%;
	width: 1024px;
	margin-left: -512px;
	border:hidden;
	z-index: 1;
	height: 1930px;
	min-height: 100%;
	position: relative;
	top: -20px;
}

#wrappercontact {
	left: 50%;
	width: 1024px;
	margin-left: -512px;
	border:hidden;
	height: 1000px;
	min-height: 100%;
	position: relative;
	top: -20px;
}

#wrapperabout {
	left: 50%;
	width: 1024px;
	margin-left: -512px;
	border:hidden;
	height: 1365px;
	min-height: 100%;
	position: relative;
	top: -20px;
}

#wrapperspecial {
	left: 50%;
	width: 1024px;
	margin-left: -512px;
	border:hidden;
	z-index: 1;
	height: 1040px;
	position: relative;
	top: -20px;
}

#maincontentsubpage{
	position:absolute;
	top:164px;
	background-image:url(images/subpagebg.png);
	z-index:1;
	padding:0 80px 0 350px;
	height: 860px;
}

#maincontent-services{
	position:absolute;
	top:164px;
	background-image:url(images/subpagebg.png);
	z-index:1;
	padding:0 80px 0 350px;
	height: 1750px;
}

#maincontentcontact{
	position:absolute;
	top:164px;
	background-image:url(images/subpagebg.png);
	z-index:1;
	padding:0 80px 0 350px;
	height: 819px;
	width: 595px;
}

#maincontentabout{
	position:absolute;
	top:164px;
	background-image:url(images/subpagebg.png);
	z-index:1;
	padding:0 80px 0 350px;
	height: 1195px;
}

/*---------------SIDEBAR------------------*/

#sidebar {
	position:absolute;
	top:260px;
	width:240px;
	height:404px;
	background-image:url(images/sidebar-bg.gif);
	background-repeat:repeat-y;
	z-index:2;
	left: 55px;
}

.sidebar-heading{
	background-image:url(images/sidebar-hding.png);
	background-position:top;
	background-repeat:no-repeat;
	width:240px;
	padding:5px;
	margin-top:10px;
	text-align:center;
	font-family: Helvetica, Arial, Sans-serif;
	font-size:16px;
	color:#ffffff;

}

.sidebar-section{
	padding:8px 10px 0 20px;
	font-family: Helvetica, Arial, Sans-serif;
	font-size:13px;
	color: #3c2313;
	line-height:18px;

}

#sidebar-services {
	position:absolute;
	top:443px;
	width:351px;
	height:636px;
	background-image:url(images/tree.png);
	background-repeat:no-repeat;
	z-index:2;
	left: 0;
}

#photorachel {
	position:absolute;
	top:654px;
	width:302px;
	height:357px;
	background-image:url(images/Rachel_Pic.jpg);
	background-repeat:no-repeat;
	z-index:3;
	left: 25px;
	text-align:center;
}


/***********NAVIGATION*****************/
#navigation{
	position:absolute;
	height: 56px;
	left:350px;
	width: 653px;
	bottom: 0px;
	top: 74px;
	text-align:left;
	z-index: 8;
}

#navigation ul {
margin: 0px;
padding: 0 20px;
font-family:Verdana, Geneva, sans-serif;
font-size:16px;
line-height: 62px;
white-space: nowrap;
}

#navigation li {
list-style-type: none;
display: inline;
font-family:Verdana, Geneva, sans-serif;
font-size:16px;
}
#navigation li a {
text-decoration: none;
font-family:Verdana, Geneva, sans-serif;
font-size:16px;
color: #3c2313;

}

#navigation li a:hover {
background-image:url(images/nav_active.png);
background-repeat:repeat;
color: #3c2313;
height:18px;
}

/********TYPOGRAPHY*******************/

p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#3c2415;	
	line-height:17px;
}

p a:link, p a:visited, p a:hover{
		color:#738d20;
}


.service {
	margin-left:20px;
	line-height:20px;
}

h1, h2, h3, h4, h5, h6{
	color:#738d20;
	font-weight:normal;
	display:block;
	margin:5px 0;

}

h1{
	font-size:40px;
	line-height:25px;
	color:#738d20;
	font-family: SenseBold, Helvetica, Sans-serif;
	font-weight:normal;
}

h2{
	font-size:28px;
	line-height:35px;
	color:#738d20;
	font-family: SenseMedium, Helvetica, Sans-serif;
}

h3{
	font-size:24px;
	color: #3c2313;
	margin-bottom:-15px;
	font-family: SenseMedium, Helvetica, Sans-serif;
}

h4{
	font-size:18px;
	color: #3c2313;
	margin-bottom:-15px;
	font-family: SenseMedium, Helvetica, Sans-serif;
}

.herosub{
	font-family:Tuffy, Helvetica, Arial, Sans-serif;	
	color: #3c2313;
	font-size:24px;
	margin-right:20px;
	margin-top:-5px;
	line-height:3px;
}

.heading-hp{
	font-size:18px;
	color: #3c2313;
	font-family: SenseMedium, Helvetica, Sans-serif;
	}
	
.heading-link, .heading-link a{
	font-family: SenseMedium, Helvetica, Sans-serif;
	color:#738d20;
	font-size:13px;
	text-decoration:underline;
	}
	
.service-section{
	font-size:16px;
	color: #3c2313;
	font-family: SenseMedium, Helvetica, Sans-serif;
}

.link{
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#738d20;
	font-weight:bold;
	
}

@font-face {
    font-family: 'SenseBold';
    src: url('fonts/Sense_Bold-webfont.eot');
    src: url('fonts/Sense_Bold-webfont.eot?iefix') format('eot'),
         url('fonts/Sense_Bold-webfont.woff') format('woff'),
         url('fonts/Sense_Bold-webfont.ttf') format('truetype'),
         url('fonts/Sense_Bold-webfont.svg#webfont5PqDwtb2') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SenseMedium';
    src: url('fonts/Sense_Medium-webfont.eot');
    src: url('fonts/Sense_Medium-webfont.eot?iefix') format('eot'),
         url('fonts/Sense_Medium-webfont.woff') format('woff'),
         url('fonts/Sense_Medium-webfont.ttf') format('truetype'),
         url('fonts/Sense_Medium-webfont.svg#webfontdRTftAAt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TuffyRegular';
    src: url('fonts/Tuffy-webfont.eot');
    src: url('fonts/Tuffy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Tuffy-webfont.woff') format('woff'),
         url('fonts/Tuffy-webfont.ttf') format('truetype'),
         url('fonts/Tuffy-webfont.svg#TuffyRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}