/* CSS Document */

/*general CSS for the site*/
body {
	position:relative;
	width:700px;
	margin-left:auto;
	margin-right:auto;
	top:20px;
	left:auto;
	right:auto;
	background-image:url(../images/pattern-01.png);
	background-repeat:repeat;
	font-family:Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size:10pt;
}

/* Background image and padding in the page content*/
#content {
	background-image:url(../images/bg.png);
	background-repeat:no-repeat;
	padding:20px 75px 20px 40px;
}
/* Taking care of the BG image and padding on the home page. */
#home {
	background-image:url(../images/bg_homepage.png);
	background-repeat:no-repeat;
	padding:20px;
	height:450px;
	text-align:left;
}
/* This takes care of the 3 photos on the home page, that simply refuse to cooperate */
#photos_home {
	position:relative;
	right:327px;
	top:120px;
}
#drTed_home {
	position:relative;
	top:18px;
	left:5px;
}

/* Taking care of the page height on therapies.html page. */
.therapies {
	height:800px;
}

/* Taking care of the page height on topics.html page. */
.topics {
	height:700px;
}

/*This here is a bit sloppy adjustment to the yoga.html page content to get more control over the pictures. Something like that should imho be created on every page sometime in the future. Yogapics groups the pictures, flies them all to the far right and adds small 10 px padding around it. The picCent centers the pictures inside and can be used later on in the site as well.*/

#yogapics {
	position:relative;
	bottom:50px;
	float:right;
	padding-left:10px;
	padding-right:10px;
}

.picCent {
	padding:8px;
}

/*Main menu bar*/
#menu {
	background-image:url(../images/menu_bg.png);
	text-align:center;
	padding:10px 75px 10px 40px;
}
/* Style for one single item on the menu bar - otherwise known as a button :) */
a.button {
	padding:0px 15px 0px;
}
#gallery {
}

/*Placement of the logo*/
#logo_ {
	left:0px;
	top:0px;
	width:700px;
	height:90px;
}

/*Styles for the footer*/
#footer {
}

/*Style for the menu links*/
a {
text-decoration:none;
color:#000000;
}

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

a:hover, a:active {
color: #b4965a;
}

/*Erasing the border of the image links*/
a img {
border:none;
}

/*Style for external links or mail addresses*/
a.web {
text-decoration: underline;
color: #330099;
}

a.web:visited {
color: #660033;
}

a.web:hover {
color: #b4965a;
}

a.web:link {
color: #330099;
}

/*Styles for the headlines*/
h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:28px;
font-weight:normal;
}

h2 {
font-size:14px;
font-weight:bold;
}

h3 {
font-size:medium;
line-height:0.5em;
}

/*This is for the indent on bio.html*/
p.biotxt {
	padding:0px 10px 0px;
}

#copyright {
font-size:9px;
padding-top:20px;
}

/*Styles for photos*/
.pics {
	float: right;
	margin-right:0px;
	margin-left:8px;
	margin-bottom:8px;
}

/*Captions under the pics on the therapy.html page */
.caption {
	position:relative;
	top:5px;
	text-align:center;
	font-weight:lighter;
	font-size:14px;
}
/*for a frame around the pics with 8 px edge*/
.frame { 
	padding: 8px;
	border: 1px solid #aaa;
}
/*This is about the pdfs on the intakeforms.html */
.pdfs {
	margin: 7px;
	border:none;
}
.pborder {
	padding: 0px;
	border: 1px solid #aaa;
	border-collapse:collapse;
}
.pcentered {
	position:relative;
	left:75px;
}
/*This is only for the map on contact.html since in firefox it clings to the footer, could be used elsewhere when site expands*/
.pics2 {
	float: right;
	margin-right:0px;
	margin-left:8px;
	margin-bottom:10px;
	margin-top:0px;
}
	
.pic_left {
	float:left;
	margin-right:8px;
	margin-bottom:8px;
}