/* --------- Tirona Base CSS Styles --------- */

html, body, div, p, img, a, hr, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, blockquote, th, td, span, form, input { margin:0; padding:0; }

/* "font-size:62.5%" Sets base font size for the website. This is based on most browsers' default font size of 16px (16px X 0.625 = 10px). By setting the base font size to 10px, "em" can be used to set resizable, pixel values for fonts (1.0em = 10px, 1.1em = 11px, 1.2em = 12px, etc.) */

body { font-size:62.5%; font-family:Arial, Verdana, Helvetica, sans-serif; background:#2e0d06 url('../images/paper-bg.jpg') repeat-x; }

img, fieldset { border:0; }

a { text-decoration:none; color:#d16700;  outline: none; }
a:hover { text-decoration:underline; }
/* a:visited { color:#92abd1; } */


hr { margin:0.8em 0; border:0; height:1px; color:#3e7ad5; background:#82afd4; }

p, li, td, th { font-family:Arial,  Verdana, Helvetica, sans-serif; font-size:1.2em; color:#532112; line-height:1.6em; }

span.intro { font-family:"Times New Roman", Times, serif; font-size:1em; font-weight:bold; text-transform: uppercase; color:#683221;}

p { padding:0 0 0.7em 0; }

li { padding:0 0 0.6em 0; vertical-align:middle; }

ul, ol { padding:0 0 0 16px; }

ul { list-style-image:url("../images/arrow-orange.gif"); list-style-position:outside; }

h1, h2, h3, h4, h5, h6 { font-family:"Times New Roman", Times, serif; padding:0.9em 0 0.7em 0;  color:#0c6775; }

h1 { font-size:1.9em; }   /* h1 should only be used once per page for the title of the website. */
h2 { font-size:1.6em; }   /* h2 should only be used once per page for the title of the page.*/
h3 { font-size:1.3em; }   /* h3 can be used for main navigation links and subtitles within the page.*/
h4 { font-size:1.8em;  padding-bottom:0.5em; text-transform: uppercase; color:#7c5f40; font-weight:normal;}   /* h4 - h6 set to same size as p tag for small subtitles. */
h5 { font-size:1.1em; line-height:1.3em; }
h6 { font-size:1.1em; }

h4.top {padding-top:25px; }
span.smallcaps { font-size:1.2em; }


blockquote { padding:10px 30px; }

/* --------- Global Custom Text Styles --------- */

a.pdficon { line-height:16px; background:url(../images/icon-pdf.gif) no-repeat; padding:2px 0 2px 22px; }

a.external { background: url(../images/icon-external-link.gif) no-repeat right; padding: 0 22px 0 0; }

.hidden { position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow:hidden; }/* hides text but still makes it available to screen readers */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { height:1%; } /* stretches divs to the bottom of nested floats. */  

.textright { text-align:right; }
.textcenter { text-align:center; }
.textleft { text-align:left; }

.center { margin:0 auto 0 auto; text-align:center; }

.floatright { float:right; }
.floatleft { float:left; }

/* --------- Tirona Layout CSS Styles --------- */

html, body { height:100%; }

body { margin:0; padding:0; text-align:center; }

#distance { position:relative; margin:0 auto; width:1px; height:50%; margin-bottom:-277px; }

#container { margin:0 auto; position:relative; height:554px; width:950px; background:#fff9ed; text-align:left; border:2px solid #381405; }

#topnav { position:absolute; left:0; top:0; height:115px; width:950px; background:#f6ecd7 url(../images/navbar-bg.jpg) left bottom repeat-x; border-bottom:1px solid #381405;}

#navbar { position:absolute; left:475px; top:55px; width:450px; height:60px; background:#999999; }

#navbar img { float:left; }

#navbar a {display:block; float:left; height:60px; }
#navbar a:hover img, #navbar a.philosophy-page img, #navbar a.profile-page img, #navbar a.services-page img, #navbar a.contact-page img { visibility:hidden; }

#navbar a.philosophy, #navbar a.philosophy-page { width:151px; background:url('../images/navlinks-philosophy-hi.gif'); }
#navbar a.profile, #navbar a.profile-page  { width:116px; background:url('../images/navlinks-profile-hi.gif'); }
#navbar a.services, #navbar a.services-page  { width:110px; background:url('../images/navlinks-services-hi.gif'); }
#navbar a.contact, #navbar a.contact-page  { width:68px; background:url('../images/navlinks-contact-hi.gif'); }


#topnav #pageheader { display:block; position:absolute; top:10px; left:20px; background:url(../images/title-header.gif) no-repeat; width:321px; height:67px; }

#wn { position:absolute; top:135px; left:480px; width:400px; padding-right:50px; height:370px; overflow:hidden; }

#pageimage { position:absolute; top:116px; left:0px; height:418px; width:950px; background:#eeeeee url('../images/pageimage-placeholder.jpg') no-repeat; }

#bottombar { position:absolute; padding:4px 10px; left:0; top:528px; height:17px; width:930px; background:url('../images/bottombar-grad.gif') repeat-x; border-top:1px solid #381405;}
#bottombar p.small { font-size:0.9em; }
#bottombar p { color:#ead4ba; }
#bottombar a { color:#ead4ba; }

div#lyr1 { visibility:visible; width:400px; }  /* show first div */
div#scrollbar { position:absolute; width:15px; left:934px; top:116px; height:410px; border:1px solid #896647; background:#f6ecd7; border-right:0; }

div#track { position:relative; width:15px; left:-1px; top:15px; height:385px; margin:0; padding:0;}

div#dragBar { position:absolute; width:15px; height:20px; background:#cbae8b; cursor:pointer; } 
 
div#up, div#down { position:absolute; left:0; }
div#down { bottom:0; border-top:1px solid #896647;}
div#up { top:0; border-bottom:1px solid #896647;}

div#scrollbar img { display:block; } 

#contactnudge { margin-left:50px; }

#realestatenudge { position:relative; margin-left:50px; overflow:auto; }

#adoptionnudge { position:relative; margin-left:50px; overflow:auto; }