* {
   padding:0;
   margin:0;
}
body {
   font-size: 62.5%;
   background-color: #ffffff;
   text-align: center;
   margin-bottom: 50px;
   color: #111111;
}
#wrapper {
   background: #ffffff url(images/mobilereiki_bg_map.jpg) no-repeat right top;
   width: 800px;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   text-align: left;
   margin: 0 auto;
   margin-top: 10px;
   margin-bottom: 50px;
}
/* this springs to life if someone clicks a link to a named anchor at the bottom of the page */
div.bottom_space {
   margin-bottom:800px;
}
/* addding a bit of space at the bottom of the links page, otherwise the page jumps horizontally in chrome because no righthand scrollbar */
#links #wrapper {
   margin-bottom:120px;
}


ul, ol {
   padding-bottom: 1em;
}
ul#guarantee_details {
   padding-bottom: 0;
}

#mailinglist ul#f_links {
   padding-top:35px;
}

html, p, ul, ol, a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.05em;
   line-height: 1.6em;
}
p a, ul a, ol p, li a, td a {
   /* in case the <p> etc. font size is anything but 1em */
   font-size: 1em;
}
img {
   border:0;
}


h1, h2, h3 {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-style: italic;
   font-weight: 500;
   color: #111111;
}
h1, h2 {
   font-size: 2.1em;
   padding-top: 0.5em;
   padding-bottom: 0.3em;
}
#contact h1 {
   padding-bottom: 0.6em;
}
.news_issue_date {
   color: #999999;
}
h2.no_backtotop {
   padding-top: 1em;
}
h2#testimony {
   padding-bottom:0.7em;
}
p#quotes i {
   /*color:#974472;*/
   color:#814466;
}

h2.h2_pad, h3.h2_pad {
   padding-top: 1em;
}
h3 {
   font-size: 1.8em;
   padding-bottom: 0.3em;
}


p {
   padding-bottom: 1em;
}
p#usui {
   background: url(images/mobilereiki_dr-mikau-usui.jpg) no-repeat ;
   padding-left: 90px;
}
p#helen_index {
   background: url(images/mobilereiki_helen.jpg) no-repeat ;
   padding-left: 110px;
}
p#helen_contact {
   background: url(images/mobilereiki_helen_contact.jpg) no-repeat ;
   padding-top: 0;
   padding-left: 90px;
}
p#physically {
   padding-top: 15px;
}
span.caption {
   color:#777777;
   font-style: italic;
   padding-bottom: 0;
   padding-top: 0;
}
img.pic {
   padding:0;
}



a {
   color: #0267ff;
   text-decoration: underline;
}
a:visited {
   color: #0267ff;
   text-decoration: underline;
}
a:hover {
   text-decoration: underline;
   color: #a31111;
   /*color: #cc0000;*/
}
a.highlight {
   color: #a31111;
   text-decoration:underline;
}
a.highlight:visited {
   color: #a31111;
   text-decoration: underline;
}
a.highlight:hover {
   text-decoration: underline;
   color: #0267ff;
}
a img {
   text-decoration: none;
}
span.backtotop {
   display:inline-block;
   width:333px;
   text-align:right;
}




div#nav {
   background: url(images/nav_bg.gif) no-repeat;
   padding-top: 2px;
   width: 800px;
   height: 36px;
}
#nav ul {
   list-style:none;
}
#nav li a {
   display: block;
   /* width:113px; */  /* dimensions needed for IE5.x/Win */
   color: #ffffff;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-style: normal;
   font-size: 1.3em;
   line-height: 2.3em;
   height: 34px;
   text-decoration: none;
}








/* dimensions needed for IE5.x/Win
ul.dropdown li.index   { width:86px; }
ul.dropdown li.reiki   { width:136px; }
ul.dropdown li.treat   { width:166px; }
ul.dropdown li.learn   { width:119px; }
ul.dropdown li.contact { width:95px; }
ul.dropdown li.booking { width:97px; }
ul.dropdown li.links   { width:72px; }
*/

ul.dropdown li.index   { width:110px; }
ul.dropdown li.reiki   { width:170px; }
ul.dropdown li.treat   { width:166px; }
ul.dropdown li.contact { width:119px; }
ul.dropdown li.booking { width:115px; }
ul.dropdown li.links   { width:92px; }
ul.dropdown li.learn {
   display: none;
}









#index ul.dropdown .index a,
#reiki ul.dropdown .reiki a,
#learn ul.dropdown .learn a,
#contact ul.dropdown .contact a,
#booking ul.dropdown .booking a,
#links ul.dropdown .links a {
   background: url(images/mobilereiki_nav_button_on.gif) no-repeat;
   color: #161511;
   cursor: default;
}
#nav ul.dropdown li.treat a {
   cursor: default;
}
#nav ul.dropdown li.treat ul.sub_menu li a {
   cursor: pointer;
}
ul.dropdown {             /* this is the main navigation bar across the top of the page */
   position: relative; 
   list-style:none;
   padding-bottom: 0;
   margin-left: 15px;
}
ul.dropdown li { 
   float: left; 
   zoom: 1; 
   /*background: #000000; */
}
ul.dropdown li a { 
   text-align:center;
}
ul.dropdown li.treat a { 
   text-align:left;      /* so that i can line up sub_menu items beneath it */
}
ul.dropdown li.hover, ul.dropdown li:hover { 
   position: relative;                                              /* otherwise the dropdown menu flies off to the left */
   background-image:url(images/mobilereiki_nav_button_hover.gif);   /* rollover for top nav */
}
ul.sub_menu li a.hover, ul.sub_menu li a:hover {                    /* rollover for dropdown menu items */
   background-color: #dddddd;
}
ul.dropdown ul {
   visibility: hidden; 
   position: absolute; 
   width:166px;
   list-style: none;
   top: 100%; 
   left: 0;
}

ul.dropdown ul li { 
   float: none; 
   border-bottom: 1px solid #999999; 
}

#nav ul.dropdown ul li a {   /* need the #nav or the color, etc. doesn't work */
   display: inline-block;    /* IE 6 & 7 needs inline-block */
   width: 100%;
   text-align:left; 
   color:#111111;            /* sub-menu font text */
   font-size: 1.15em;
   height:32px;
} 


ul.dropdown ul ul {  /* this is for a third level of drop-down menu */
   left: 100%; 
   top: 0; 
}
ul.dropdown li:hover > ul { 
   visibility: visible; 
}
ul.sub_menu li a {
   background-color: #eeeeee; /*#d3d8e6;*/
}
#nav ul span.nb {
   font-size: 12px;
}




/* CSS bg logo looks awful in IE7 when increased with Ctrl+. so it's an image in the HTML */
div#logo {
   /*position:relative;*/
   float:left;
   padding-top: 0;
   width: 800px;
   height: 100px;
}
div#content {
   width: 800px;
}

div#leftarrow {
   /*background-color:#CC0066;*/
   float:left;
   width: 800px;
   height: 60px;
   left:0;
}
span#arrow {
   display: block;
   background-image:url(images/arrows.gif);
   width: 130px;
   height: 60px;
   margin-left:0;
   padding-left: 0;
}



div#leftside {   /* contains the 'subscribe to my newsletter' copy */
   background-color: #ffffff;
   float: left;
   border: 1px solid #999999;

   /* the following is from css3pie.com for rounded corners in IE */
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   /* behavior: url(http://www.mobilereiki.co.uk/admin/dev/xtra/PIE.htc); path is relative to HTML file being viewed, not CSS file */
   behavior: url(PIE.htc); 
   
   margin-right:10px;
   margin-top:15px;
   padding-top: 10px;
   padding-left: 14px;
   padding-right: 9px;
   padding-bottom: 6px;
   width: 100px;
}

a#subscribe {
   color: #0267ff;
   text-decoration: underline;
}
a#subscribe:visited {
   color: #0267ff;
   text-decoration: underline;
}
a#subscribe:hover {
   text-decoration: underline;
   color: #a31111;
}


/* see _inc_nav.php. for pages where we don't want the subscription link */
div#no_leftside {
   background-color: #ffffff;
   float: left;
   border: 0;
   margin-top: 73px;
   padding-top: 6px;
   padding-left: 11px;
   padding-right: 6px;
   padding-bottom: 6px;
   width: 120px;
}


span#button_yes:hover {
   background: #e1e8f3 url(images/button_yes.gif) no-repeat left bottom;
   display:block;
   width:116px;
   height:43px;
}


div#content div.copy {
   float: left;
   /* margin- and padding-left adjusted here so that can see hanging bullets in IE */
   margin-left: 0;  
   padding-left: 35px;
   width: 333px;
   margin-top: 0;
   /* border: 1px solid #999999; */
}



div#quoteofday {
   background: url(images/mobilereiki_quote.gif) repeat-y;
   border-top: 1px solid #dddddd;
   border-left: 0;
   border-right: 0;
   width: 800px;
   margin-top:20px;
   padding-top:10px;
   padding-bottom:10px;
}
div#quoteofday1, div#footer1 {
   float:left;
   width: 160px;
   padding-left:10px;
}
div#quoteofday1 {
   vertical-align:top;
}
div#quoteofday2 {
   float:left;
   width: 338px;
}



div#quoteofday3 {
   float:left;
   width:280px;
   text-align:right;
   text-decoration:none;
}
div#quoteofday3 a img {
   text-align:right;
   text-decoration:none;
}
div#quoteofday3 img {
   padding-left:3px;
}




div#leftside a img {	/* rss + twitter icons in the 'subscribe' box */
   text-decoration:none;
}
div#leftside img {
   padding-right:5px;
}


div#quoteofday a {
   color: #111111;
   letter-spacing: 0.02em; 
}
div#quoteofday a:hover {
   color: #a31111;
}
.clear {
   clear:left;
   height: 1px;
}


div#footer {
   background: url(images/footer_bg.gif) no-repeat;

   /*background: url(images/mobilereiki_footer.gif) repeat-y top center;
   border-left: 1px solid #000000;
   border-right: 1px solid #000000;
   width: 798px; */
   padding-top:6px;
   padding-bottom:1px;
}
div#footer div, div#footer a {
   color:#ffffff;
}
div#footer a:hover {
   color:#e7d9b7;
}
div#footer2 {
   float:left;
   width: 333px;
}
div#footer2 a {
   letter-spacing: 0.07em; 
}
div#footer3 {
   float:left;
   width:280px;
   text-align:right;
}

div#seo_footer {
   background-color:#ffffff;
   border-left: 1px solid #cccccc;
   border-right: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   width: 783px;
   padding-top:24px;
   padding-right:5px;
   padding-bottom:16px;
   padding-left:10px;
}
div#seo_footer p {
   color:#777777;
}

ul .footer_links {
   list-style:none;
}


table {
   font-size: 1.05em;
   line-height: 1.5em;
   margin-bottom: 18px;
}
td.first_treat {
   height:30px;
}


form {
   background-color:#e3e9f3;
   margin-bottom: 18px;
}
form p {
   padding-left: 10px;
}
form p.booking_form_text {
   padding-top: 15px;
   padding-right: 10px;
   padding-bottom: 18px;
}
form table {
   width:100%;
   font-size: 1.05em;
   line-height: 1em;
}
fieldset {
   margin-top: 15px;
   border:1px solid #666666;
}
.label_contact {
   display: inline-block;
   width: 6em;
   font-weight:600;
}
.label_booking {
   font-weight:600;
}
.label_paypal {
   display: inline-block;
   width: 17.1em;
   font-weight:600;
   vertical-align:top;
   padding-top:4px;
   padding-bottom:10px;
}
.textarea {
   margin-top: 10px;
}
input.textbx, .textarea {
   border:1px solid #999999;
}
.submit {
   margin-bottom: 5px;
}
span.contact_submit {
   display:inline-block;
   width:285px;
   text-align:right;
}
span.book_submit {
   display:inline-block;
   width:298px;
   text-align:right;
}
span.form_msg {
   /* display:inline-block; */
   color: #cc0000;
   font-style: italic;   
   padding-right: 3px;
}

.course_details {
   font-style:italic;
}



span.learn-reiki {
   display:block;
   width:333px;
   text-align:right;
   padding-left:195px;
}
span.learn-reiki a {
   display: inline-block;
   width:132px;
   height: 32px;
   text-decoration: none;
}
span#learn-reiki1, span#learn-reiki2, span#learn-reiki3 {
   display:inline-block;
   width:132px;
}
span#learn-reiki1 a {
   background: #ffffff url(images/btn_learn-reiki.gif) no-repeat left top;
}
span#learn-reiki1 a:hover {
   background: #ffffff url(images/btn_learn-reiki.gif) no-repeat left bottom;
}
span#learn-reiki2 a {
   background: #ffffff url(images/btn_learn-reiki.gif) no-repeat center top;
}
span#learn-reiki2 a:hover {
   background: #ffffff url(images/btn_learn-reiki.gif) no-repeat center bottom;
}
span#learn-reiki3 a {
   background: #ffffff url(images/btn_learn-reiki.gif) no-repeat right top;
}
span#learn-reiki3 a:hover {
   background: #ffffff url(images/btn_learn-reiki.gif) no-repeat right bottom;
}

em.newsletter {
   color: #a31111;
}
#violet { color:#cf6ae6; }
#indigo { color:#583f80; }
#blue   { color:#0a50ec; }
#green  { color:#1c9b1f; }
#yellow { color:#d7c108; }
#orange { color:#f58604; }
#red    { color:#f73148; }

#newsletter4 a img {
   cursor:default;
}
#newsletter4 img.pic {
   margin-top:12px;
}