/*--Russell Poulter--*/ /*--Flo Design--*/ /*--www.flodesign.co.uk--*/ /*--#349846-Green--*/ /*--#666666-Dark Grey--*/ /*--#a7a9ac-Light Grey--*/ /*--------------------------reset & layout--------------------------------*/ * {margin:0; padding:0;} html, body {height: 100%} body {background:url(images/bg.jpg) no-repeat top center; font-family:'Gill Sans','arial','helvetica', sans-serif; color: #666666} ul {font-size:13px; list-style: none inside;} p {font-size: 13px; padding-bottom: 15px; font-weight: 100; text-align: justify;} h2 {font-size: 40px; font-weight: 100;} h3 {padding: 0 0 10px 0; font-size: 13px; font-weight: 100; color: #349846;} h4 {color:#349846; font-size: 13px; padding: 10px 20px 0 20px; font-weight: 100; text-align: center;} h5 {font-size: 12px; font-style: italic; font-weight: 100;} a {outline: none; color:#349846;} a:hover {color: #666666;} a img {border: none;} .clear {clear:both;} .bodyimg {padding-bottom: 20px;} .botpara {padding-bottom: 0px;} #page-wrap {width:945px; height: 625px; position: absolute; top: 50%; left: 50%; margin-left: -471px; margin-top: -312.5px;} /*------------------------header-------------------------------*/ #header {background: url(images/top_bar.png) no-repeat; height: 27px; width: 942px;} /*------------------------sidebar-------------------------------*/ #sidebar {background: url(images/sidebar.png) no-repeat; height: 563px; width: 306px; float: left;} #sidebar h1 {text-indent: -9999px;} ul#cont_details {font-size: 13px; color: #666666; position: relative; top: 450px; left: 30px; font-weight: 100;} ul#cont_details li {padding-bottom: 5px;} ul#cont_details a {color: #666666; text-decoration: none;} ul#cont_details a:hover {text-decoration: underline;} .initial {color: #349846; display: inline;} /*--------------------------nav--------------------------------*/ ul#nav {height:34px; border:none; position: relative; padding: none;} ul#nav li {display:inline;} ul#nav li a {display:block; height:34px; text-indent:-9999px; float: left; z-index: 2;} ul#nav li.home a {width:91px; background:url(images/nav_home.jpg) bottom center;} ul#nav li.about a {width:90px; background:url(images/nav_about.jpg) bottom center;} ul#nav li.counselling a {width:91px; background:url(images/nav_counselling.jpg) bottom center;} ul#nav li.supervision a {width:91px; background:url(images/nav_supervision.jpg) bottom center;} ul#nav li.room a {width:91px; background:url(images/nav_room.jpg) bottom center;} ul#nav li.FAQ a {width:91px; background:url(images/nav_FAQ.jpg) bottom center;} ul#nav li.contact a {width:91px; background:url(images/nav_contact.png) bottom center;} ul#nav li a:hover {background-position:center center;} body#home ul#nav li.home a, body#about ul#nav li.about a, body#counselling ul#nav li.counselling a, body#supervision ul#nav li.supervision a, body#room ul#nav li.room a, body#FAQ ul#nav li.FAQ a, body#contact ul#nav li.contact a {background-position: top center;} /*--------------------------main--------------------------------*/ #main h2 {text-align: center; padding: 50px 0 50px 0; color: #349846;} h2#welcome {background: url(images/welcome.jpg) no-repeat; width: 636px; height: 44px; text-indent: -9999px; position: relative; top: 55px;} h2#moreabout {background: url(images/moreabout.jpg) no-repeat; width: 636px; height: 44px; text-indent: -9999px; position: relative; top: 55px;} h2#qe {background: url(images/q&e.jpg) no-repeat; width: 636px; height: 44px; text-indent: -9999px; position: relative; top: 55px;} h2#approach {background: url(images/myapproach.jpg) no-repeat; width: 636px; height: 44px; text-indent: -9999px; position: relative; top: 55px;} h2#cir {background: url(images/ci&r.jpg) no-repeat; width: 636px; height: 44px; text-indent: -9999px; position: relative; top: 55px;} h2#supervision {background: url(images/Supervisory.jpg) no-repeat; width: 636px; height: 44px; text-indent: -9999px; position: relative; top: 55px;} h2#room {background: url(images/room.jpg) no-repeat; width: 636px; height: 44px; text-indent: -9999px; position: relative; top: 55px;} h2#faq {background: url(images/faq.jpg) no-repeat; width: 636px; height: 44px; text-indent: -9999px; position: relative; top: 55px;} h2#contact {background: url(images/contact.jpg) no-repeat; width: 636px; height: 44px; text-indent: -9999px; position: relative; top: 55px;} /*--------------------------cols--------------------------------*/ #main {background: white; width: 636px; height: 529px; position: relative; float: left;} #col1 {width: 265px; float: left; padding: 0 26px 0px 26px; border-right: 1px solid #a7a9ac; display: inline;} #col2 {width: 265px; float: right; padding: 0 27px 0 25px; display: inline;} body#home #col1 {width: 265px; float: left; padding: 0px 26px 0px 26px; border: none;} body#home #col2 {width: 265px; float: right; padding: 0px 27px 0 25px; border-left: 1px solid #a7a9ac;} #cols #col1 {width: 265px; float: left; padding: 0px 26px 0px 26px; border: none;} #cols #col2 {width: 265px; float: right; padding: 0px 27px 0 25px; border-left: 1px solid #a7a9ac;} body#supervision #col1 {width: 265px; float: left; padding: 0px 27px 10px 25px; border: none;} body#supervision #col2 {width: 265px; float: right; padding: 0px 26px 0 26px; border-left: 1px solid #a7a9ac;} #img1 {position: relative; left:-10px; top:-10px;} #img2 {position: relative; left:14px; top:-19px; float: right;} a#inline img {position:relative; top:10px;} #main img {padding-bottom: 5px;} #janeimg {position: relative; right: 8px;} img#bacp {float: left;} img#ukrcp {padding: none; position: relative; left: 50px;} #qe a {display:block; height:51px; text-indent: -9999px; float: right; width: 214px; background: url(images/Q&E.png) top center; position: absolute; right: 10px; top:470px} #qe a:hover {background-position: bottom center;} #moreabout a {display:block; height:57px; text-indent: -9999px; float: right; width: 157px; background: url(images/moreabout.png) top center; position: absolute; right: 10px; top:467px} #moreabout a:hover {background-position: bottom center;} #confidentiality a {display:block; height:56px; text-indent: -9999px; float: right; width: 156px; background: url(images/confidentiality.png) top center; position: absolute; right: 10px; top: 470px} #confidentiality a:hover {background-position: bottom center;} #approach a {display:block; height:56px; text-indent: -9999px; float: right; width: 156px; background: url(images/approach.png) top center; position: absolute; right: 10px; top:470px} #approach a:hover {background-position: bottom center;} #col2 ul {font-weight: 100;} li.greenarrow {list-style-image: url(images/green_arrow.jpg); padding-bottom: 0px;} ul.indent {padding-left: 50px;} body#about h4 {width: 430px; padding-top: none; position: relative; bottom: 18px;} .greentxt {color: #349846;} /*------------------footer----------------------*/ #footer {background:url(images/bottom_bar.png); width: 942px; height: 33px; position: relative;} #footer p {position: absolute; right:15px; top:10px; float:right; font-size:13px; font-weight: 100; color:white; padding: 0 0 0 0;} .flo {position: absolute; right:12px; bottom:0px; color:#666666;} .flo a {color: #666666;} .flo a:hover {color: white;}