/* Rachel Hale v1
   on6162.co.nz - Erwin Raaphorst - 4 December 2008 */

html, body, ol, ul, h1, h2, h3, h4, form, fieldset, img, p { border:0; margin:0; padding:0; }
body { background:url(../bg/bg.jpg) repeat-x center top; font:76%/1.25 arial, helvetica, sans-serif; color:#333; text-align:center; }
html{ overflow-y:scroll; } /* scrollbar FF */

a { outline:none; }
p { padding:0.5em 0; }
 
#wrap {
 width:810px;
 margin:0 auto;
 text-align:left;
 word-spacing:0.05em;
 letter-spacing:0;
 line-height:1.4em;
 font-size:1em;
 }

.header { padding:74px 30px 0; position:relative; height:100%; } /* height for IE6/7 */

.header img { float:left; border:1px solid #ad9467; margin-right:20px; }
.header ul { float:left; color:#fff; font-family:"Century Gothic", "Trebuchet MS", Arial, helvetica, sans-serif; font-size:1.2em; line-height:1.5em; margin-bottom:40px; }

.rachelphoto { margin-top:5px; }
.rachelsign { margin-left:280px; }

#footer { color:#634e29; padding:50px 0 10px; text-align:center; font-size:0.9em;  }

.intro { font-size:1.2em; clear:both; width:600px; padding:0 30px 30px; line-height:1.4em; }
.intro strong { font-size:1.1em; }
.intro strong span { font-size:.7em; margin-left:22.3em; display:block; margin-top:-5px; font-weight:normal;  }
 
.logo { background:url(../images/logo.png) no-repeat; width:365px; height:76px; margin:0 0 33px; text-indent:-9000px; }
.logo a { display:block; width:365px; height:76px; text-decoration:none; }
 
.logo2 { background:url(../images/crystallogo.jpg) 0 0 no-repeat; width:200px; height:250px; display:block; position:absolute; top:0; right:164px; } 
.phone { background:url(../images/phone.png) 0 0 no-repeat; width:140px; height:14px; position:absolute; top:140px; right:10px; text-indent:-9000px; }

a:link, a:visited  { color:#a14227; text-decoration:underline; }
a:hover { color:#369; }

.header a:link, .header a:visited { color:#fff; text-decoration:none; }
.header a:hover { text-decoration:underline; }

/* BOX */

.shadowtop { background:url(../bg/bgshadowtop.png) center top no-repeat; width:810px; margin-bottom:35px;  }
.shadowbottom { background:url(../bg/bgshadowbottom.png) center bottom no-repeat; }

.box { background:url(../bg/bgbox.png) 0 0 repeat; border:1px solid #c2b8a3; margin:0 9px; position:relative; }

.boxinner { background:url(../bg/swirl.png) top right no-repeat; border-bottom:13px solid #dac27d; padding:20px; position:relative;  }
.boxinner p, .boxinner ul { width:500px; }

.boximg { border:1px solid #ebe0cc; background-color:#fff; width:218px; position:absolute; top:185px; right:20px; }
.boximg img { border:1px solid #ebe0cc; margin:8px; display:block;  }

.hairswirl { background:url(../images/hairswirl.png) 0 0 no-repeat; width:78px; height:164px; display:block; position:absolute; }
.crystal { background:url(../images/crystal.png) 0 0 no-repeat; width:81px; height:66px; display:block; position:absolute; }

.reikiimg { position:absolute; top:108px; right:20px; }
.journeylogo { position:absolute; top:130px; right:30px; }

/* CONTACT DETAILS */

.contactdetails { background:url(../bg/bgcontact.jpg) 0 0 no-repeat; width:324px; height:78px; padding:175px 0 0 40px; position:absolute; top:65px; right:10px; color:#47525a; }

.thanks { padding:5em 0 15em; } 

/* HEADINGS */

h1, h2, h3, h4 { font-weight:normal; }

h1 { font-size:1.5em; }
h2 { font-size:1.2em; font-weight:bold; margin-bottom:0.1em; }
h3 { font-size:1.6em; color:#9a8052; }

big { font-size:1.6em; }

#hdhair, #hdjourney, #hdreiki { background:url(../images/headingbox.png) center top no-repeat; height:60px; text-indent:-9000px; }
#hdjourney { background-position:center -70px; }
#hdreiki { background-position:center -140px; }
.hdcontact { background:url(../images/headingwhite.png) left -70px no-repeat; height:30px; text-indent:-9000px; }
 
/* LISTS */

ol, ul { list-style:none; }

.bulletrnd li { background:url(../images/bulletrnd.png) 0 .5em no-repeat; padding:0 0 .3em 1.2em; }
.bulletrnd li li { background:url(../images/bulletsq.png) 0 .7em no-repeat; padding:0 0 .2em 1em; }
ul ul { margin:8px 0 0 30px; }
.sublist { margin-left:3px; font-size:.9em; }

/* WEB CREDIT */
.credit { margin:0.3em auto; }
.credit a:link, .credit a:visited { background:url(../images/checkbrown.png) left 0.2em no-repeat; padding-left:17px; color:#634e29; text-decoration:none; }
.credit a:hover { color:#369; }

/* CONTACT FORM */ 

.required { margin-bottom:2px; } 

.contact {  color:#9a8052; padding:0 30px; position:relative;  }

.contactform { display:inline-block; position:relative; } /* for IE6 bug */

.contactform fieldset { float:left; clear:left; width:100%; margin:1em 0 0; border-style:none; }
.contactform fieldset ol { float:left; clear:left; padding:1em 0 0; list-style:none; }
.contactform fieldset li { float:left; clear:left; width:100%; padding-bottom:1em; }
.contactform label { position:relative; float:left; width:6em; margin-right:1em; }
.contactform label img { position:absolute; left:5.7em;  top:0.5em; }  
.contactform .contactsubmit { float:none; width:auto; padding:0 0 2em 7em; }
.contactform input { width:21em; background-color:#faf8f2; }
.contactform textarea { width:23em; height:7em; font-family:arial, helvetica, sans-serif; font-size:1em; overflow:auto; background-color:#faf8f2; }
.contactsubmit input { width:auto; margin-right:10px; background:#faf8f2; color:#634e29; cursor:pointer; }
/* CHANGE COLOR */
.contactsubmit input:hover { color:#fff; background-color:#9a8052; }
.contactform input, .contactform textarea, .contactsubmit input { border:1px #9a8052 solid; padding-left:0.2em; }