body{ margin:0; color:#5C5B5A;} .container{  background:none; }
#footer{ clear:both; border-top:solid 1px #5C5B5A; margin:1.5em 0; padding:1.5em 0 1.5em 0;}
#footer a{ color:#5C5B5A; text-decoration:none;}

/* general rules */
.tooltip{ padding:10px; font-size:130%; background:#CEDFF3; border: 1px solid #BFD4F1;}
div#blank{ padding:200px 0 0 0;}
div.featbox{ background:url(../images/gradbkg.jpg) repeat-x; padding:18px 10px 18px 10px;}
div.outernanbox{background: url(../images/bgradbkg.jpg) repeat-x 0 -50px; margin:0 0 1.5em 0;}
div.nanbox, div.nanboxlast{width:217px; float:left; height:6.6em;  padding:18px 10px 18px 10px; margin:0 10px 0 0 0;}
a { color:#00A9CC; cursor:pointer;}
div.nanboxlast{ border-right:none;}
p, li,.edit-area-job, .edit-job {  font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h1{ font-size: 2em; margin-bottom: 0.75em;}
h2{font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h3{font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; clear: left; }
h6 { font-weight:normal;}
h1, h3, h2{ font-family:Arial, Helvetica, sans-serif;}
h1, h5, h2, h3{ color:#FE0192;} 
h3 span{ color:#5C5B5A;}
ul.big li{font-size: 1.5em; line-height: 1; margin-bottom: 1em; font-family:Arial, Helvetica, sans-serif;}
ul.big { margin:0; padding:0; list-style-type:none;}
p.up{ background:url(../images/up.png) no-repeat left 2px; padding:0 0 0 20px; clear:both; margin: -38px 0 26px 10px;}
p.back{ background:url(../images/back.png) no-repeat left 2px; padding:0 0 0 20px; clear:both; margin-left:10px;}

/* homepage */
#home{ background:url(../images/home.jpg) no-repeat bottom; width:950px; height:597px; margin:0 0 18px 0;}
#home h1 span{  position:absolute; top:-1000px; width:100px;}

#home h1 a#findnannybut{ position:absolute;  margin:351px 0 0 462px; height:35px; width:120px;}
#home h1 a#gnabut{ position:absolute;  margin:412px 0 0 469px; height:60px; width:65px; }
#home h1 a#recbut{ position:absolute;  margin:412px 0 0 545px; height:60px; width:65px;}
#home h1 a#bestbut{ position:absolute;  margin:412px 0 0 623px; height:60px; width:65px;}

div#jobs{ width:550px;}
div#jobs h6{ color:#5C5B5A; font-weight:normal;}

div#jobs h6 span.region{ color:#FF0092;}
div#jobs h6 span.job-date{ color:#666;}



/* testimonials */

.pics {  

    width:   211px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    width:  336px; 
    height: 211px; 
    top:  0; 
    left: 0 
} 






/* find a nanny page */
#findananny{ background:url(../images/findananny.jpg) no-repeat bottom; width:950px; height:597px; margin:0 0 18px 0; }
#findananny h1 span{  position:absolute; top:-1000px; width:100px;}

#findananny h1 a#contactbut{ position:absolute;  margin:478px 0 0 465px; height:35px; width:220px;}
#findananny h1 a#gnabut{ position:absolute;  margin:368px 0 0 686px; height:60px; width:65px; }
#findananny h1 a#recbut{ position:absolute;  margin:368px 0 0 755px; height:60px; width:65px;}
#findananny h1 a#bestbut{ position:absolute;  margin:368px 0 0 824px; height:60px; width:65px;}


/*things to consider page */
#thingstoconsider{ background:url(../images/thingstoconsider.jpg) no-repeat bottom #CEE4FB; width:950px;  height:597px; margin:0 0 14px 0;  }
#thingstoconsider h1{ margin:0;}
#thingstoconsider ul{ background:#fff; margin:464px 0 0 34px;  float:left; padding:1.5em 10px 1.5em 10px;}
#thingstoconsider li{ float:left; padding:0 10px 0 10px; margin:0 0 .25em 0;}
#thingstoconsider span{ position:absolute; top:-1000px; width:100px;}

/* who are kidsmatter page */
#whoarekids{ background:url(../images/whoare.jpg) no-repeat bottom; width:950px; height:711px; margin:0 0 18px 0; }
#whoarekids div{ padding:272px 40px 0 470px;}

/* footer */
#pagebottom{ margin:0 0 18px 0;}
img#badges{display:block; margin:0 0 0 0; width:202px; height:125px; }

/* contact us */
#form1{ margin:0; padding:0;}
#contactpic{ margin:-4px 0 0 100px; 	}

/* nanny pages */
#nannyhint{ position:absolute; margin:50px 0 0 590px; top:0; }
/* top grey nav switcher */
#topbar{ border-top:18px solid #5C5B5A; position:absolute; width:950px; top:0;}
#topbar a{ margin:0 0 0 800px; background:url(../images/altselector.png) no-repeat top; height:24px; width:129px; display:block;  }

#topbar a:hover { background-position: bottom; }
#topbar span{ position:absolute; top:-300px;}

/* header logo and nav */
#header{ background:url(../images/header.png) no-repeat; width:892px; height:92px; margin:-2px 40px 14px 0; top:54px; position:absolute;}
#header ul{ list-style:none; margin:17px 0 0 510px; }
#header li{ padding:0 0 6px 0; margin:0 0 0 0; }

#header li#find a{ background:url(../images/b_findananny.png) no-repeat left; display:block; width:158px; height:16px;}
#header li#things a{ background:url(../images/b_thingstoconsider.png) no-repeat left; display:block; width:158px; height:16px;}
#header li#who a{ background:url(../images/b_whoare.png) no-repeat left; display:block; width:158px; height:13px;}
#header li#gohome a{ position:absolute; width: 350px; height:100px; margin:-86px 0 0 -479px;}
#header li#contactus a{ position:absolute; width: 160px; height:50px; margin:-60px 0 0 230px;}
#header li#find a:hover, #header li#who a:hover, #header li#things a:hover{ background-position:right;}
#header span{ position:absolute; top:-300px;}


/*  page specific ---------------------------------------------------------------------- */

 .job-detail{ padding:100px 0 36px 0; clear:left; margin:0;}
.jobs-row span, .jobs-head span 	{ display: block; float: left; }
span.col1 			{ width: 60px; }
span.col2 			{ width: 80px; }
span.col3 			{ width: 150px; }
span.col4 			{ width: 140px; }

div#job-data { padding: 0; margin:0; }

/* Gokit core styles -- ignore below this line */

.center{ text-align:center;}
div#loginform { width: 400px; margin: auto; }

.error{ background:#ff6550; border:1px solid #CC1717; padding:10px; width:60%; color:#fff; margin: 1em auto 1em auto; }
.msg{ background:#FFF6DC; border:1px solid #EFE5C7; padding:10px; width:60%; margin: 1em auto 1em auto; }
.success{ background:#BBFFAF; border:1px solid #81CF74; padding:10px; width:60%; margin: 1em auto 1em auto; }

div#devfooter  { background:#F8F8F8; color:#666666; text-align: center; margin: 2em 0 0 0; padding:1em; }

div#devfooter #debug { text-align:left; }