/*
Styling for John Higgs Pysiotherapy & Sports Injuries Clinic
Version: 2.0
Author: Karl Scott
Tags: physio, physiotherapist, sports injuries, Yate, Bristol
*/
@import "style/css/typography.css";
@import "style/css/layout.css";

/* Palette 


*/

/* Re-set */
*					{margin: 0 padding: 0;}
html				{overflow-y: scroll; }
html, body			{height: 100%;}
body				{font-size: 90%; font-family: sans-serif, "Lucida Grande", Verdana, Arial;color: #045CA5;
					background-color: white;}
ul					{margin-left: -10px; list-style: square inside;}

ol					{list-style: decimal inside;}
a					{outline: none; text-decoration: underline;}
a img				{border: none;}
img					{text-shadow: 2px 2px 2px #b9d6fa; padding: 4px; border-left-width: 1px; border-bottom-width: 1px; border-right-width: 1px; border-top-width: 1px; background-color: white; border-color: #bdd0e4; border-style: solid; vertical-align: middle;}
table				{border-collapse: collapse;}

/* Utility */

.floatLeft		{float:left;}
.floatRight		{float: right;}
.clear			{clear:both;}
.hideIndent		{float: left;text-indent: -9999px; color: green;}						
						
/* Page Structure */

#wrapper		{
					text-align: left;
					width: 802px;
					margin: 0 auto -189px;
					min-height: 100%; height: auto !important; height: 100%;
					} 
				
	
#push				{height: 189px;}

#header 		{
					text-indent: -9999px;
					height: 150px;
					width: 799px;
					margin: 0 auto;
					float: left;
					background: url(images/header.gif) no-repeat;
					}

#navigation			{	width: 160px;float:right;margin: 30px 0 0 0px;
						margin-bottom: 5px;	
						}
	
ul#nav 			{
					/*margin:0 auto;*/
					font-weight: bold;
					                  
					padding-left: 0px;
					margin-left: 0px;	
										}
	ul#navigation_list li{
		height: 15px;
		font-size: 110%;
		font-weight: bold;
		display:inline;
		color: #1d73d4;
		}
	
	ul#navigation_list li a{
		display: block;
		color: #045CA5;
		/*text-indent: -9999px;
		float: left;
		margin-right: 55px;*/		
		}
	ul#navigation_list li a:hover{
		border-style: none;
		border-width: 0px;
		display: block;
		color: #3c7ffc;
		/*text-indent: -9999px;
		float: left;
		margin-right: 55px;*/		
		}	
		
#home #navigation #navigation_list .home a,
#about #navigation #navigation_list .about a,
#treatments #navigation #navigation_list .treatments a,
#appointments #navigation #navigation_list .appointments a,
#contact #navigation #navigation_list .contact a { color: #69b5fc;}		
		
		
				/*ul#nav li.services a {
			width: 123px;
			background: url(/images/services_bttn.jpg) bottom center no-repeat;
			}
			
		ul#nav li.pricing a {
								width: 111px;
								background: url(/images/pricing_bttn.jpg) bottom center no-repeat;
								}
		
		ul#nav li.portfolio a {
								width: 135px;
								background: url(/images/portfolio_bttn.jpg) bottom center no-repeat;
								}
			ul#nav li a:hover{
								background-position: top center;
								}	*/
								
					
/* 2 column layout */						
#primary_content		{	float:left;
						text-align: left;
						margin: 0px 5px 10px 5px;
						width:330px;
						
						/*background: black;*/					
						}
						
h1 {
		color: #005595;
		font-size: 130%;
		
	}

#secondary_content		{	float:left;
						text-align: left;
						padding: 50px 0 0 10px;;
						width:290px;
						
						/*background: yellow;*/
						}					
												

p					{ 	margin-top: 0px;
						}		
		
#footer 			{
						/*text-indent: -9999px;*/
						text-align: left;
						}
						
.smaller			{font-size: 80%}						

						
						
					}
#footer_affiliation {
					height:180px;
					margin:0px;
					padding: 10px 0 0 0;
					float: left;

}

#footer_affiliation img	{ padding: 1px; 
						 vertical-align: top;
						 float: left;}				
					
#footer_contact		{ 
					color: #045CA5; margin:0 auto;float:left;width: 100%;overflow-y: hidden;
					padding-top: 0px;
					}
					
#footer_contact p {
					font-size: 80%;
					line-height: 50%;
					
					}
#footer_contact h1 {
					font-style: normal;
					font-weight: normal;
					font-size: 90%;
					line-height: 60%;
					padding-top: 10px;
					}
	

	
	}
#location_map {
				background-color: red;
				margin-top: 100px
				height: 800px;
				border-color: black;
				border-style: solid;
				border-width: 5px; 
				padding: 30px 0 0 0;
}
	

#colouritred {
padding-top: 10px;
}
p.colouritredfoot {
color:#666666;	
font-size:8px; 
}

li {
	margin-left: -10px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	list-style-position: outside;
	padding: 0px;
}