/* jonesandco.co.nz
   v1 - 20 August 2009 - Erwin Raaphorst - erwin@ilook.co.nz */

/* [DEV BACKGROUND COLOURS] - BEGIN - Remove starting here */
div#header{ background:url(../images/bgheader.png) 0 0 repeat-x; }
div#subheader { }
div#footer{ background:url(../images/bgfooter.png) 0 0 repeat-x; border-top:1px solid #bdc1a3; font-size:0.9em; font-family:Arial, Helvetica, sans-serif; color:#7b8064; }
div#subfooter{ background:url(../images/footswirl.png) right top no-repeat; }
div#container-center{ padding:15px 0 40px; display:inline-block; }
div#container-left{ background:lime; }
div#container-right { color:#7b8064; }
/* [DEV BACKGROUND COLOURS] - END - Remove ending here */

/* IE PNG support - uncomment
img, div { behavior: url(iepngfix.htc) } */

html,body,dl,dt,dd,form,img{ margin:0; padding:0; border:0; }

html{overflow-y:scroll;}
body{font:76%/1.5 Georgia, "Times New Roman", Times, serif; color:#555;}
#wrapper { font-size:1em; position:relative;  }

dfn { display:none; }
b, strong {font-weight:bold;}
em, i {font-style:italic;}
p, #container-center ul, #container-center ol { padding-bottom:0.8em; }
#container-center ul li {list-style-type:circle; list-style-position:outside; margin-left:16px; }
#container-center ol li {list-style-type:decimal; list-style-position:outside; margin-left:16px; }

hr {border:none 0;border-top:1px solid #7b8064;height:1px;margin-bottom:10px;clear:both;} 
a, a:visited {color:#900;}
a:hover {color:#253072;}

.margin-right{margin-right:25px;}
.margin-left{margin-left:25px;}

#container-center img { padding:5px; }
#container-center img, #container-right img { border:1px solid #b8bca4; }

.imgbox { float:right; width:237px; margin-left:15px; color:#7b8064;  }
.imgbox img { margin-top:5px; }

h1, h2, h3, h4, h5, h6, .pre-planning-form legend {padding-bottom:0.3em; line-height:normal; color:#253172; }
h1 { font-size:2.6em; background:url(../images/dottedline.png) bottom left repeat-x;  padding-bottom:20px; margin:3px 0 20px; }
h2 { font-size:1.8em; padding-bottom:10px; }
h3, .pre-planning-form legend { font-size:1.6em; }
h4 { font-size:1em; font-weight:bold; }
h5, h6 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1em; }
h6 { font-size:0.8em; text-transform:uppercase; text-align:right; color:#7b8064; font-weight:normal; }
#container-right h3, .imgbox h3 { background:url(../images/dottedline_blue.png) bottom center repeat-x; padding-bottom:10px; margin:10px 0; color:#7b8064; }
.imgbox h3 { margin-top:0; }

/* menu */

.nav { background:#1f2862 url(../images/bgnav.png) 0 0 repeat-x;border:1px solid #b7b7b7;border-width:1px 0;height:33px;}
.menu { font-family:Arial, Helvetica, sans-serif;font-size:12px;width:960px;margin:0 auto; }
/**/.menu img {margin-top:15px; float:left;}
/**/.pipe {margin-left:0px; margin-right:0px;}
.menu ul {background:url(../images/navdiv.png) left top no-repeat;padding-left:2px;margin:0;list-style-type:none;display:inline-block;}
.menu ul li {background:url(../images/navdiv.png) right top no-repeat;float:left;z-index:9999;list-style-image:none; }
.menu ul ul li {display:block;width:11em;height:auto;position:relative;line-height:1em;background:none;}

.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:1em;text-decoration:none;color:#fff;padding:0 15px 0 16px;margin-right:2px;line-height:33px;}
.menu a:hover, .menu .current a {background:#1c2458 url(../images/bgnavhover.png) 0 bottom repeat-x; color:#fff;}
.menu h3 {font-weight:bold; color:#e5e5e5; padding:3px 13px 0;}

.menu ul ul a, .menu ul ul a:visited {font-size:12px;display:block;background:#273067;color:#fff;width:11em;height:100%;line-height:1em; padding:8px 20px;border:1px solid #878db1;border-width:0 1px 1px 1px; }
.menu ul table ul a, .menu ul table ul a:visited {width:14em;w\idth:12em;}
.menu table {position:absolute;left:0;top:0;font-size:1em;z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}
.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;z-index:9999;}
.menu ul ul a:hover {color:#fff;background:#1c2458;}
.menu ul ul {visibility:hidden;position:absolute;height:0;top:33px;left:-3px;width:14.5em;background:none;border-top:1px solid #878db1;text-align:left; }
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible;height:auto;padding-bottom:3em;}

/* sub nav */

.subnav li { font-family:Arial, Helvetica, sans-serif; margin-bottom:5px; }
.subnav a, .subnav a:visited, .linklist a, .linklist a:visited, .newscategory a, .newscategory a:visited { text-decoration:none; background:url(../images/bttnarrow.png) left 4px no-repeat; padding-left:10px; }
.subnav a:hover, .linklist a:hover, .newscategory a:hover { background-position:0 -37px; }
#container-right .subnav li h3, .subnav a.menuactive { background:url(../images/bttnarrow.png) 0 -37px no-repeat; font-size:1em; margin:0; padding:0 0 0 10px; color:#253172; font-weight:bold; }

.linklist li { margin-bottom:5px; }

.subnav ul ul { margin:5px 0 0 15px; font-size:0.9em; }

#container-center ul.subnav li { list-style:none; margin-left:10px; }
/*
.subnav ul a, ul.subnav a { color:#253172; }
.subnav ul ul a { color:#900; }
*/
/* footer */

.locs { background:url(../images/bglocs.png) 0 0 no-repeat; width:553px; padding:10px 0 25px 30px; margin-top:10px; float:left; overflow:hidden; }
.locs ul { float:left; margin-right:70px; }
ul.locslast { margin-right:0; }
.credit { float:right; text-align:right; margin-top:10px; }
.credit img { margin-bottom:-0.8em; }

/* sub content - home page */

.subcontent { background:url(../images/dottedline.png) 0 0 repeat-x; padding-top:20px; margin-top:10px; overflow:hidden;  }
#container-center .subcontent ul li { list-style:none; list-style-position:outside; }
.subcontent, .subcontent h3 { color:#7b8064; }
.quicklinks { width:300px; float:left; background:url(../images/dottedline_v.png) right 0 repeat-y; padding-right:20px; margin-right:20px;  }
/*.kudos { width:210px; float:right; padding-top:10px; }*/
.qlfac, .qlser { width:145px; }
.qlfac { float:left; }
.qlser { float:right; }
.quicklinks li { background:url(../images/bttnarrow.png) 0 -37px no-repeat; padding:0 0 5px 10px; margin-left:2px; font-family:Arial, Helvetica, sans-serif; order:1px dotted yellow;  }
.quicklinks li:hover { background-position:0 4px; }
.quicklinks a, .quicklinks a:visited { text-decoration:none; color:#7b8064; order:1px dotted green;  }
.quicklinks a:hover { color:#900; }

#container-center .qlfac ul li, #container-center .qlser ul li { margin-left:0; }

/* news */
.newsbox { padding-left:340px; }
.newsindex .NewsSummary { border-bottom:1px solid #EEF0E3; padding-bottom:20px; margin-bottom:20px; }

.NewsSummaryPostdate, #NewsPostDetailDate, #NewsPostDetailCategory, #NewsPostDetailAuthor, .NewsSummaryCategory, .NewsSummaryAuthor { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color:#b8bca4; }

#NewsPostDetailCategory, #NewsPostDetailAuthor, .NewsSummaryCategory, .NewsSummaryAuthor { float:left; margin:0 10px 10px 0; }
#NewsPostDetailContent, .newsindex .NewsSummaryContent, .newsindex .NewsSummarySummary { clear:both; }
.NewsSummaryLink { font-size:1.4em; }
#NewsPostDetailTitle { border-bottom:1px solid #b8bca4; padding-bottom:8px; margin:5px 0; }

.list1 { margin-bottom:40px; }

/* sidebar */

.artofcaring{background:url(../images/artofcaring.png) 0 0 no-repeat; width:331px; height:151px; position:absolute; bottom:140px; right:0;}

.box { background:url(../images/bgbox.png) 0  0 no-repeat; padding:20px 30px; height:346px; margin-top:60px; }
.boxinner { background:url(../images/bgboxinner.png) center 0 no-repeat; padding:20px 40px; margin:40px 0 160px;  }

.leftcontact, .rightcontact { font-family:Arial, Helvetica, sans-serif; margin-top:15px; }
.leftcontact { float:left; text-align:right; }
.rightcontact { float:right; text-align:left; border-left:1px solid #b8bca4; padding-left:20px;  }

.note { font-family:Arial, Helvetica, sans-serif; font-size:.9em; }

/* links */

a.morebttn, a:visited.morebttn { background:url(../images/bttn.png) 0 0 no-repeat; height:18px; width:125px; text-indent:-9000px; display:block; margin:10px 0 20px; }
a:hover.morebttn { background-position:0 -20px; }

a.more, .NewsSummaryMorelink a { background:url(../images/bttnarrow.png) right 4px no-repeat; padding-right:10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
a:hover.more, .NewsSummaryMorelink a:hover { background-position:right -37px; }

.bdhome a.more { margin-left:20px; }

/* testimonials */

blockquote { background:url(../images/bgquote.png) 0 0 no-repeat; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:10px; font-style:italic; font-size:1.2em; line-height:1.3em; padding-left:20px; }
.client { font-family:Arial, Helvetica, sans-serif; background:url(../images/dottedline.png) bottom left repeat-x; padding-bottom:20px; margin-bottom:20px; color:#b8bca4; margin-left:20px; }
.bdhome .client { background:none; padding-bottom:0; margin-bottom:10px; }

/* tables */

table { border-collapse:collapse; }
td { padding:10px 5px; vertical-align:top; }
tr { background:url(../images/dottedline.png) bottom left repeat-x; }
table img { border:1px solid #b8bca4; padding:5px; }
table p { font-family:Arial, Helvetica, sans-serif; }
table h3 { color:#7b8064; }

/* thumbviewer */

#gallery {position:relative;width:255px;margin:20px 0;}
#images {height:212px;}
#image {position:relative;width:255px;height:212px;background:url(/images/loading.gif) center center no-repeat}
#image img {position:absolute;top:0;left:0;border:none;padding:0;} /* NOTE! cascade reset */
#thumbwrapper {width:65px;margin-top:10px;float:right;}
#thumbarea {position:relative;overflow:hidden;width:70px;}
#thumbs {list-style:none;margin-left:5px;}
#thumbs li {float:left;margin-right:5px;cursor:pointer;opacity:.7; -moz-opacity:.7; filter:alpha(opacity=70);}
#thumbs li:hover {opacity:1;	-moz-opacity:1;	filter: alpha(opacity=100);}
#thumbs img {border:none;padding:0;} /* NOTE! cascade reset */

/* contact form */

input, textarea, select { color:#5a6b77;padding:2px 3px;font-family:Arial, Helvetica, sans-serif; font-size:1em; }

.contactform, .pre-planning-form { background:url(../images/bggrad.png) 0 0 repeat-x;padding:20px 40px; border:1px solid #e5e5e5; width:340px; margin:20px 0; padding-bottom:20px; }
.contactform fieldset { color:#7b8064; }
.contactform div {width:100%; padding:0.3em 0 1em 0;}
.contactform div label {display:block; width:27em; margin-bottom:4px; }
.contactform input, .contactform textarea{width:27em;}
input.fbsubmit{width:auto;}
.error_message{color:#f00;}
.submit {clear:both;}


/* pre-planning form */

.pre-planning-form { width:500px; overflow:hidden; }
.pre-planning-form fieldset { background:url(../images/dottedline_blue.png) left bottom repeat-x; padding:10px 0; margin-bottom:10px; }

.pre-planning-form input { width:18em; }
.pre-planning-form label { display:block; clear:both; }
.pre-planning-form div { margin:0 0px 5px 0; width:250px; float:left; }

.pre-planning-form div.clboth { clear:both; }
.pre-planning-form div.fllw { width:500px; }
.pre-planning-form h3 { padding:0; color:#555; font-style:italic; font-size:1.2em; } 

.pre-planning-form div.checkbox, .pre-planning-form div.checkbox div, .pre-planning-form div.checkbox input { width:auto; }
.pre-planning-form div.checkbox label { display:inline; width:auto; margin-right:40px; 	}
.pre-planning-form div.floatnone { float:none; }

.submit input { width:auto; }

.fb_invalid, .error_message { color:#900; }
.fb_invalid label { color:#555; }