@import url("middle.css");
@import url("nav.css");

@import url("j_slide.css"); /*home*/
@import url("photo.css"); /*home*/

@import url("form.css"); /*contact*/

/* ================================================
   HTML Selectors 
 ================================================ */
body, div, p, h1, h2, h3, h4, a, 
form, input, textarea, select, hr {
margin: 0;
padding: 0;
}
img, a img {
border:0;
}
body{
background:url(../images/bg.gif) repeat center;
color:#2e251e;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; 
}

h1{
background:#b6e0e3;
display:block;
font-family:"Courier New", Courier, monospace;
font-size:20px; 
font-weight:normal;
margin-bottom:20px;
padding:5px;
text-transform:uppercase;
}
h2{
font-family:"Courier New", Courier, monospace;
font:18px; 
font-weight:normal;
margin-bottom:8px;
padding:10px 0;
text-transform:lowercase;
text-decoration:overline underline;
}
h3{
font-family:"Courier New", Courier, monospace;
font:14px; 
font-weight:normal;
margin-bottom:5px;
padding:10px 0;
}
h4{
font-family:"Courier New", Courier, monospace;
line-height:110%;
margin:0 0 15px;
font-size:11px;
font-weight:normal;
}
p{
line-height:150%;
margin:0 0 10px;
font-size:11px;
}
a{
color:#8c7961;
text-decoration:underline;
}
a:hover {
color:#ffd687; 
}
.altText {	
/* ---- Hide text visibity, but allows you to use Header Tags (H1 H2 etc). 
Use to display a background rather than text*/
width:0;
height:0;
display:block;
overflow:hidden;
}
.Clear {
clear:both;
}
#Middle {
/*style*/
}

/* ==================================================
FRAME ELEMENTS: boxes, color, placements, etc 
================================================== */
#Frame{
background:url(../images/bgFrame.png) no-repeat top center;
behavior: url(_css/iepngfix.htc); 							/*fix IE bug*/
text-align:left;
display:block;
position: relative;
width:800px; height:630px;
margin:0 auto;
}

#Main{
display:block;
position:relative;
width:756px; height:570px;
padding:20px 22px 0 22px;
}
	#Text{
	background:url(../images/bgSide.gif) repeat;
	display:block;
	float:left;
	position:relative;
	width:216px; height:570px;
	padding:0;
	}
			#SiteHead{
			background:url(../images/hdrSiteHead.png) no-repeat;
			behavior: url(_css/iepngfix.htc); 							/*fix IE bug*/
			position:absolute;
			width:30px; height:220px;
			}
			#SiteNav{
			position:absolute;
			width:150px; height:150px;
			bottom:175px;
			margin:0 23px 0 43px;
			}
			#SiteLogo{
			background:url(../images/logoSHP.png) no-repeat;
			behavior: url(_css/iepngfix.htc); 							/*fix IE bug*/
			position:absolute;
			width:130px; height:100px;
			bottom:0;
			margin:0 43px 43px;
			}


	#Content{
	background:url(../images/bgContentOverlay.gif) no-repeat right;
	/*behavior: url(_css/iepngfix.htc);*/ 							/*fix IE bug*/
	display:block;
	float:right;
	position:relative;
	top:0; right:0;
	width:500px; height:550px;
	padding:20px 20px 0;
	}
	#About #Content{
	background:url(../images/bgContentAbout.jpg) no-repeat right;
	}
			.TextMedia {
			display:block;
			}
			#HomeLayer, #PageLayer{
			display:block;
			background:url(../images/blank.gif);
			position:absolute; 
			top:20px; right:20px; 
			width:492px; height:522px; 
			z-index:100;
			}
				#HomeLayer{
				width:492px; height:522px; 
				/*border:4px solid #ffd687;*/ 
				}
					#HomeLayer a.promo{
					display:block;
					width:492px; height:522px; 
					}
				
				#PageLayer{
				width:500px; height:530px; 
				border:0;
				}
			.Scroll {
			display:block;
			overflow:auto;
			overflow-x: hidden;
			-ms-overflow-x: hidden;
			padding:0 20px 0 0;
			width:480px; height:522px;
			scrollbar-face-color: #f5f5e2;
			scrollbar-highlight-color: #2e251e;
			scrollbar-shadow-color: #2e251e;
			scrollbar-3dlight-color: #ffffeb;
			scrollbar-arrow-color: #2e251e;
			scrollbar-track-color: #ffffeb;
			scrollbar-darkshadow-color: #ffffeb;
			}
#Footer{
display:block;
height:20px;
top:0; left:0;
position:relative;
width:756px;
padding:5px 22px 15px;
}

/* ==================================================
STYLES
================================================== */

#Footer p{
color:#8c7961;
font-size:9px;
}
#Footer .contact{
float:right;
text-align:right;
display:block;
height:20px;
}
#Footer .contact a{
color:#8c7961;
text-decoration:none;
}
#Footer .contact a:hover{
color:#008fa7;
text-decoration:underline;
}
#Footer a.blurb{
color:#8c7961;
display:block;
overflow:hidden;
background:url(../images/ftrFlower.gif) no-repeat;
width:0; height:20px;
padding:2px 0 0 17px;
}

#Footer a:hover.blurb{
background:url(../images/ftrFlower.gif) no-repeat;
display:block;
width:400px; height:20px;
padding:2px 20px 0;
overflow:auto;
font-size:10px;
text-decoration:none;
}