/* CSS Document 

--------------------------------------------------------------------
						Chris Jackson, Partner @ CoCreate, chris@cocreatedesign.com
						for
						The Physiotherapy Centre
						11/06/08
						
						Version 1.0
						
						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments
						----------
						
						--------------------------------------------
						
--------------------------------------------------------------------
*/

/*---------------
	Global 
----------------*/

*{
margin:0;
padding:0;
border: none;
}
span{
position:absolute;
left:-4000px;
}
html{
height:100%;
margin:0 0 1px 0;
}

body{
	background-color:#bbe4ea;
	background-image:url(../images/bg.gif);
	background-repeat:repeat;
}

#container{
	width:916px;
	margin:20px auto 0 auto;
	float: none;
}

#page{
	width:860px;
	padding:28px 28px 0px 28px;
	background-color: #FFFFFF;
	float: left;
}

/*---------------
	Typography 
----------------*/

p{
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.8em;
	float: left;
	margin: 0px 10px 0px 10px;
	width: 265px;
}

table{
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	float: left;
	margin: 0 0 0 10px;
}

p.wide{
	width: 550px;
}

p.large{
	font-size:1.5em;
}
p.brownLarge{
	font-size:1.5em;
	color:#997653;
}
p.brownSmall{
	font-size:1em;
	color:#997653;
	line-height: 1.2em;
}
a.brownSmall{
	font-size:0.7em;
	color:#997653;
	float: left;
	margin: 0 0 0 10px;
}
p.blueSmall{
	font-size:1em;
	color:#88D4E3;
	line-height: 1.3em;
}

h2 {
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:1.6em;
	float: left;
	margin: 0px 10px 0px 10px;
	font-weight: lighter;
	width: 265px;
}

h3 {
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.6em;
	float: left;
	margin: 0px 10px 10px 10px;
	width: 265px;
}


p.footerHome{
	float:left;
	color:#666666;
	padding: 120px 0 0 10px;
}
p.footer{
	float:left;
	color:#666666;
	padding: 50px 0 0 10px;
}

a{
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	text-decoration: underline;
}

a.footer{
	text-decoration:none;
	float:right;
	color:#FFFFFF;
	padding: 10px 10px 0 0;
	font-size: 0.7em;
}

#contact p{
width:260px;
padding:0 5px 0 20px;
margin:0;
}
#contact p input.text{
border:solid 1px #666666;
}

/*---------------
	Structure 
----------------*/

#header{
	height:100px;
	width:860px;
	background-repeat:no-repeat;
	float: left;
}

#bar{
	height:25px;
	width:860px;
	background-color:#bbe4ea;
	margin:10px 0 0 0;
	float: left;
}

#flashHolder{
	height:226px;
	width:860px;
	background-color:#bbe4ea;
	margin:10px 0 0 0;
	float: left;
}

#content{
	width:860px;
	float:left;
	margin:10px 0 0 0;
}

#title{
	width:860px;
	float:left;
}

#columnHolder{
	width:860px;
	float:left;
	margin:15px 0 0 0;
}

#leftCol{
	float:left;
	width:285px;
}

#leftCol.wide{
	float:left;
	width:570px;
	border-right: solid 1px #00CCCC;
}
#leftCol.narrow{
	float:left;
	width:285px;
	border-right: solid 1px #00CCCC;
}

#centreCol{
	float:left;
	width:285px;
	border-left: solid 1px #00CCCC;
	border-right: solid 1px #00CCCC;
}

#leftCol img, #centreCol img, #rightCol img{
	float:none;
	margin:0px 0px 5px 0px;
}

#rightCol{
	float:right;
	width:285px;
}

#contactMap{
	width:550px;
	float:right;
	height: 400px;
	display: block;
}

/*---------------
	Menus 
----------------*/

#menuHolder ul{
	width:860px;
	height:30px;
	float: left;
	margin: 10px 0 10px 0;
}

#menuHolder ul li{
	list-style:none;
	float: left;
	
}

#menuHolder ul li a{
	display:block;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#997653;
	font-size:0.7em;
	height:30px;
	background:url(../images/menu_gph.gif) no-repeat top left;
	padding: 0 10px 0 25px;
}
.homeMen{
	width:30px;
}
.aboutMen{
	width:52px;
}
.physioMen{
	width:81px;
}
.acupunMen{
	width:70px;
}
.holisMen{
	width:50px;
}
.pilatMen{
	width:40px;
}
.podiaMen{
	width:45px;
}
.pricesMen{
	width:100px;
}
.contaMen{
	width:65px;
}

/*---------------
	Footer 
----------------*/

#footer{
	float:left;
	background-image:url(../images/footer.gif);
	background-repeat:no-repeat;
	width:916px;
	height:100px;
}
#footerImageHolder{
	margin:20px 0 0 0;
	float:right;
	width:300px;
	height:70px;
}

#footerImageHolder img{
	margin:0;
	float:left;
}

#footer.home {
	background-image:url(../images/footer_home.gif);
	height: 140px;
}