/*
	Name: Clifton Childminding Services
	Description: Global Style Sheet
	Version: 1.0
	Author: Rolled.at
	Author URI: http://www.rolled.at
	Coder: Enrique Ramirez
*/

/***** Global *****/
	/* Reset */
		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,
		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-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	body {
    line-height: 1;
    font-size: 87.5%; /* 100% = 16px */
    color: #382e1f;
    background: #f3f3eb url('../images/bg.gif') repeat-x top left;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
		margin: 0;
		padding: 0;
		text-align: left
	}

/* Headers */
  h1, h2, h3, h4, h5, h6 {font-family: 'trebuchet ms', tahoma, arial, serif; font-weight: bold; margin-bottom: 1em; clear: both}
	h2 {font-size: 142.85%; color: #bb6f02; text-decoration: underline}
	h3 {font-size: 107.14%; text-decoration: underline}
	h4 {font-size: 114.28%}
	h5 {font-size: 100%}
	h6 {font-size: 92.85%}
	
	*.big-subheader {color: #fff; background: #c17f1e; padding: 1em; font-weight: normal}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #bb6f02; text-decoration: underline}
	a:hover, a:active {text-decoration: none}
	
/* Paragraphs */
	p {
    margin-bottom: 1.5em;
    line-height: 1.6;
    text-align: left
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}
	
	hr {height: 0; border-width: 1px 0 0 0; border-style: solid; border-color: #cbcbcb; margin-bottom: 1.5em}
	
/* Address */
  address {font-size: 92.85%; line-height: 1.7; font-style: normal}
  
  /* Address Box */
  .address {
    background: #f4f4ec;
    border-top: 1px solid #deded7;
    border-bottom: 1px solid #deded7;
    padding: 24px 22px;
    overflow: hidden;
    height: 1%;
    margin-bottom: 29px
  }
  
  .address .map {float: left; border: 3px solid #d7d7bf; margin: 0 15px 0 0; width: 189px}
  .address .info {float: left; width: 265px}
  .address .info h2 {margin-bottom: .8em}

/* Lists */
ul {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: outside disc
}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: outside decimal
}

/***** Layout *****/
/* Header */
#header {
  width: 822px;
  padding: 0 9px;
  margin: 0 auto;
  height: 153px;
  background: #333;
  position: relative;
  font-family: 'trebuchet ms', tahoma, arial, serif
}

#header h1 {font-size: 114.28%; font-weight: bold; width: auto; margin: 25px 0 0 25px; display: block; float: left}

#header h1 a:link, #header h1 a:visited {text-decoration: none}
#header h1 strong {font-size: 187.5%; border-bottom: 1px solid white; width: auto}
#header h1 span {display: block; margin-top: .7em}
#header h1 a:hover strong, #header h1 a:active strong {border-bottom: 1px solid #ccc}

#header a:link, #header a:visited {color: #fff}

#header.header1 {background: #333 url('../images/header-1.jpg')}

  /* Menu */
  #menu {
    position: absolute;
    background: url('../images/menu-bg.png') !important;
    background: url('../images/menu-bg-ie.gif');
    height: 45px;
    width: 812px;
    bottom: 0;
    left: 9px;
    margin: 0;
    padding: 0 5px;
    list-style: none;
    font-size: 114.28%;
    font-weight: bold
  }
  
  #menu li {
    display: block;
    float: left;
    height: 16px;
    line-height: 16px;
    margin: 14px 0 0 0;
    padding: 0 10px;
    border-right: 1px solid white
  }
  
  #menu li.last, #menu li:last-child {border: 0}
  
  #menu a:link, #menu a:visited {text-decoration: none; display: block; padding-bottom: .1em}
  #menu a:hover, #menu a:active, #menu .current a:link, #menu .current a:visited {border-bottom: 1px solid white}

/* Body */
#body {
  background: #fff url('../images/main-bg.png') repeat-y top left;
  width: 777px;
  padding: 37px 28px 43px 35px;
  margin: 0 auto;
  overflow: hidden
}

  /* Content */
  #content {width: 525px; float: left; margin: 0 27px 0 0}
  
  /* Sidebar */
  #sidebar {width: 224px; float: left}
  #sidebar h2 {font-size: 114.28%; padding: 10px; margin: 0 0 10px 0; background: #f4f4ec; color: #382e1f; text-decoration: none}
  
  #sidebar ul {margin: 0 0 15px 0; padding: 0; list-style: none; font-size: 92.85%; color: #382e1f}
  #sidebar li {border-bottom: 1px solid #dddcd9; padding: 0 5px 6px 5px; margin: 0 0 7px 0}
  
  #sidebar a:link, #sidebar a:visited {text-decoration: none; color: #382e1f}
  #sidebar a:hover, #sidebar a:active {text-decoration: underline}

/* Footer */
#footer {
  background: #9b9b9b url('../images/footer-bg.png') repeat-y top left;
  width: 822px;
  padding: 0 9px;
  margin: 0 auto;
  height: 50px;
  line-height: 50px;
  color: #fff
}

#footer p {margin: 0 1.5em; padding: 0; line-height: 50px}
#footer a:link, #footer a:visited {color: #fff}
	
/***** Sections *****/
.attention {
  padding: 12px 0 12px 8px;
  background: #c27f1e;
  color: #fff;
  margin: 0 0 15px 0;
  font-weight: bold;
  font-size: 92.85%;
  clear: both;
}

.attention p {margin: 0; padding: 0}
.attention a:link, .attention a:visited {color: #fff}

/* Enquiries */
.enquiries {margin: 0 14px}

.enquiries a {display: block; margin-bottom: 1.5em}
.enquiries span {display: block; margin-bottom: .5em}

/* Testimonials */
.testimonial-list {margin: 0; padding: 0; list-style: none}
.testimonial-list li {clear: both; margin-bottom: 1em; padding-bottom: 1em; overflow: hidden; height: 1%; border-bottom: 1px solid #b7b7b7}

.testimonial-list img {float: left; border: 3px solid #d5d8bd; margin: 0 15px 0 0}

.testimonial-list .testimonial {width: 410px; float: left}
.testimonial-list .testimonial cite {font-size: 107.14%; font-style: normal; margin-bottom: .2em; display: block}
.testimonial-list .testimonial blockquote {font-size: 85.71%}
.testimonial-list .testimonial blockquote p {line-height: 1.4; margin-bottom: 1em}

/* Location */
#google-map {
  width: 523px;
  border: 1px solid #979797;
  border-top: 1px solid #f90
}

/* Schedule */
.schedule {width: 100%; margin-bottom: 2em}

.schedule thead th {
  padding: 15px 7px 15px 5px;
  text-align: center;
  background: #c27f1e url('../images/table-header-sep.gif') no-repeat bottom right;
  color: #fff
}
.schedule thead th.last {background-image: none}

.schedule tbody th, .schedule tbody td {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding: 7px 5px;
  padding: 7px 5px;
  text-align: center;
  background: #f4f4ec
}

.schedule tbody .odd th, .schedule tbody .odd td {background: #efefe6}

.schedule tbody th {
  font-family: 'trebuchet ms', tahoma, arial, serif;
  font-size: 100%;
  font-weight: bold;
  color: #161616
}

.schedule tbody td {font-size: 85.71%; font-family: 'trebuchet ms', tahoma, arial, serif;}

.schedule .open {font-weight: bold; color: #309c00}
.schedule .filled {font-weight: bold; color: #c50000}

.schedule-links strong {color: #bb6f02; text-decoration: underline; cursor: pointer}

/* Vacancies */
.vacancies-section {float: left; width: 47%; margin-bottom: 20px; }
.vacancies-section.left {border-right: 1px solid #ddd; margin-right: 2.9%; margin-bottom: 20px; clear: left}

/* Contact */
#contact {
  padding: 24px 11px;
  overflow: hidden;
  height: 1%;
  margin-bottom: 29px;
  position: relative
}

  /* Contact Form */
  #contact-form {
    width: 50%;
    float: left;
    margin-right: .99%
  }
  
  #contact-form label {display: block; color: #bb6f02; text-decoration: underline; margin-bottom: .5em; font-weight: bold; font-size: 92.85%;}
  #contact-form input.text, #contact-form textarea {
    margin-bottom: 1.3em;
    border: 1px solid #d7d7bf;
    background: #f9f9f2;
    padding: 0 .3em;
    height: 25px;
    width: 75%;
    font-size: 92.85%;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif
  }
  
  #contact-form textarea {height: 130px; width: 90%}
  
  #contact-form .button {
    background: #c27f1e;
    border: 0;
    padding: .3em .8em;
    margin: 0;
    display: block;
    color: #fff;
    font-size: 92.85%;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
    cursor: pointer
  }
  
  /* Contact Info */
  #contact-info {
    float: right;
    width: 40%;
    font-size: 92.85%;
    background: #f4f4ec;
    border-top: 1px solid #deded7;
    border-bottom: 1px solid #deded7;
    padding: 20px 22px 24px 22px;
    overflow: hidden;
    height: 1%
  }
  
  #contact-info address {text-align: left; margin-top: 3.5em}
  
  #contact-info p {text-align: left}
  #contact-info p a {margin-bottom: .5em; display: block}