/* Pine Hollow Master CSS File */

/* RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; margin: 0; padding: 0; }


body {
font: 62.5%/2em "Trebuchet MS", Verdana;
background: #6f131e url(../images/pinehollow-bg.jpg) repeat-x -300px 0;
margin:0px auto;
padding:8px 0px 0px 0px;
text-align:center;
color:#003300;

}

h1 { font-size:14px;}

#container {height:1235px;  font-size:1.2em;  }

/* ---------------------------------------- */
/*  header */

#logo  {margin:0px auto;font-size:24px; background:url(../images/pinehollow-logo.gif) no-repeat; width:475px; height:175px; }
#logo h1 {display:none; }
#tagline { margin:20px 0 40px 0 ;text-transform: uppercase; font-size:2.4em}

/* ---------------------------------------- */
/*  images */

#rotate_images {position:relative; left:auto;z-index:2; margin:0px auto; overflow:hidden; width:960px; text-align:center; height:304px; }
.rotate_image { background: #fff no-repeat center center; width:270px; height:250px; border:2px solid white; display:inline; float:left;
position:relative; z-index:3; margin:0 auto;padding:0; } 
#machupicchu {width:400px; height:300px; z-index:4; margin:0px auto; text-align:center; padding:0;}
#image1 { left:5px; top:25px; }
#image2 { right:5px; top:25px;}
#thisisnot {margin:-10px 0 0 0;color:white;padding:0; position:relative;font-size:1.4em}

/* ---------------------------------------- */
/*  youtube */
#video {border:1px solid white; margin:30px auto 20px auto; width:302px; height:244px;}

/* ---------------------------------------- */
/*  services */
#services { padding:0;margin:40px auto 50px auto;width:480px; overflow:hidden;position:relative; }
#services ul {width:48%; position:relative;float:left; display:inline; overflow:hidden;list-style:none;margin:0; padding:0; }
#services li {font-size:2em; line-height:1.0em; margin:0; padding:0 0 8px 0;}
#services ul + ul {float:right; border:0px solid green}/*
#services ul#services-1 { text-align:right; }
#services ul#services-2 { text-align:left; float:right; margin-top:0; padding:0;} */
#services-child-0 {text-transform:uppercase; font-size:2.4em; }

/* ---------------------------------------- */
/*  scotty(s) */
.scotty {z-index:60; background: no-repeat; width:166px; height:182px; float:left; top:-100px;  position:absolute }
#scotty1 {background:url(../images/scotty1.gif);z-index:61; left: 30px; }
#scotty2 {background:url(../images/scotty2.gif);z-index:62; float:right; right:30px;}
.top {
background:url(../images/top.gif); 
width:70px; height:22px; 
float:right;
text-indent:-9999px;
position:relative; 
top:-35px; 
right:60px; 

}

.scotty {display:inline; cursor:pointer; }



.scotty-tip {
	color:#003300;

	z-index: 13000;
}
 
.scotty-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #d6ff7e;
	border:3px solid #62882b;
}

.top a{ width:70px; height:22px;  float:left} 
/**/
/* ---------------------------------------- */
/*  footer */
#footer {font-size:14px;color:white;z-index:50;background-color:#6f131e;  position:relative; bottom:0;width:100%; margin:0; padding: 8px 0 12px 0; height:120px; min-height:120px; max-height:120px; }
#footer h1 {margin-bottom:10px;}
#footer a { color:white; text-decoration:underline;}
#footer a:hover {color:#d6ff7e; text-decoration:underline;}
#footer p { margin:0 0 8px 0;}
.address,p.phone{ display:inline; margin-right:20px; padding-right:20px;}
.email { margin-top:0}
.owner {margin-left:20px; font-size:1.8em;}

.copyright{color:#ffc6cd; }

#footer {position:relative; left:0;bottom:0;width:100%;}

/* PNG Replace */

#container > #logo  {background:url(../images/pinehollow-logo.png) no-repeat;  }
#footer > #scotty1 {background:url(../images/scotty1.png);}
#footer > #scotty2 {background:url(../images/scotty2.png);}
#footer > .top {background:url(../images/top.png); }

/* IE 6 Hack */
* html .scotty{display:none;}
* html .top {display:none;}
* html #container {height:1235px;}