<style type="text/css">
<!--
*{margin:0px;
padding:0px;
}

html, body{
height:100%;
					overflow:visible;			
}

body{
		 postion:relative;
			text-align:center;
		  background:url(images/bricktexture.gif);
			background-attachment:fixed;
			padding:0;
      margin:0;
      border:0;
					overflow:visible;		
			
		 }

		 
/*sets up the background images of the rocks and shopfront underneath all other layers */

#shopimg {
position:absolute;
height:100%;
width:100%;
left:0px;
top:0px;
padding:0;
margin:0;
border:0;
background:url(images2/shopfront.jpg) no-repeat 50% 50%;
z-index: 3;
}

/*fixes IE position bug*/
#fixedscreenbg{
position:fixed;
left:0px;
top:0px;
height:100%;
width:100%;
}
#bgtophalf{
position:relataive;
height:50%;
width:100%;
padding:0;
margin:0;
border:0;
left:0px;
text-align:center;
background:url(images2/topbg.gif) no-repeat 50% 100%;
z-index: 3;
}	
#bgbothalf{
position:relative;
height:50%;
top:0px;
width:100%;
padding:0;
margin:0;
border:0;
left:0px;
text-align:center;
background:url(images2/botbg.gif) no-repeat 50% 0%;
z-index: 3;
}	 
#blue{
position:fixed;
top:50%;
left:0px;
height:100%;
width:100%;
padding:0;
margin:0;
border:0;
background-color:#445164;
z-index: 2;
}
		 
/* -----------------------------------porthole */

/*fixes IE fixed screen position error*/
#fixedscreenpfix{
position:fixed;
top:0px;
left:50%;
width:100%;
height:100%;
padding:0;
margin:0;
text-align:left;	
}

/* spaces define container start height based on window height*/
#covers{
position:relative;
margin:0;
height:100%;
width:100%;
left:-356px;
text-align:left;
padding:0;
}
/*puts a space above the content so that the content sits vertically centered*/
.containerspace{
		position:relative;
		width:1px;
		height:50%;
		margin-bottom:-200px; /* half of container's height */
		float:left;

}
#topcover{
		position:relative;
		clear:left;
		top:-400px;		
		height:400px;
		width:712px;
		background:url(images/bricktexture.gif);
		text-align:left;
		z-index:20;
}

#topcover img{
					position:absolute;
					top:245px;
					height:155px;
					width:712px;
					left:0px;
					z-index:20;
					}

#awningtext{
		position:relative;
		clear:left;
		top:-400px;		
		height:75px;
		width:100%;
		background:url(images2/awningtext.gif) no-repeat 0 0;
				z-index:20;
	}
    #sign{
    position:relative;
		background:url(images2/sign.gif) no-repeat 0% 0%;
    clear:left;
		top:-400px;
		left:36px;
    width:180px;
    height:165px;
    z-index:20;
    }
#bottom{
position:relative;
width:712px;
height:400px;
background-color:#445164;
top:-240px;
clear:left;
text-align:center;
		z-index:20;
} 


/*-------------------------------footer stuff*/
		#foot {
							position:relative;
							top:10px;
							clear:left;
							width:100%;
							height:15px;	
							z-index:25;													
							}				 
		.stylecontactinfo {
				font-family:Helvetica, sans-serif;
				font-size:13px;
				font-variant:small-caps;
				 color:white;
				 }


 						/*--------------------------------------sign image map*/

          
          #home{
          position:relative;
          top:7px;
          left:22px;
          height:29px;
          width:140px;
          }
          
          #about{
          position:relative;
          top:11px;
          left:22px;
          height:29px;
          width:140px;
          }
          
          #products{
          position:relative;
          top:17px;
          left:22px;
          height:29px;
          width:140px;
          }
          
          #contactme{
          position:relative;
          top:24px;
          left:22px;
          height:29px;
          width:140px;
          }
 			

/*---------------------------------------------container*/
div#container {
					position:relative;
					padding:0px;
					margin:0 auto;
					clear: left;
					left:0px;
					top:0px;
					height:100%;
					width:712px;
					text-align:left;
					overflow:visible;
					}
					
					
div#content {
					position:relative;
					padding:0px;
					margin:0 auto;
					clear: left;					
					width:710px;
					left:-45px;
					top:0px;
					height:400px;
					text-align:left;
					padding-bottom:800px;
					z-index:15;
					overflow:visible;					
					}			
					
					
		.cspan{
							position:relative;
							top:75px;
							padding:20px;
							float:right;
							width:58%;
							z-index:15;							
							}
							
					
			.styleh1 {
				font-family:Bradley Hand ITC,Bradley-Hand-ITC,BradlHanITC,BradleyHandITCStd,Helvetica, sans-serif;
				font-size:1.5em;
				padding-top:0;
				margin:0;
				padding-bottom: 20px;
				float:right;
				font-variant:small-caps;
				 color:white;
				 font-weight:500;
				 }
				 .styleh2 {
				font-family:Helvetica, sans-serif;
				clear:right;
				float:right;
				font-size:14px;
				font-weight:500;
				 color:white;
				 text-align:left;
				 }

#iesixfix{
padding:0px;
margin:0px;
position:relative;
height:100%;
width:100%;
top:0px;
left:0px;
text-align:center;
}
					
					
					input.submit

{

	border:3px double #fffc;

	border-top-color:#fffc;

	border-left-color:#fffC;

	background-color:#FFF;

	background-image:url('../../../photo_tool/graphics/button-bg.gif');

	background-repeat:repeat-x;

	color:#000;

	font-size:76%;

	font-family:Verdana,Helvetica,Arial,sans-serif;

}
							
-->
</style>
