/*
====== CSS Document for V2 PhysioStudio [JN:11257] ======
	Frances Berriman for Volume
	http://www.volume.co.uk
	July 2006
	** Last update : March/April 2007
*/
/*
====== Default CSS Content ======

	1: Globals
	2: Typography
	3: Layouts
	4: Navigation
	5: Forms
	6: Tables
	7: Any datagrid styling (mainly .NET)
	8: Images

============
*/


/* 
====== 1: START: Globals ======
*/


body { 
	margin: 0px;
	font-size:65%; 
	color: #000;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.hide{
	display: none;
	}
a{
	text-decoration: none;
	}
a:link, a:active, a:visited{
	color: #990066;
	}
a:hover{
	color: #d9a6ca;
	}

/* 
====== 1: END: Globals ======
*/


/*
====== 2: START: Typography ======
*/
h1{
	font-size: 5%;
	margin: 15px 0px 0px 15px;
	padding: 0px;
	text-indent: -9999px;
	text-transform: uppercase;
	float: left;
	background-image: url(../image/thephysiostudio_large.gif);
	height: 40px;
	width: 405px;
	}
h1 a {
	width:100%;
	height:100%;
	display:block;
}
h2{
	padding: 0px 30px;
	font-size: 120%;
	margin: 30px 0px 20px 28px;
	text-indent: -9999px;
	}
/* Image replacements for header2s */
.h2about{
	background-image:url(../image/h2_about_the_physio.gif);
	background-repeat: no-repeat;
	width: 243px;
	height: 29px;
	margin-bottom:10px;
}
.h2backpain{
	background-image:url(../image/h2_back_7_neck_pain.gif);
	background-repeat: no-repeat;
	width: 182px;
	height: 24px;
	margin-bottom:16px;
}
.h2chronic{
	background-image:url(../image/h2_chronic_pain.gif);
	background-repeat: no-repeat;
	width: 127px;
	height: 24px;
	margin-bottom:15px;
}
.h2common{
	background-image:url(../image/h2_common_problems.gif);
	background-repeat: no-repeat;
	width: 198px;
	height: 24px;
	margin-bottom:15px;
}
.h2contact{
	background-image: url(../image/h2_contact_us.gif);
	background-repeat: no-repeat;
	width: 111px;
	height: 23px;
	margin-bottom:15px;
}
.h2massage{
	background-image:url(../image/h2_sports_massage_therapy.gif);
	background-repeat: no-repeat;
	width: 253px;
	height: 63px;
	margin-bottom:10px;
	margin-top:15px;
}
.h2meet{
	background-image:url(../image/h2_meet_the_team.gif);
	background-repeat: no-repeat;
	width: 158px;
	height: 24px;
	margin-bottom:16px;
	margin-top:15px;
}
.h2pilates{
	background-image:url(../image/h2_clinical_pilates.gif);
	background-repeat: no-repeat;
	width: 149px;
	height: 24px;
	margin-bottom:15px;
}
.h2podiatry{	
	background-image:url(../image/h2_podiatry.gif);
	background-repeat: no-repeat;
	width: 85px;
	height: 29px;
	margin-bottom:0px;
	margin-left:30px;
	margin-top:15px;
}
.h2postop{
	background-image:url(../image/h2_post_operative.gif);
	background-repeat: no-repeat;
	width: 299px;
	height: 29px;
	margin-bottom:10px;
}
.h2pregnancy{
	background-image:url(../image/h2_pregnancy_related.gif);
	background-repeat: no-repeat;
	width: 294px;
	height: 29px;
	margin-bottom:10px;
}
.h2sports{
	background-image:url(../image/h2_sports_injuries.gif);
	background-repeat: no-repeat;
	width: 148px;
	height: 28px;
	margin: 18px 0px 11px 28px;
}
.h2tips{
	background-image:url(../image/h2_tips_4_mums.gif);
	background-repeat: no-repeat;
	width: 148px;
	height: 30px;
	margin-bottom:0px;
	margin-top:15px;
}
.h2treatment{
	background-image:url(../image/h2_treatment_at_the_physiostudio.gif);
	background-repeat: no-repeat;
	width: 315px;
	height: 29px;
	margin-bottom:11px;
}
.h2why{
	background-image:url(../image/h2_why_do_we_need_phy.gif);
	background-repeat: no-repeat;
	width: 350px;
	height: 30px;
	margin-bottom:0px;
}
.h2work{
	background-image:url(../image/h2_work_related_problems.gif);
	background-repeat: no-repeat;
	width: 238px;
	height: 25px;
	margin-bottom:15px;
}
.h2physio{
	background-image:url(../image/h2_why_physio.gif);
	background-repeat: no-repeat;
	width: 238px;
	height: 25px;
	margin-bottom:15px;
}
.h2normal{
	font-weight:bold;
	padding: 0px 30px;
	font-size: 120%;
	margin: 10px 0px 10px 0px;
	text-indent:0px;
	}
h3{
	margin: 0px 0px 0px 0px;
	padding: 11px 30px 9px 30px;
	font-size: 110%;
	}
body.treatment #content h3{
	font-size:100%;
	}
body.treatment #content h3 span{
	font-size:100%;
	text-decoration:underline;
	font-variant:inherit;
	font-size:80%;
	}
#footer_header h2{
	color:#fff;
	margin: 0px;
	padding: 5px 0px 5px 20px;
	font-size: 100%;
	background-color: #882e79;
	text-transform:none;
	width: 940px;
	text-indent: 0px;
}
#footer p{
	margin: 0px;
	padding: 0px;
	}
#content a{
	color: #fff;
	background-color: #882e79;
}
#content a:hover{
	color: #e1cbdd;
	}
.news h3{
	font-size: 100%;
	margin: 15px 0px 5px 0px;
	padding: 0px;
	color: #882e79;
	}
.news a:link, .news a:active, .news a:visited{
	color: #882E79;
	}
.news a:hover{
	color: #fff;
	}
.news p{
	font-size: 100%;
	padding: 3px 10px;
	margin-right: 10px;
	}
.intro{
	font-weight: bold;
	}
.legals{
	color: #CCCCCC;
	}
/* custom lists */
.opentimes {
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 15px 30px;
}
.opentimes li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.bullets {
	margin: 0px 30px 15px 30px;
	padding: 0px 10px 15px 30px; /*right side was 30px */
	width:615px;         /* was 415 */
}
.bullets li {
	margin: 15px 0px 10px 16px;
	padding: 0px 0px 0px 0px;
}
.bullets2 {
	margin: 0px 30px 15px 30px;
	padding: 0px 30px 15px 30px;
	width:415px;
}
.bullets2 li {
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
}
/*
====== 2: END: Typography ======
*/



/*
====== 3: START: Layouts ======
*/


#header{
	width: 960px;
	display: block;
	margin: auto;
	background-color: #fff;
	height: 60px;
	border-bottom: 1px solid #882e79;
	}
#container #content #headerimage{
	margin-top: 5px;
	background-color: white;
}
#container{
	width: 960px;
	display: block;
	margin: auto;
	padding-bottom: 20px;
	background-image: url(../image/menu_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	overflow: auto;
	z-index: -100;
}

#content{
	float: right;
	width: 700px;
	background-color: #882e79;
	background-image: url(../image/content_bg1.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	color: #fff;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size:130%; /* Use this to adjust main font size */
}
#content p, .opentimes, .bullets, .bullets2{
	margin:0px 0px 0px 30px;
	padding:0px 30px 12px 0px;
	font-size: 90%;
	}
#content p.back{
	padding: 20px 0px 10px 0px;
	}
#content p.backtotop a{
	padding: 20px 0px 0px 0px;
	float:right;
}
#footer_header{
	width: 960px;
	display: block;
	margin: auto;
	background-color: #e1cbdd;
	clear: both;
	border-bottom: 1px solid #fff;
}
#footer{
	width: 960px;
	display: block;
	margin: auto;
	background-color: #f6eff5;
	clear: both;
}
#innerwrapper{
	width: 810px;
	margin: auto;
	background-color: #dbc1d7;
	height: 160px;
	background-image:url(../image/animation.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 150px
	
}
#secondarywrapper {
	width: 62px;
	height: 140px;
	background-color: #dbc1d7;
	float: right;
}
.first{
	margin-left: 100px;
	padding: 0px;
}
.news{
	width: 180px;
	float: right;
	margin: 0px 0px 0px 65px;
	padding-bottom: 15px;
}

#newsbox{
	text-align: left;
	color: #882E79;
	padding: 0 0 0 10px;
	width: 230px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	behavior: url(js/PIE.htc);
	min-height: 40px;
	border: 1px solid #882e79;
	position: relative;
	}

#testimonialbox{
	text-align: left;
	color: #882E79;
	padding: 0 0 0 10px;
	width: 230px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	behavior: url(js/PIE.htc);
	min-height: 80px;
	border: 1px solid #882e79;
	position: relative;
	padding: 10px 5px 10px 5px;
	}

#content a{
	font-weight: bold;
}

#content dt{
	padding-left: 30px;
	font-weight: bold;
	}
#content dd{
	padding-bottom: 10px;
	font-size: 80%;
	padding-right: 30px;
	}
/*#content ul
	{
	padding-top:0px;
	margin-top:5px;
	}
#content ul li{
	padding-right:30px;
	font-size:90%;
	}*/
li.cost p{
	border-bottom: 1px solid #882e79;
	padding:8px 0px;
	}
/* index specific content area */
body.homepage #content{
	float: left;
	width: 530px;
	background-image: none;
	background-color: #fff;
	color: #fff;
	margin-bottom: 20px;
	}
body.homepage #content img{
	padding: 30px 10px;
	}
body.homepage #header{
	margin-top: 0px;
	background-color: #fff;
	height: 80px;
	border-bottom: 1px solid #882e79;
	}
body.homepage h1{
	font-size: 5%;
	margin: 20px 0px 0px 5px;
	padding: 0px;
	text-indent: -9999px;
	float: left;
	background-image: url(../image/thephysiostudio_large.gif);
	height: 40px;
	width: 404px;
	}
body.homepage ul#gallery { margin:50px 0 0 20px; padding-top:0px; height:20px; list-style:none; position:relative; width: 300px; float: left;z-index: 3;}

#content .vcard p, #content .vcard .adr p {
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 0px;  
}
#content .vcard .tel {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
/* styling for contact info on popup */
.popup .vcard .postal-code {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;  
}
.popup .vcard .tel {
	padding: 0px;
	margin: 0px 0px 0px 0px;  
}
.floatleft{float: left; padding:3px 10px 10px 30px;}
.floatright{float: right; padding:3px 50px 10px 10px;}
.centre{
	padding-left:25%;
	}
#map{
	width: 470px; 
	height: 280px; 
	background-color:#fff;
	margin-left:30px;
	border:1px solid #fff;
	color:#000;
	}
#map a{
	background-color:transparent;
	}
/*
====== 3: END: Layouts ======
*/


/*
====== 4: START: Navigation ======
*/
/* start suckerfish*/
/* suckerfish lightbox technique for popups (uses javascript see navigation.js), with alterations to suit */
/* GALLERY */
ul#gallery { margin:30px 0 0 20%; padding-top:0px; height:20px; list-style:none; position:relative; width: 300px; float: left;z-index: 3;}
ul#gallery li {display:block; float:left; padding-right: 0px; margin: 0px;}
ul#gallery li:hover ul, ul#gallery li.sfhover ul { top:auto; left:0; }
ul#gallery li a { }
ul#gallery li a:hover { }
ul#gallery li ul { padding:0px 0px 0px 0px; list-style:none; margin:0; width:350px; background-color:transparent; position:absolute; left:-999em; }
ul#gallery li ul li { display:inline; text-align:left; clear:none; float:none; border:0; margin: 0px; padding: 0px;}

/* images not used in our build, but left in incase we do use some in the future  
ul#gallery li ul li a { margin:2px; border:1px solid #ccc; padding:4px; position:relative; float:left; display:block; width:100px; height:75px; }
ul#gallery li ul li a:hover { z-index:2; }  
ul#gallery li ul li a img { position:absolute; width:100px; height:75px; }
ul#gallery li ul li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img { width:200px; height:150px; left:-50px; top:-37px; z-index:1; border:1px solid #000; }*/

/* LIGHTBOX CONTROL */
/*#lightbox { background-color:#000;padding:0px 0px 0px 0px; }
#lightboxDetails { padding-top:0px; }	
#lightboxCaption { float:left; color:#fff; font-size:11px; }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#fff; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; } 
#overlay img { border:none; }*/
/* end suckerfish */
.popup{
	background-color: #cfabc9;
	color: #882e79;
	border-top: 1px solid #882e79;
	margin-top: 12px;
	padding:20px;
	}
.popup p{
	margin: 0px;
	color: #882e79;
}
.popup dl{
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	}
.popup dt{
	font-weight: bold;
	padding: 3px 0px;
	}
.popup dd{
	margin: 0px 0px 8px 0px;
	padding: 0px;
	border-bottom: 1px solid #882e79;
	padding: 0px 0px 6px 0px;
	line-height:12px;
	}
.bottom_corner{ /* Rounded corner */
	background-image:url(../image/bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: transparent;
}

/* Image replacements for top horizontal nav */
.about a{
	display:block;
	text-indent: -9999px;
	background-image:url(../image/about.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 40px;
	padding-right: 6px;
	}
.about a:hover{
	display:block;
	text-indent: -9999px;
	background-image:url(../image/about_over.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 40px;
	padding-right: 6px;
	}	

.meet a{
	display:block;
	text-indent: -9999px;
	background-image:url(../image/meet.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 116px;
	padding-right: 8px;
	}
.meet a:hover{
	display:block;
	text-indent: -9999px;
	background-image:url(../image/meet_over.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 116px;
	padding-right: 8px;
	}
.cost a{
	display:block;
	text-indent: -9999px;
	background-image:url(../image/costlink.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
	height: 18px;
	width: 55px;
	padding-right: 6px;
	}
.cost a:hover{
	display:block;
	text-indent: -9999px;
	background-image:url(../image/costlink.gif);
	background-repeat: no-repeat;
	background-position:top left;
	height: 18px;
	width: 55px;
	padding-right: 6px;
	}	

.opening a{
	display:block;
	text-indent: -9999px;
	background-image:url(../image/openinglink.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
	height: 18px;
	width: 89px;
	padding-right: 8px;
	}
.opening a:hover{
	display:block;
	text-indent: -9999px;
	background-image:url(../image/openinglink.gif);
	background-repeat: no-repeat;
	background-position:top left;
	height: 18px;
	width: 89px;
	padding-right: 8px;
	}
.contact a{
	display:block;
	text-indent: -9999px;
	background-image:url(../image/contactlink.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
	height: 18px;
	width: 64px;
	padding-right: 6px;
	}
.contact a:hover{
	display:block;
	text-indent: -9999px;
	background-image:url(../image/contactlink.gif);
	background-repeat: no-repeat;
	background-position:top left;
	height: 18px;
	width: 64px;
	padding-right: 6px;
	}
.popup a:active, .popup a:visited, .popup a:link{
	display: inline;
	background-image:none;
	text-indent: 0px;
	color: #882E79;
	}
.popup a:hover{
	color: #e1cbdd;
}
#mainnav{
	width: 240px;
	float: left;
	padding-bottom: 30px;
}
#mainnav ul{
	font-size: 120%;
	margin-top: 20px;
	padding: 0px 0px 20px 0px;
	margin: 20px 0px 0px 20px;
}
#mainnav li{
	list-style-type:none;
	background-image:url(../image/purple_bullet.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 10px;
	margin: 5px 0px 0px 0px;
}
#mainnav li ul{
	font-size: 100%;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#mainnav li ul li{
	list-style-type:none;
	background-image:url(../image/purple_bullet.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 10px;
	margin: 5px 0px 0px 0px;
}
#mainnav ul li .selected{
	color: #d9a6ca;
}
.popup img{
	margin: 10px 0px;
}
/*
====== 4: END: Navigation ======
*/



/*
====== 5: START: Forms ======
*/

/*
====== 5: END: Forms ======
*/



/*
====== 6: START: Tables ======
*/
/*
====== 6: END: Tables ======
*/



/*
====== 7: START: Datagrid ======
*/

/*
====== 7: END: Datagrid ======
*/






/*
====== 8: START: Images ======
*/

/*
====== 8: END: Images ======
*/