/* Key styles for: Physio North*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 10 Novemeber 2009*/

/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body{font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; color: #6b6b6b; font-size: 62.5%; background: #c4e0f6;}
img, div { behavior: url(iepngfix.htc) }

/*Container Styles*/
#wrapper {margin-left: auto; margin-right: auto; width: 960px; background: #fff;}
#background-sidebar{width: 260px; background: url(images/nav-bg.jpg) repeat-x #0e2e5d; oveflow: hidden;}
#background-main{background: #fff; width: 960px; overflow: hidden;}

/*Main Container Sytles*/
#main-container { width: 960px; overflow: hidden;}
#main-container .col {position: relative; float: left; overflow: hidden; }
#sidebar {width: 260px; padding-top: 200px;}
#sidebar-content {padding: 20px;}
#main {width: 700px; overflow: hidden; background: #fff;}
#navigation {font-family: "Calibri"; }
#gallery {background: url(images/gallery-bg.jpg) repeat-x #0e2e5d; height: 395px; overflow: hidden; position: relative; }
#gallery-base{margin-top: -107px; position: relative;}

/*Content Styles*/
#content{padding: 20px; width: 660px; overflow: hidden; margin-top: -50px; position: relative; }
#content .col {position: relative; float: left;}
#col1{width: 300px; padding-right: 30px; margin-top: -20px;}
#col2{width: 300px; padding-left: 28px; border-left: 1px solid #e4e4e4; margin-top: 60px;}
#full {margin-top: -10px;}

/*Footer Styles*/
#footer{background: url(images/footer-bg.gif) no-repeat top #0e2e5e; border-left: 3px solid #fff; padding: 20px 10px 10px 10px; width: 677px; float: right; margin-top: -54px }
#copyright{float: right; width: 300px;}
#copyright{float: right; width: 150px; text-align: right;}
#footer-links{float: left; width: 500px;}
#sidebar-base {padding: 20px 20px 10px 20px; overflow: hidden;}
#sidebar-base .action{padding-bottom: 0;}
#webdeveloper{margin-left: auto; margin-right: auto; width: 960px; }

/*Header Styles*/
#header{background: url(images/header-bg.png) no-repeat; height: 200px; position: absolute; top: 0; width: 960px;}
#logo{margin-left: 25px; float: left;}
#header-content{float: right; width: 300px; margin: 10px 20px; position: relative;}
#contact-details{float: left; margin: 10px;}

/*Navigation Styles*/
#navigation ul {}
#navigation li {margin: 0; display: block; list-style: none; border-bottom: 1px solid #3863a1; width: 260px;  }
#navigation li a{text-decoration: none; color: #fff; font-size: 1.8em; display: block; padding: 5px 20px; width: 260px;}
*html #navigation li a {font-size: 1.6em;}
#navigation li a:hover {color: #fff; background: url(images/nav-bullet.gif) no-repeat #3a69ae; width: 260px; border-bottom: none;}

#navigation ul ul{background: #008f85;}
#navigation ul ul li{border-bottom: none;}
#navigation ul ul li a:hover{background: #64bbb5;}

#navigation .current {color: #fff; background: url(images/nav-bullet.gif) no-repeat #3a69ae; width: 260px; border-bottom: none;}
#navigation ul ul .current {background: #008f85;}

/*Link Styles*/
a {color: #008f85; text-decoration: none;}
a:link{color: #008f85;}
a:visited {color: #008f85; }
a:hover {color: #1c4788;}

#sidebar a{color: #fff;}
#sidebar a:hover{color: #c4e0f6;}

#footer a{color: #fff;}
#footer a:hover{color: #c4e0f6;}

#webdeveloper a{color: #1c4788;}
#webdeveloper a:hover{color: #008f85;}

/*Paragraph Styles*/
h1 {font-size: 2.2em; color: #1c4788; padding-bottom: 10px; font-weight: normal;}
h2 {font-size: 1.8em; color: #1c4788; padding-bottom: 5px; font-weight: normal;}
h3 {font-size: 1.6em; color: #008f85; padding-bottom: 2px; font-weight: normal;}
h4 {font-size: 1.4em; color: #008f85; padding-bottom: 2px; font-weight: normal;}
p {font-size: 1.3em; padding-bottom: 10px; line-height: 1.3em;}

#header-content p{font-family: Calibri; font-size: 1.4em; color: #b0b0b0;}
#sidebar p, #sidebar-base p{color: #fff;}
#footer p{color: #fff; padding-bottom: 0;}
#copyright p{font-size: 1.2em; line-height: 2em;}
#webdeveloper p {font-size: 1.2em; color: #333; text-align: right;} 

/*Table Styles*/
table {background: #c4e0f6; border: 1px solid #fff; margin-bottom: 10px;}
table td{ padding: 5px; background: #c4e0f6; color: #1c4788; border: 1px solid #fff; font-size: 1.4em;}

/*List Styles*/
#content ul, #content ol {font-size: 13px; margin-left: 15px; padding-bottom: 10px; line-height: 1.3em;}
#content li{padding-bottom: 5px;}

/*Image Styles*/
img {padding: 0px;}
#gallery img{border-left: 3px solid #fff; border-right: 3px solid #fff;}
.action img{margin-right: 10px;}
#content img.left{margin: 10px 10px 10px 0;}
#content img.right{margin: 10px 0 10px 10px;}
#content img{padding: 10px;}

/*Shadow Container*/
#shadow{margin-left: auto; margin-right: auto; width: 1024px; margin-top: -10px;}
#shadow span.bottom{display: block; background: url(images/shadow-bottom.png) no-repeat; height: 12px; behavior: url(iepngfix.htc) }
#shadow span.middle{display: block; background: url(images/shadow-middle.png) repeat-y; padding-top: 11px; behavior: url(iepngfix.htc) }


/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.highlight {color: #123973;}
.action{float: left; width: 230px; padding-bottom: 15px;}
.middle {margin-top: 10px;}
.highlight-content {color: #008f85;}
.map {padding: 10px 0 10px 20px;}
.divider {clear: both; margin-bottom: 10px;}
.ruler{clear: both; margin-bottom: 10px; border-bottom: 1px dotted #3863a1;}

/*Gallery*/
.jdGallery { z-index: 0 !important; border-left: 3px solid #fff; border-right: 3px solid #fff; position: relative;} 
*html .jdGallery { z-index: 0 !important; border-left: 3px solid #fff; border-right: 3px solid #fff;}/* IE6*/ 
html>body .jdGallery {*z-index: 0 !important;}/* IE7*/ 
#gallery .managecontainer{margin-top: 0px; margin-left: 20px; height: 250px; background: #fff; overflow: scroll; z-index: 99; position: absolute; width: 610px; padding: 20px;}
center form input{margin-top: 200px;}

/*Editable Regions*/
a.QE_Link{}
#col1 a.QE_Link {margin-top: 10px;}
#col2 a.QE_Link {margin-top: 0px;}

/*Sign up to e-newsletter*/
#sign-up {width: 250px;}
#sign-up label{font-size: 1.4em; float: left; margin-top: 2px}
#sign-up input{float: right; margin-bottom: 10px; width: 190px;}
#sign-up .option{clear: both;}
#sign-up .subscribe {clear: both; width: 100px;}

/*Blog Styles*/
.article-summary {margin-bottom: 10px; border-bottom: 1px dotted #3863a1;}
.archive ul {padding: 0 !important;}