/* 	SMOKING MIRROR
-------------------------------------------------------*/


/* general architecture
-------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}


body {
	height: 100%;
		width: 100%;
			text-align: left;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
		background: url(../img/main_b.jpg) repeat-y;
}


#bg {
	text-align: left;
	height: 100%;
	min-height: 100%; 
	background: url(../img/main_bg.jpg) repeat-y;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #000;
}




* html #bg { height: 100%; }

#site {
	width: 538px;
	position: relative;
	text-align: left;
		min-height: 100%; 

}

* html #site { height: 100%; }


.clear {
	clear: both;
}



.p {
	font: 14px Arial, Verdana, Helvetica, sans-serif;
}


/* header navigation styling
-------------------------------------------------------*/

#navigation {
	width: 184px; 
	height: 410px;
	display: inline;
	background: url(../img/menu_main.jpg) no-repeat;
	position: absolute;
		margin-left: 0px;
			margin-top: 70px;  }

ul {margin:0;padding:0;}
ul { list-style-type: none; 
list-style-image: url("../img/leaf.png");
margin-left: 25px;  }

	ul li {
	
	padding-bottom: 2px;
		padding-left: 2px; } 




#navigation li {
	position: absolute;
	text-indent: -1500px;
}

#navigation li, #navigation a {
	height: 33px; 
	display: block;
}

#Web { top: 38px; left: 29px;  height: 75px; width: 123px; }

#Bwhite { top: 142px; left: 72px; width: 104px;}
#Misc { top: 178px; left: 89px; width: 100px; }
#Horses{ top: 211px; left:80px; width: 85px;	}

#Me { top: 273px; left: 66px; width: 91px; height: 32px;}
#Site { top: 301px; left:84px; width: 91px; height: 32px;}
#Links { top: 356px; left: 19px; width: 80px; height: 50px;}



/* general styling
-------------------------------------------------------*/

a {
	text-decoration: none;
	color: #CC0066;  }
	
	img {
	border: none; }


.space  {padding-right: 15px; padding-top: 15px; }

p {   padding-bottom: 10px;    }



h2 {
	font: 18px Georgia, Times,  serif;
	letter-spacing: 0em;
	color: #000;
	padding-bottom: -23px;    }


h3 {
	font: 14px Arial, Verdana;
	color: #000;
	padding-bottom: 4px; 
	 font-weight: bold;    }



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

#header {
	height: 410px;
		width: 187px;
	position: relative; }


#headerLogo {
	width: 467px;
		background: url(../img/title_main.jpg) no-repeat;
	height: 91px;
	margin-left: 0px;
margin-top: 0px;
	position: absolute;
		text-indent: -1500px; }






/* content architecture
-------------------------------------------------------*/

#content {

	width: 535px;
			margin-left: 220px;
			margin-top: -315px;    
				position: absolute;
			    }




/* footer
-------------------------------------------------------*/

#footer {

	width: 720px;
	height: 30px;
		padding-left: 65px;
				padding-top: 5px;
	margin: 280px auto 0 auto;
	margin-top: 290px; 
	position: absolute;
	text-align: center;
	border-top:2px solid #666;
		text-indent: 0px;
}

 .me {  
	margin-top: 440px; 
       }

* html #footer { margin-top: 330px; 	
position: absolute; }

*:first-child+html #footer { margin-top: 330px; 	
position: absolute; }