/* Wellington Physiotherapy Design: Collin Grasley */
   
/*-------PAGE STYLES---------------*/

body { 
padding: 5px 0 0 0; 
margin: 0; 
font: .8em "Trebuchet MS" Tahoma, Arial, sans-serif; 
line-height: 1.7em; 
background: #fff; 
color: #454545; 
}

a { 
color: #5a1924;
font-weight:bold; 
background: inherit; 
text-decoration:none; 
}

a:hover { 
color: #808080; 
background: inherit;
text-decoration:underline; 
}

p {	
margin:8px 0px 5px 5px;
}

h1 {	
font: bold 2.2em "Trebuchet MS" Arial, Sans-Serif; 
padding: 8px 0 0 0; margin: 0; 
letter-spacing: -1px; 
}

h2 { 
margin: 2px 0 6px 0; 
padding: 0; 
font: bold 1.7em "Trebuchet MS" Arial, Sans-Serif; 
letter-spacing: 0px; 
}

ul { 
margin:0 0 0 15px;
padding:0;
list-style:square; 
}


img { 
border: 0; 
}


/*---PAGE LAYOUT DETAILS----------------- */
#content { 
margin: 10px auto; 
width: 960px; 
}

#header { 
margin: 0 0 4px 0;
height:180px;
background: url(images/banner.jpg) no-repeat;
}

#seo { 
margin: 0 0 6px 0; 
}

#seo h1 {	
font: bold 1.7em "Trebuchet MS" Arial, Sans-Serif; 
padding: 8px 0 0 4px; 
margin: 0; 
letter-spacing: -1px; 
color: #5a1924;
}

#former { 
font-size: 0.9em; 
margin: 0 0 2px 4px; 
padding: 0; 
color: #808080; 
background: #fff; 
}


/*---------MAIN NAVIGATION------------------------- */
#menu{ 
padding: 2px 0; 
margin:0 0 3px 0; 
float: right; 
}
#menu li{ 
list-style: none; 
display: inline; 
margin: 0; 
}
#menu li a{
text-decoration: none;
padding: 2px 22px;
margin-right: 2px;
background: #5a1924 url(images/corner.gif) no-repeat top right;
font-weight: bold;
color: #fff;
}
#menu li a:hover{
background: #808080 url(images/corner.gif) no-repeat top right;
color: #fff;
}
/*---------MAIN COLUMN--------------------------------*/
#leftcontent {
float: left;
width: 635px;
margin: 0 0 10px 0;
}

.subdata {
margin: 0 0 10px 0;
padding: 5px;
background: #f4f4f4 url(images/bgshade.gif) repeat-x top;
color: #808080;
font-weight:bold;
border-bottom: 1px solid #ccc;
}

.subdata h2 {	
font: bold 1.7em "Trebuchet MS" Arial, Sans-Serif; 
padding: 8px 0 0 4px; 
margin: 0; 
letter-spacing: -1px; 
color: #5a1924;
}

.leftdata {
margin: 4px 0 10px 0;
min-height: 250px;
background: #fff url(images/bgshade.gif) repeat-x;
color: #454545;
padding: 15px 15px 15px 10px;
}

.date { font-size: .9em; 
padding: 0 0 0 12px; 
background: #fff url(images/news.gif) no-repeat center left; 
color: #808080; 
}

.leftimage {
	float: left;
	clear: left;
	border: 2px solid #5a1924;
	color: #000;
	width: 200px;
	height: 200px;
	margin: 0 15px 10px 0;
	padding:1px;
	background-color: #eee;

}

.leftdatabox {
background: #f4f4f4;
color: #808080;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding: 15px;
margin: 0 0 10px 0;
}

.half {
display:inline;
float: left;
width: 46%;
padding: 0 10px 0 15px;
}		
		
/*------------------RIGHT COLUMN-------------------------------------- */

#rightcontent {
float: right;
width: 310px;
margin: 0 0 10px 0;
}

.rightdata {
border: 1px solid #ccc;
padding: 8px;	
margin: 0 0 10px 0;
background: #eee;
color: #454545;
}

.image { 
float: left; 
margin: 2px 9px 2px 0;
padding:1px; 
border: 2px solid #5a1924;
}

.stuff {
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding: 17px 10px 17px 80px;	
margin: 0 0 10px 0;
background: #fff url(images/logo.gif) no-repeat center left;
color: #454545;
}

/*------------FOOTER DATA---------------------------------------------- */

#footer { 
	clear: both; 
	color: #808080;
	background: #FFF;
	padding: 10px 15px;
	border-top: 1px solid #ccc;
}

#footer .right { 
float: right; 
}

/*---------The form Data-------------------------------------------------------------------*/

form {
padding:10px;
background-color:inherit;
}

label {
display:block;
font-weight:bold;
color:#000;
margin:5px 0;
}

input {
width:300px;
padding:4px;
border:none;
background:#fff;
border:1px dotted #000;
font:90% Verdana;
color:#000;
}

textarea {
width:400px;
padding:4px;
font:90% Verdana;
border:1px dotted #000;
background:#fff;
height:200px;
display:block;
color:#000;
}

a.examplez
{
	font-size:6pt;
	color: #D8D8D8;
	text-decoration: none;
}

a.examplez:hover
{
	font-size:6pt;
	color: #FFF;
	text-decoration: none;
}