/*Jo Rhodes Homepoathy CSS*/
/*////////////////////////////////////////////////////////////////////////////////      	Start of HTML ELEMENT STYLE */

*{
	margin			:0px;
	padding 		:0px;
}

img { 
	border			: 0 none; 
	behavior		: url("/apps/_libs/css/pngbehavior.htc");  
 
}

body {
	background:#083075 URL("../../../images/bg/the-bg.jpg") repeat-y top center;
	border		: 0px;  
	margin		: 0px; 
	padding		: 0px; 
	text-align	: center;
	font-family : Arial, Helvetica, sans-serif;
	font-size	: 1em;
}

/*////////////////////////////////////////////////////////////////////////////////      	TOTAL RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a,ins{text-decoration:none;}


/*////////////////////////////////////////////////////////////////////////////////      	Main Font Usage*/
h1{
	font-family		: Georgia, "Times New Roman", Times, serif;
	font-size		: 30px;
	line-height		: 35px;
	color			: #1F3270;
	padding-bottom:15px;
}


h2{
	font-family		: Georgia, "Times New Roman", Times, serif;
	font-size		: 20px;
	line-height		: 35px;
	color			: #1F3270;
	padding-bottom	:2px;
}

h3{
	font-family		: Georgia, "Times New Roman", Times, serif;
	font-size		: 15px;
	line-height		: 30px;
	color			: #009EDF;
	padding-bottom	:2px;
}

p{
	color			: #000000;
	font-family 	: Arial, Helvetica, sans-serif;
	font-size		: 14px;
	line-height		: 1.4em;
	padding-bottom:12px;
}

a{
	color			: #009EDF;
	font-weight		: normal;
	font-size:12px;
}
a:hover{
	color			: #1F3270;
	text-decoration:underline;
}
/*////////////////////////////////////////////////////////////////////////////////      	Start of ID STYLES */



.siteHolder{
	position		:relative;
	top				:0px;
	height			:auto;
	_height			:620px;
	min-height		:620px;
	width			:780px;
	margin			:auto;  /*centres the site*/ 
	margin-top		:0px;
	margin-bottom	:0px;
	padding			:0px;
	text-align		:left;
	z-index			:1;
}


#top-bar-holder{
	background		: URL("../../../images/bg/homeopathy-top-bar.jpg") no-repeat;
	height			: 121px;
	width			: 780px;
	margin-top		: 0px;
}

#top-bar-text  h1{
	margin-top		: 30px;
	margin-left		: 20px;
	float			: left;
	font-family		: Georgia, "Times New Roman", Times, serif;
	font-size		: 20px;
	line-height		: 25px;
	color			: #FFFFFF;	
	padding-bottom:0px;
}

#navigation-bg {
	background		: URL("../../../images/bg/homeopathy-nav-bar.jpg") no-repeat;
	margin-top		: 41px;
	float			: left;
	width			: 780px;
	height			: 48px;
	position		: relative;
	z-index			: 3;
}

#navigation-holder {
	margin-top		: 13px;
	margin-left		: 15px;
	z-index			: 10;
}

#navigation{
	display			: inline;
	list-style		: none;

}

#navigation LI{
	float			: left;
	margin-top		: 0px;
	margin-left		: 0px;
	background-color: #0a2d71;
	
}

#navigation LI A {
	text-decoration	: none;
	display 		: block;
	text-align		: center;
	font-size		: 0.8em;
	font-weight		: normal;
	margin			: 8px 15px;
	color			: #FFFFFF;
}


#glow-holder {
	background		: URL("../../../images/elements/button-select-glow.png") top  left no-repeat;
	background		: ;
	position		: absolute;
	height			: 48px; 
	width			: 65px;
	_background		: URL("");	
	_filter			: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/elements/button-select-glow.png", sizingMethod="scale"); 
	-moz-opacity	: .85;
	filter			: alpha(opacity=85);
	opacity			: 0.85;
	z-index			:4;
	*background		: ;
	
}
#glow-holder-large {
	background		: URL("../../../images/elements/button-select-glow-large.png") top  left no-repeat;
	*background		: ;
	position		: absolute;
	height			: 48px; 
	width			: 104px;
	_background		: URL("");	
	_filter			: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/elements/button-select-glow-large.png", sizingMethod="scale"); 
	-moz-opacity	: .85;
	filter			: alpha(opacity=85);
	opacity			: 0.85;
	z-index			:4;
}
.home-selected{
	margin-top		: 121px;
	margin-left		: 13px;
}
.about-selected{
	margin-top		: 121px;
	margin-left		: 85px;
	*margin-left		: 0px;
	_margin-left		: 0px;
}
.homeopathy-selected{
	margin-top		: 121px;
	margin-left		: 175px;
	*margin-left		: 0px;
	_margin-left		: 0px;

}
.clinic-selected{
	margin-top		: 121px;
	margin-left		: 260px;
	*margin-left		: 0px;
	_margin-left		: 0px;

}
.consultation-selected{
	margin-top		: 121px;
	margin-left		: 330px;
	*margin-left		: 0px;
	_margin-left		: 0px;

}
.blog-selected{
	margin-top		: 121px;
	margin-left		: 420px;
	*margin-left		: 0px;
	_margin-left		: 0px;

}
.links-selected{
	margin-top		: 121px;
	margin-left		: 479px;
	*margin-left		: 0px;
	_margin-left		: 0px;

}
.contact-selected{
	margin-top		: 121px;
	margin-left		: 555px;
	*margin-left		: 0px;
	_margin-left		: 0px;

}






/*////////////////////////////////////////////////////////////////////////////////      	Content Holder */
#home{
	width:780;
	min-height:1050px;
	background:#FFFFFF url(../../../images/bg/homeopathy-yorkshire-base1.jpg) bottom no-repeat;
}
#about{
	width:780;
	min-height:1410px;
	_height:1200px;
	background:#FFFFFF url(../../../images/bg/homeopathy-yorkshire-base2.jpg) bottom no-repeat;
}
#homeopathy{
	width:780;
	min-height:1600px;
	_height:1600px;
	background:#FFFFFF url(../../../images/bg/homeopathy-yorkshire-base3.jpg) bottom no-repeat;
}
#clinic{
	width:780;
	min-height:1185px;
	background:#FFFFFF url(../../../images/bg/homeopathy-yorkshire-base4.jpg) bottom no-repeat;
}
#consultation{
	width:780;
	min-height:1200px;
	_height:1200px;
	background:#FFFFFF url(../../../images/bg/homeopathy-yorkshire-base5.jpg) bottom no-repeat;
}
#links{
	width:780;
	min-height:1930px;
	_height:1930px;
	background:#FFFFFF url(../../../images/bg/homeopathy-yorkshire-base7.jpg) bottom no-repeat;
}
#contact{
	width:780;
	min-height:1000px;
	background:#FFFFFF url(../../../images/bg/homeopathy-yorkshire-base8.jpg) bottom no-repeat;
}



/*////////////////////////////////////////////////////////////////////////////////      	SIDE NAV */
.side-nav{
	width:212px;
	float:right;
	margin-top:35px;
	*margin-top:75px;
	_margin-top:35px;
	position: absolute;
	right: 0px;
	top: 35px;
	*top: 0px;
}

#inside-side-nav{
	background:#083075;
	margin-top:-5px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	
}




/*////////////////////////////////////////////////////////////////////////////////      	feedburner */
#creditfooter{
	visibility:hidden;
	margin-bottom:-15px;
}
.feedburnerFeedBlock li{ 
	padding-bottom:5px;
}
.feedburnerFeedBlock li a { 
	text-indent:0px;
	color:#FFF;
	font-size: 0.8em; 
	line-height:1.4em;
	font-weight:normal;
}
.feedburnerFeedBlock li a:hover { 
	color:#0080C1;
}
.feedburnerFeedBlock ul{
	margin-left:8px;
}



.content-holder{
	position: relative;
	min-height:500px;
	*min-height:800px;
	_height:1000px;
	
	
}

#home-intro-text p{
	padding-top		: 80px;
	_padding-top		: 30px;
	margin-left		: 20px;
	font-family		: Georgia, "Times New Roman", Times, serif;
	font-size		: 28px;
	line-height		: 35px;
	color			: #1F3270;	
} 

#yes a{
	margin-top		: 10px;
	margin-left		: 20px;
	float			: left;
	font-family		: Georgia, "Times New Roman", Times, serif;
	font-size		: 145px;
	line-height		: 130px;
	padding-left:3px;
	color			: #1F3270;	
	font-weight		: normal;
	text-decoration:none;
}
#yes a:hover{
	color			: #0080C1;	
}
#or{
	margin-top		: 10px;
	margin-left		: 20px;
	float			: left;


}
#or p{
	font-family		: Georgia, "Times New Roman", Times, serif;
	font-size		: 50px;
	line-height		: 130px;
	color			: #1F3270;	
}
#no a{
	margin-top		: 10px;
	margin-left		: 0px;
	float			: left;
	font-family		: Georgia, "Times New Roman", Times, serif;
	font-size		: 145px;
	line-height		: 130px;
	color			: #1F3270;	
	font-weight		: normal;
	text-decoration:none;
}
#no a:hover{
		color			: #0080C1;	
}
#response-holder{
	float:left;
	width:500px;
	margin-top		: 10px;
	margin-left		: 20px;
}


#yes-response h1{
	padding-top:5px;
	padding-bottom:10px;
}

#yes-response h2{
	padding-top:5px;
	padding-bottom:10px;
}






.footer-wrapper{
	background:#0A2D71 url(../../../images/bg/homeopathy-quick-links-wrapper-bg.jpg) repeat-x;
	padding: 0;
	clear: both;
	width: 100%;
}

.siteHolderFooter{
	background:URL("../../../images/bg/homeopathy-quick-links-top-bar.jpg") no-repeat top left;
	top				:0px;
	height			:200px;
	min-height		:260px;
	width			:780px;
	margin			:auto;  /*centres the site*/ 
	margin-top		:0px;
	margin-bottom	:0px;
	padding			:0px;
	text-align		:left;
	_background-position:35px 0;
	
}

.footer-box p{
	color:#8F99B8;
}
.phoneWhiteCopy{
	color:#D5D9E4;
}
.footer-box p a{
	color:#8F99B8;
}
.footer-box{
	font-size:0.6em;
	line-height:0.6em;
	text-align:right;
	_float:right;
}

#footer-box1{
	float:right;
	margin-right:350px;

	width:150px;
	height:110px;
	margin-top:60px;
}

#footer-box2{
	float:right;
	margin-right:175px;
	_margin-right:70px;
	width:150px;
	margin-top:-110px;
}

#footer-box3{
	float:right;
	clear:both;
	margin-right:0px;
	_margin-right:-20px;
	width:150px;
	margin-top:-125px;
}


/*////////////////////////////////////////////////////////////////////////////////      	main site */
#content-start{
	padding-top		: 30px;
	*padding-top: 80px;
	_padding-top		: 30px;
	
	margin-left		: 20px;
		float:left;
	width:500px;
} 

#content-start img {
margin:5px 10px 0px 0px;
float:left;
width:100px;
height:100px;
}


/*////////////////////////////////////////////////////////////////////////////////      	tool tip */


.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #0080C1;
	padding: 8px 8px 4px;
	background: url(../../../images/elements/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../../../images/elements/bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

/*------------------------------------------------------------------------------------------------contact page*/
form {
	border: 0px solid #FFF;
	margin-bottom: 0px;
}

	
.form-row01 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-size:1em;
	color:#444;
}


.form-row02 {
	color:#777;
	padding-top:0px;
	padding-bottom:5px;
	padding-left:0px;
	padding-right:0px;
	margin-top:-23px;
	margin-bottom:4px;
	margin-left:125px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF7700;


	}

.input {
	/*clear: right;*/
	font-weight:normal;
	font-size:11px;
	color:#000;
	border: 1px solid #58595B;
	width:300px;
	border-right: #C5C5C5 1px solid;
	border-top: #909090 1px solid;
	/*float: left;*/
	margin: 1px;
	border-left: #C5C5C5 1px solid;
	border-bottom: #E0E0E0 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF; 
}

.contact_box{

	padding: 0px 10px 10px 0px;
	
}

/*realigns the first panel*/
* html .#contact_box{
	margin-top:-30px;
}

.contact_box h1{
	line-height: 1.1em;
	margin-bottom: 0px; 

}
.contact_box h2{
	line-height: 1.2em;
	margin-top: 0em; 
	margin-bottom: 0.0em; 
}
.contact_box h3{
	line-height: 0.9em;
	margin-bottom: 8px; 
}
.contact_box p{
	line-height: 1.5em;
	margin-top: 0em; 
	margin-bottom: 1.1em; 
}











/*------------------------------------------------------------------------------------------------from blog*/



/* Content
----------------------------------------------- */
@media all {


#content {
	width:780px;
	margin:0 auto;
	padding:0;
	text-align:left;
	min-height:1000px;
	padding-bottom:400px;
	background:#FFFFFF url(../../../images/bg/homeopathy-yorkshire-base6.jpg) bottom no-repeat;

}
#main {
	padding-top:10px;
	*padding-top:10px;
	_padding-top:10px;
	padding-left:20px;
	width:480px;
	padding-bottom:60px;
	float:left;
	
	
	*margin-top: 50px;
	_margin-top: 0px;
}
#sidebar {
	float:right;
	margin-top:30px;
	*margin-top:20px;
	_margin-top:20px;
	margin-right:20px;
	_margin-right:10px;
	background: #0185D8 url("/images/bg/sub_nav_bg_blog.jpg") repeat-x left top;
	height:auto;
	width:210px;			
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}
#sidebar p li a h2{
color:#FFFFFF;
}
}
@media handheld {
#content {
	width:90%;
}
#main {
	width:100%;
	float:none;
}
#side-nav {
	width:100%;
	float:none;
}
}




/* headings
----------------------------------------------- */
#blog-header h1 {
margin: 0;
padding: 26px 0 0 0px;
color: #1F3270;
font-size: 30px;
line-height: 25px;
padding-bottom:1000px;

}

h2.date-header {
margin: 0;
padding: 0 0 0 0px;
font-size: 10px;
text-transform: uppercase;
color: #1F3270;
}

.date-header span {
margin: 0 0 0 5px;
padding: 0 25px 0 25px;
}

h2.inside-side-nav {
padding: 1px 0 0 0px;
font-size:1.0em;
line-height: 1.4em;
color: #FFF;

}

#profile-container h2.sidebar-title {
color: #1F3270;

}

.post h3.post-title {

	font-family		: Arial, Helvetica, sans-serif; 
	font-size		: 30px;
	line-height		: 35px;
	color			: #1F3270;
	padding-bottom:10px;
}
.post-body{
	color			: #ff6600;
	font-family 	: Arial, Helvetica, sans-serif;
	font-size		: 1em;
	line-height		: 1.6em;
}
.post-footer{
	padding-bottom:30px;
	font-size		: 0.7em;
	line-height		: 1.6em;
}

#comments h4 {
margin-top: 0;
font-size: 16px;
padding-bottom:10px;
}

#inside-side-nav h2{
	color:FFFFFF;
}


/*BODY COPY CSS*/
.post-body { 
	text-indent:0px;
	color:#FFF;
	font-size: 0.8em; 
	line-height:1.2em;
	font-weight:normal;
}
.feedburnerFeedBlock li a:hover { 
	color:#0080C1;
}


.contact-side-wrapper{
	padding-top:10px;
	color:#FFF;
	font-size: 0.8em; 
	line-height:1.4em;
}












/* lists
----------------------------------------------- */


#rss-icon{
	margin-left:120px;
	_margin-left:110px;
}

.blog-bottom-bar{
	margin-top:-11px;
}

 div.#sidebar.label-list ul li{
 list-style:none;
 }
 
.profile-data {
font-size: 13px;
line-height: 17px;
}

.post ul {
padding-left: 0px;
list-style-type: none;
font-size: 13px;
line-height: 18px;
}

.post li {
padding: 0 0 0px 0px;
}

#comments ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#comments li {
padding: 0 0 0px 0px;

}

#inside-side-nav ul {
margin: 0 0 20px 0;
padding: 0;
list-style-type: none;
font-size: 15px;
line-height: 14px;
font-weight:normal;
color:#FFFFFF;
}

#inside-side-nav li {
list-style:none;
padding: 0px 0 4px 0px;

}


#inside-side-nav-4blog{
	padding-left:10px;
	padding-top:5px;
	color:#FFFFFF;
}

#inside-side-nav-4blog p{
	padding-left:10px;
	color:#FFFFFF;
}

.inside-side-nav-heading{
	font-weight:bolder;
	padding-top:10px;
	padding-bottom:7px;
}

#label-list a{
	color:#FFF;
	font-size: 0.8em; 
	line-height:1.4em;
	font-weight:normal;
}
#label-list a:hover{
	color:#0080C1;
}

#recently a{
	color:#FFF;
	font-size: 0.8em; 
	line-height:1.4em;
	font-weight:normal;
}
#recently a:hover{
	color:#0080C1;
}

.archive-list a{
color:#FFFFFF;
padding-left:10px;
padding-top:-2px;
}
.archive-list a:hover{
color:#FF7700;
}

.blogger-labels{
color:#009EDF;
}
 
.post-footer-link{
padding-bottom:20px;
}


 #b-navbar {
 display:none;
 }
  #navbar-iframe {
  
      display:none;
  }





/*////////////////////////////////////////////////////////////////////////////////      	Start of CLASSES */
	
.clearCSS{
	clear: both;
	height: 0px;
	overflow: hidden;
}
.inv-navigation {position: absolute; visibility: hidden; width:1px; height:1px; top:-20px; left:-20px; margin: 0 0 0 0;}