/*
	Theme Name: Therapeutic Grace
	Theme URI: www.therapeuticgrace.com
	Description: Therapeutic Grace - A non-invasive approach to health care with massage therapy by Juli Conard in Port Perry Ontario
	Version: 1.0	
	Author: ITSaDESIGNTHING.COM
	Author URI: http://www.itsadesignthing.com/
*/

/********************
 STYLES FOR THE GLOBAL RESETS
********************/

* {outline:none; margin:0; padding:0}
a img {outline:none; border:none}
a:active {outline: none}
a:focus {-moz-outline-style: none}
.clear { clear:both;}


/********************
 GENERAL GLOBAL STYLES
********************/

body, html {
	width:100%;
	height:100%;
	background:#958976;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#333;	
	}

h1 {
	font-family: Georgia, serif;
	color:#ffffff;
	font-size:26px;
	line-height:20px;
	font-weight:normal;
	}
h2{
	font-size:17px;
	padding:5px 0 0 0;
	margin:0px 5px 5px 0;
	line-height:18px;
	font-weight:Normal;
	color:#611427;
	background: url(../images/bg_header.gif) repeat-x;
	height:23px;
	}
#wellness_content h2{
	font-size:17px;
	padding:10px 0 0 0;
	margin:0;
	line-height:18px;
	font-weight:Normal;
	color:#611427;
	background: none;
	height:auto;
	border-top: 1px dashed #DEDCC7;
		}	
p.author{
font-weight:bold;
}

	#wellness_content ul{
		list-style-type:circle;
		margin:8px 0 8px 0;
		}	
	#wellness_content li{
		background:url(../images/bullet2.gif) no-repeat;
		
		padding: 0 0 0 25px;
		line-height:17px;
		display:block;
		}	
	
.col1 h2{
	margin:0px 20px 5px 0;
	line-height:18px;
	}	
h3 {
	font-size:15px;
	margin:0 0 5px 0;
	padding:0px;
	line-height:17px;
	font-weight:bold;
	}
h4 {
	font-size:12px;
	margin:0 0 5px 0;
	font-weight:bold;
	}	
p {
	margin-bottom:10px;
	font-size:12px;
	font-weight:normal;
	}
a:link, a:active, a:visited {
	text-decoration:underline;
	color:#333;
	}

a:hover {
	text-decoration:none;
	color:#611427;
	}
	
 dl {margin:0 0 3px 0 } 
 dt { float: left; clear: left; width: 180px; } 
 dt:after { content: ":"; } 

#wellness_content dl {margin:0 0 15px 0 } 
#wellness_content  dt { 
	font-size:17px;
	line-height:18px;
	color:#611427;
width: 140px; 
float:left; 
border-top: 1px dashed #DEDCC7;
margin:10px 0 0 0;
padding: 15px 10px 0 0;

 } 
#wellness_content  dd { 
width: 270px; 
float:left;
margin:10px 0 0 0;
padding: 15px 0 0 0;
border-top: 1px dashed #DEDCC7 ;

} 
#wellness_content  dt:after { content: ""; } 
 
 .txt_caption{
	font-size:11px;
	color:#958976;
	width:220px;
 	}
 
a.download{
	 padding:10px;
	 margin:5px 15px 10px 0;
	 border: solid #bab9a6 1px;
	 background:#f7f7f4;
	 color:#611528;
	 font-weight:bold;
	 font-size:15px;
	 float:right;
	text-decoration:none;
	 }
.col1 a.download{
	 padding:10px;
	 margin:5px 0 5px 0;
	 border: solid #bab9a6 1px;
	 background:#f7f7f4;
	 color:#611528;
	 font-weight:bold;
	 font-size:15px;
	 float:left;
	 width:195px;
	text-decoration:none;
	 }	 
	a.download:hover{
		background:#bab9a6;
		border: solid #abaa9a 1px;
		text-decoration:none;
	}
	.download em{
		font-size:10px;
		color:#333;
		font-weight:normal;
	}

 
 /********************
 CONTENT WRAPPERS
********************/

#MainWrapper{
	width:934px;
	margin:0 auto;
	background:url(../images/bg_rep.jpg) top repeat-y;
	
	}

#header{
	background:url(../images/bg_header.jpg) top no-repeat;
	width:934px;
	height:152px;
}

.contentArea{
	background:url(../images/bg_contentArea.jpg) no-repeat;
	width:934px;
	min-height:200px;

	}

.col1{
	float:left;
	padding:0 0 0 120px;
	width:240px;
	}
.col2{
	float:left;
	padding:0 90px 0 9px;
	width:460px;	
	}
	.col2 ul{
		list-style:none;
		margin:8px 0 8px 0;
		}
	.col2 li{
		background:url(../images/bullet.gif) no-repeat;
		padding: 0 0 0 25px;
		line-height:17px;
		display:block;
		}
	 
	.col2 img{
		border: solid 1px #958976;
		float:left;
		margin:0 10px 5px 0;
		}

#home_page .col2 img{
border:none;
}
#home_workshops .col2 img{
border:none;
}
#home_exhibitors .col2 img{
border:none;
}

#wellness_content{
background:#f7f7f4;
}

#wellness_content .col1{
width:160px;
padding:20px 0 0 15px;
float:left;
}
#wellness_content .col1 p{
font-size:11px;
}
#wellness_content .col2{
width:250px;
padding:10px 15px 0 0;
float:right;
}
#wellness_content .col3{
width:427px;
padding:10px 15px 0 0px;
float:right;
}
.txt_red{
color:#5E1528;
}

#wellness_footer{
background:#5E1528;
height:31px;
color:#fff;
text-align:center;
}
.caption_txt{
font-size:9px;
text-transform:uppercase;
line-height:31px;
}

#practitioners-page .col1{
	float:left;
	height:auto;
	padding:0 0 0 120px;
	width:215px;
	}
#practitioners-page .col2{
	float:left;
	padding:0 30px 0 30px;
	width:215px;
	}
#practitioners-page .col3{
	float:left;
	padding:0;
	width:215px;
	}
#contact-direction-page .col1{
	float:left;
	margin:0 0 0 120px;
	padding:0;
	width:470px;
	}
#contact-direction-page .col2{
		float:left;
		width:230px;
		margin:0 5px 0 5px;
}
	#contact-direction-page .smalltxt{color:#958976; font-size:11px; font-weight:bold;margin:0; padding:0px }
	#contact-direction-page dl {margin:0; color:#958976; font-size:11px } 
	#contact-direction-page dt { float: left; clear: left; width: 60px; color:#958976; font-size:11px } 
	#contact-direction-page dt:after { content: ":"; }

	
#footer_bar{	
	background:url(../images/bg_footer.jpg) no-repeat;
	width:934px;
	height:47px;
	padding:75px 0 0;
	color:#6a6a61;
	font-size:10px;
	}
	#footer_bar .colLeft{
		padding:0 0 0 80px;
		float:left;
		width:400px;
		height:10px;
		}
	#footer_bar .colRight{
		padding:0 100px 0 0;
		width:340px;
		float:right;
		height:10px;
		text-align:right;
		}
	#footer_bar a{
		color:#6a6a61;
	}
	#footer_bar a:hover{
		color:#333;
	}
		

/********************
 Main Menu
********************/

#navigation{padding: 120px 0 0 90px;}
#navigation ul{list-style: none;}
#navigation li{display: inline;margin: 0 20px 0 0;}
#navigation a{color:#1d2326; 	text-decoration:none;}
#navigation a:hover{color:#611427;	text-decoration:underline;}
#navigation li.current-page a{color:#611427;}
 
/********************
 Workshop Menu
********************/

#wellness_menu{background:#5E1528; line-height:20px; color:#fff; padding:0 0 0 10px;}
#wellness_menu p{margin:0px;}
#wellness_menu ul{list-style: none; margin:0px;}
#wellness_menu li{background: none;display: inline; margin: 0; padding:0;}
#wellness_menu a{color:#f7f7f4;  background:#5E1528; text-decoration:none;padding:8px 8px 3px 8px;}
#wellness_menu a:hover{color:#333333;  background:#f7f7f4;	text-decoration:none; padding:8px 8px 5px 8px;}
#wellness_menu li.current-wellness-page a{color:#333333;background:#f7f7f4; padding:8px 8px 5px 8px;}
 
/********************
 SERVICES MENU
********************/

#service_menu{
	height:90px;
	list-style: none;	
	margin: 0 0 0 236px;
	}
	#service_menu li { display: inline;}
	#service_menu li a {display: block; float: left; height: 83px; text-indent:-9999px;}
	#service_menu li a.massage {width: 175px; background: url(../images/s_massage.gif) no-repeat;}
	#service_menu li a.therapy {width: 225px; background: url(../images/s_therapy.gif) no-repeat; }
	#service_menu li a.reiki {width: 212px; background: url(../images/s_reiki.gif) no-repeat;		}
	#service_menu li a:hover, #service_menu li a:focus, #service_menu li.current-sub-page a{background-position: 0 -83px;}

	
/********************
FORM STYLES
********************/
	
label{
	float: left;
	color:#333333;
	margin: 0 0 2px 0;
	}
input, textarea{
	width: 95%;
	margin-bottom: 5px;
	padding:2px;
	background:#c7c3ae;
	border: none;
	font-size:11px;
	line-height:14px;
	color:#333333;
	}
textarea{
	width: 95%;
	height: 100px;
	}
.boxes{
	width: 1em;
	}
#submitbutton a{
	margin-top: 5px;
	width: 96.5%;
	}
#submitbutton a:hover{
	margin-top: 5px;
	width: 96.5%;
	color:#fff;
	}	
br{
	clear: left;
	}
.formtext{
	text-transform:uppercase;
	font-size:10px;
	padding: 0 0 0 5px;
	color:#514c43;
	}