/*------------------------------
Author: Barry G White, http://www.creativebridge.co.uk
Website: http://www.starleyhall.co.uk
Version: 1
------------------------------*/

/* Colours -------------------
   yellow: #ffde00
 darkblue: #042470
lightblue: #5ba1eb
	 grey: #d1d3d4
------------------------------*/

/* Global Styles
-----------------------------*/
html, body {
	margin: 0;
	padding: 0;
	font: small Helvetica,arial,sans-serif;
	background: #d1d3d4;
	color: #fff;
	}

a:link {color: #ffde00; text-decoration: underline;}
a:visited {color: #ffde00; text-decoration: underline;}
a:hover {color: #5ba1eb; text-decoration: none;}
a:active {color: #fff;}

h1 {margin:0; padding:0; font-size:180%;}
h2 {margin:0; padding:0; font-size:110%; font-family: tahoma, helvetica, arial, sans-serif;}
em {font-style: normal; color: #ffde00;}
strong {font-weight: bold;}
img {border: none;}
blockquote {margin-left: 0; margin-bottom: 5px; font-style: italic;}

.floatleft {float: left;}
.floatright {float: right;}
.clear {clear: both;}
.yellow {color: #ffde00;}

/* Layout
------------------------------*/
#wrap {
	margin: 0 auto 20px auto;
	padding: 0;
	background: #fff;
	width: 940px;
	border: 10px solid #fff;
	}

/* Header
------------------------------*/
#header {
	margin: 0;
	padding: 0;
	width: 940px;
	}
#header img {margin-bottom: 10px;}

#header h1 {
	margin: 0:
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	width: 690px;
	height: 92px;
	text-align: center;
	text-indent: -9999px;
	}
#la.about #header h1 {background-image: url(i/la/title-about.png);}
#la.referrals #header h1 {background-image: url(i/la/title-referrals.png);}
#la.education #header h1 {background-image: url(i/la/title-education.png);}
#la.services #header h1 {background-image: url(i/la/title-services.png);}
#la.reviews #header h1 {background-image: url(i/la/title-reviews.png);}
#la.movingon #header h1 {background-image: url(i/la/title-movingon.png);}
#la.news #header h1 {background-image: url(i/la/title-news.png);}
#la.contact #header h1 {background-image: url(i/la/title-contact.png);}

#yp.about #header h1 {background-image: url(i/yp/title-about.png);}
#yp.education #header h1 {background-image: url(i/yp/title-education.png);}
#yp.lookingafteryou #header h1 {background-image: url(i/yp/title-lookingafteryou.png);}
#yp.activities #header h1 {background-image: url(i/yp/title-activities.png);}
#yp.intouch #header h1 {background-image: url(i/yp/title-intouch.png);}
#yp.celebrations #header h1 {background-image: url(i/yp/title-celebrations.png);}
#yp.news #header h1 {background-image: url(i/yp/title-news.png);}
#yp.contact #header h1 {background-image: url(i/yp/title-contact.png);}

#p.about #header h1 {background-image: url(i/p/title-about.png);}
#p.working #header h1 {background-image: url(i/p/title-working.png);}
#p.education #header h1 {background-image: url(i/p/title-education.png);}
#p.care #header h1 {background-image: url(i/p/title-care.png);}
#p.health #header h1 {background-image: url(i/p/title-health.png);}
#p.keepingsafe #header h1 {background-image: url(i/p/title-keepingsafe.png);}
#p.news #header h1 {background-image: url(i/yp/title-contact.png);}
#p.contact #header h1 {background-image: url(i/yp/title-contact.png);}


#home #header h1 {
	width: 940px;
	height: 350px;
	background-image: url(i/home-banner.jpg);
	}

/* Container
------------------------------*/
#container {
	margin: 0;
	padding: 0;
	background: #042470 url(i/bg-alt.jpg) no-repeat bottom;
	clear: both;
	}
#container object {margin: 0 0 10px 0; padding: 0;}
#home #container {
	margin: 10px 0 0 0;
	background: #fff url(i/bg.jpg) no-repeat top;
	height: 340px;
	}

/* Container: Navigation
------------------------------*/
#nav {
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	text-transform: lowercase;
	}

#nav li {
	margin-left: 2px;
	padding: 0;
	width: 70px;
	background: #ffde00;
	float: left;
	line-height: 20px;
	}
#nav li.long {width: 113.868px;}
#yp #nav li {width: 69.125px;}
#yp #nav li.long {width: 95px;}
#p #nav li {width: 68px;}
#p #nav li.long {width: 98.8px;}

#nav li a {text-decoration: none; display: block; height: 18px; color: #042470;}
#nav a:hover, #nav li.current {background: #fff;}

/* Container: Main
------------------------------*/
#main {
	margin: 0 20px 0 0;
	padding: 15px 0 10px 0;
	font-size: 100%;
	width: 670px;
	line-height: 1.3em;
	text-align: justify;
	clear: both;
	float: right;
	}

#main #colleft {float: left; width: 300px; color: #ffde00;}
#main #colright {float: right; width: 330px;}
#colleft em {color: #fff;}

/* Image Column*/
#imgcol, #imgcol2 {margin: 0; text-align: center;}
#la.services #imgcol {padding-top: 134px;}
#yp.celebrations #imgcol {padding-top: 134px;}
#yp.education #imgcol {padding-top: 50px;}
#yp.celebrations #imgcol {padding-top: 95px;}
#yp.activities #imgcol2 {padding-top: 318px;}
#p.health #imgcol {padding-top: 50px;}

/* Download Column*/
#download-col {padding: 35px 0 0 30px; width: 200px; font-size: 90%;}
#download-col h2 {color: #ffde00; font-size: 120%;}
#download-col img.first {margin-right: 30px;}

#main ul {padding-left: 0;}
#main li {padding: 0 0 0.5em 0;}

/* Contact Form */
form {padding-bottom: 10px;}
label {float: left; width: 95px; padding: 5px 0 0 0;}
input {height: 1em; padding: 3px 0;}
input, textarea {width: 230px; font:100%/100%  Helvetica,arial,sans-serif;}
select {width: 234px; cursor: pointer;}
input.button {width: 15%; padding: 2px 8px; height: 1.8em; cursor: pointer;}
input.check {width: 1em; height: 1em;}
input:focus, textarea:focus {background: #faf4da;}
form dd {padding: 0 0 5px 0;}
form dt.floatleft {margin-left: 95px;}
#address2 {margin: 0 0 0 55px;}

/* Container: Google Map
------------------------------*/
#gmap {color: #000; font-size: 90%; width: 300px; height: 300px;}
#gmap a {color: #5ba1eb;}
#gmap a:hover {color: #042470;}
#gmap h3 {color: #000; margin: 0; padding: 0; font-size: 130%;}

/* Container: Panels
------------------------------*/
#home #panels {
	margin: 0 0 0 75px;
	padding: 0;
	text-align: center;
	position: relative;
	z-index: 10;
	}
#home #panels h2 {
	margin: -200px 0 0 0;
	padding: 0;
	float: left;
	width: 256px;
	height: 327px;
	background: #fff;
	text-indent: -9999px;
	}
#home #panels h2 a {display: block; height: 327px;}

#home #panels #panel-la {background: url(i/home-panels.png) 0 0 no-repeat; width: 270px;}
#home #panels #panel-yp {background: url(i/home-panels.png) -270px 0 no-repeat;}
#home #panels #panel-p {background: url(i/home-panels.png) -526px 0 no-repeat;}

#home #panels #panel-la a:hover {background: url(i/home-panels.png) -787px 0 no-repeat;}
#home #panels #panel-yp a:hover {background: url(i/home-panels.png) -1057px 0 no-repeat;}
#home #panels #panel-p a:hover {background: url(i/home-panels.png) -1313px 0 no-repeat;}

#home #paneltext {
	margin: 0 0 0 98px;
	padding: 0;
	clear: both;
	font-size: 90%;
	text-align: justify;
	}
#home #paneltext div {
	width: 231px;
	height: 14em;
	float: left;
	background: url(i/bluetrans.png) repeat;
	padding: 5px 5px 0 5px;
	}
#panel-la-text {margin: -18px 0 0 0;}
#panel-yp-text {margin: -18px 0 0 12px;}
#panel-p-text {margin: -18px 0 0 12px;}