/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Camberley Natural Therapy Centre Stylesheet
Author : Darren Lynch / darren.lynch@mediarock.co.uk / Mediarock Ltd
Adjusted: Vincent Foreman / vincent@redheadmedia.co.uk / redhead media ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; min-width:880px;  margin:0; padding:0;  color:#646566; text-align:center;}
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html, body { height:100% !important; height:auto;  background: #0b5b88 url(/images/pageBg.gif) top center repeat-y;}

/* ----- IDS ----- */
#container {text-align:left; font-size:110%; margin:0 auto;}   
#top { background:url(/images/topBg.gif) top left repeat-x; display:block; width:auto; height:200px;}
#top #header { background:url(/images/headerBg.jpg) top left no-repeat; margin:0 auto; width:880px; height:174px; position:relative;}
#top #header #logo { position:absolute; top:10px; left:75px; width:425px; height:140px;}
#top #header #address { color:#FFFFFF; font-size:12px; line-height:14px; position:absolute; top:15px; left:640px;}
#middle { background:#FFFFFF;}
#middle #content { width:880px; margin:0 auto; padding: 10px 0 30px 0; z-index: 1}
#middle #content #leftCol { width:630px; float:left;}
#middle #content #leftCol #homeImage { background:url(/images/homeImage.jpg) top left no-repeat; width:598px; height:198px; position:relative;}
#middle #content #leftCol #homeImage #howWeCanHelpYou { background:url(/images/homeImageArrow.gif) 105px 45px no-repeat; width:150px; height:80px; position:absolute; top:90px; left:105px;  line-height:14px; font-family:Georgia, "Times New Roman", Times, serif;}
#middle #content #leftCol #homeImage #howWeCanHelpYou a { display: block; color:#FFFFFF; text-decoration:none; font-weight:normal;  font-size:12px;}
#middle #content #leftCol #homeImage #howWeCanHelpYou a:hover { text-decoration:underline}
#middle #content #leftCol #homeImage #howWeCanHelpYou span { display:block; font-size:18px; line-height:22px; padding-bottom:3px;  }
#middle #content #leftCol #homeImage #howWeCanHelpYourBusiness { background:url(/images/homeImageArrow.gif) 125px 45px no-repeat; width:165px; height:80px; position:absolute; top:90px; left:325px;  line-height:14px; font-family:Georgia, "Times New Roman", Times, serif;}
#middle #content #leftCol #homeImage #howWeCanHelpYourBusiness a { display: block; color:#FFFFFF; text-decoration:none; font-weight:normal;  font-size:12px;}
#middle #content #leftCol #homeImage #howWeCanHelpYourBusiness a:hover { text-decoration:underline;}
#middle #content #leftCol #homeImage #howWeCanHelpYourBusiness span { display:block; font-size:18px; line-height:22px; padding-bottom:3px;}
#middle #content #leftCol #homeJumps { padding:10px 0 10px 0;}
#middle #content #leftCol #homeJumps .homeJump { width:165px; float:left; padding: 0 15px; margin-right:12px;}
#middle #content #leftCol #homeJumps .homeJump .jumpTitle { background:url(/images/jumpTitleBg.gif) bottom left no-repeat; padding-bottom:7px;  line-height:22px; font-family:Georgia, "Times New Roman", Times, serif;}
#middle #content #leftCol #homeJumps .homeJump .jumpText { width:143px; padding:3px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#646566;}
#middle #content #leftCol #homeJumps .homeJump .jumpText a { color:#1f75a6; font-weight:normal; text-decoration:underline;}
#middle #content #leftCol #homeJumps .homeJump .jumpText a:hover { text-decoration:none;}
#middle #content #leftCol #homeJumps .homeJump .jumpText .jumpImage { border: 1px solid #c49cff; margin: 5px 13px 5px 0; width:50px; height:50px; float:left;}
body#home #middle #content #leftCol #homeJumps .homeJump .jumpText .jumpImage1 { border: none; margin: 5px 13px 5px 0; width:50px; height:50px; float:left;}
#middle #content #leftCol #homeJumps .homeJump .jumpLink { font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; line-height:16px; background:url(/images/jumpArrow.gif) 97px 5px no-repeat; width: 150px}
#middle #content #leftCol #homeJumps .homeJump .jumpLink a { display:block; width:140px; color:#377d1c; font-weight:normal; text-decoration:none; }
#middle #content #leftCol #homeJumps .homeJump .jumpLink a:hover { text-decoration:underline;}
#middle #content #leftCol #homeJumps .homeJump.last { margin-right:0px;}
#middle #content #leftCol #homeJumps .homeJump.first .jumpLink { background:url(/images/jumpArrow.gif) center right no-repeat;}
#middle #content #leftCol #homeJumps .homeJump.second .jumpLink { background:url(/images/jumpArrow.gif) center right no-repeat;}
#middle #content #leftCol #homeJumps .homeJump.last .jumpLink { background:url(/images/jumpArrow.gif) center right no-repeat;}
#middle #content #rightCol { width:250px; float:left; padding:5px 0 60px 0;}
body#blog #middle #content #rightCol, body#test #middle #content #rightCol { width:200px; float:left; padding:5px 0 60px 0;}/*vinny addition for blog*/

#middle #content #rightCol #whatWeDo { color:#000000; padding: 0 0 40px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:18px;}
body#blog #content #rightCol #whatWeDo, body#test #content #rightCol #whatWeDo{padding: 0 0 10px 0; font-size: 1.2em; line-height: 1.3em; font-family: verdana, helvetica, sans-serif}/*VF blog addition*/
#middle #content #rightCol #whatWeDo #whatWeDoTitle { font-size:18px; font-weight:normal; color:#03304d; line-height:22px; padding:5px 0 20px 0; background:url(/images/rightColArrow.gif) 97px 0px no-repeat; font-family: georgia, times, serif}
body#blog #middle #content #rightCol #whatWeDo #whatWeDoTitle, body#test #middle #content #rightCol #whatWeDo #whatWeDoTitle { padding:5px 0 0 0;}
#middle #content #rightCol #whatWeDo ul { margin:0; padding:0; list-style:none;}
#middle #content #rightCol #whatWeDo li { display:block; background:url(/images/rightColDivider.gif) bottom left no-repeat; padding:2px 0px 4px 0px;}
#middle #content #rightCol #whatWeDo a { display:block; color:#000000; font-weight:normal; text-decoration:none;}
#middle #content #rightCol #whatWeDo a:hover { text-decoration:underline;}
#middle #content #rightCol #fromTheBlog { font-size:14px; line-height:18px;}
#middle #content #rightCol #fromTheBlogTitle { font-size:18px; font-weight:normal; color:#03304d; line-height:22px; padding:8px 0 10px 0; background:url(/images/rightColArrow.gif) 115px 0px no-repeat;}
#middle #content #rightCol #fromTheBlog ul { margin:0; padding:0; list-style:none;}
#middle #content #rightCol #fromTheBlog li { display:block; position:relative; background:url(/images/rightColDivider.gif) bottom left no-repeat; padding:11px 0px 14px 0px; width:150px; line-height:16px; font-family:Georgia, "Times New Roman", Times, serif;}
#middle #content #rightCol #fromTheBlog a { color:#377d1c; text-decoration: none; font-weight:normal;}
#middle #content #rightCol #fromTheBlog a:hover { text-decoration:underline;}
#middle #content #rightCol #fromTheBlog .blogBubble { position:absolute; top:10px; left:170px;}
#bottom {}
#bottom #footer {background:url(/images/footerBg.gif) top left no-repeat; width:880px; margin:0 auto; height:132px; position:relative; top:-21px;}
#bottom #footer .padding { padding:40px 30px 30px 15px;}
#bottom #footer a { color:#FFFFFF; text-decoration:none; font-weight:normal;}
#bottom #footer a:hover { text-decoration:underline;}
#bottom #footer #footerAddress {  width:250px; float:left; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:14px;}
#bottom #footer #footerAddress #footerAddressTitle { font-size:14px; text-decoration:underline; line-height:18px;}
#bottom #footer #footerTherapies { width:350px; float:left; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; line-height:18px;}
#bottom #footer #footerTherapies #footerTherapiesTitle { font-size:14px; text-decoration:underline; line-height:18px;}
#bottom #footer #footerNavigation { width:235px; float:left; text-align:right; font-size:14px; color:#FFFFFF; line-height:18px;}
#bottom #footer #footerNavigation #footerNavigationTitle { font-size:14px; text-decoration:underline; line-height:18px; font-size:14px; color:#FFFFFF; line-height:18px;}

/* ----- CLASSES ----- */
.map {float: right; padding: 2px; border: 1px solid #ccc; margin-left: 10px;}
.clear { clear:both; }
.hide { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.inside .image_right { float:right; margin:0 0 15px 15px; padding: 2px; border: 1px solid #ccc}
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.inside{padding: 0 80px 0 20px;}
/*Blog side lists*/
ul.cats{margin: 4px 0 20px 0; padding: 0}
ul.cats li a{display:block; background: url('/images/lnkarr.jpg') no-repeat 0 6px; padding-left: 20px; margin: 0 0 0 4px; color: #377D1C; font-size: 1.1em; text-decoration: none;}
ul.cats li p{padding: 0 0 0 23px; font-size: .9em}
ul{font-size: 1.1em}
/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size:100%; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#07436b;}
.inside h1, .inside h2, .inside h3{margin: 5px 0}
h1{font-size: 1.8em}
.inside h1{margin-top: 10px;}
.inside h1 em{font-size: .7em; line-height: 1.1em;}
h2{font-size: 1.6em}
.inside h3{font-size: 1.5em; margin-bottom: 10px}
.inside p{font-size: 1.2em;}
p.pquote{float: right; background-color: #0B4F7E; padding: 10px; width: 180px; color: #fff; font-size: 1em; margin-left: 10px}
body#blog h1 a, body#test h1 a{text-decoration: none;}
body#blog h1 a:hover, body#test h1 a:hover{text-decoration: underline;}
p.hmpostby{font-size: .8em; font-style: italics; padding: 2px 0 0 0}

/* ----- TOP NAVIGATION ----- */
#topNav { height:26px; position:absolute; top:166px; left:0px;}
#topNav ul { margin:0; padding:0 0 0 10px; list-style:none;}
#topNav li { display:block; float:left; padding: 0 0 0 10px;}
#topNav a { display:block; float:left; color:#FFFFFF;  padding:9px 5px 0px 7px; font-size:14px; height:26px; text-decoration:none; font-weight:normal;}
#topNav a:hover {  color:#ffffff; text-decoration:underline;}
#topNav .active a { color:#0d598c; background:#FFFFFF; padding:4px 17px 4px 17px;}
body#home #homehere a, body#therapy #therapyhere a, body#team #teamhere a, body#blog #bloghere a, body#con #conhere a, body#find #findhere a, body#test #testhere a{color:#0d598c; background:#FFFFFF; padding:4px 17px 4px 17px; text-decoration: none;}


/* ----- FOOTER ----- */
#footer {}
#footer .padding {}
#footer a { font-weight:normal; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}
#top #header #address a{color: #fff; background-color: #03304d; padding: 0 2px; font-weight: normal}
.baclogo{position: absolute; top: -16px; left: 530px; z-index: 99}
.baclogo_in{position: absolute; top: 0px; left: 530px; z-index: 99}

/* ----- LINKS ----- */
p a{ color:#1f75a6; font-weight:normal; text-decoration:underline;}
a { color:#000000;  text-decoration:underline; }
a:hover { text-decoration:underline; }
.skipcon{position: absolute; top: 0; left: -9999px;}
.skipadd{position: absolute; top: 10px; left: -9999px;}
.lnkarr {display:block; background: url('/images/lnkarr.jpg') no-repeat left center; padding-left: 20px; margin: 0 0 5px 10px; color: #377D1C; font-size: 1.1em; text-decoration: none;}

body#blog #rightCol a, body#test #rightCol a { color:#377d1c; text-decoration:none; font-weight:normal;}
body#blog #rightCol a:hover, body#test #rightCol a:hover{ color:#1f75a6; text-decoration:underline; font-weight:normal;}
/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }

/*--IMAGES--*/
img.nobrd {border: none;}
body#blog .blogright, body#test .blogright{float: right; padding: 2px; border: 1px solid #ccc; margin: 4px 0 10px 10px;}

/*--LISTS--*/
#leftCol ul{font-size: 1.1em; color: #222}