/* Main Styles */

body {
	background: #fff;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	}
a:link, a:active, a:visited  {text-decoration: none;}

p {
	font-size: .87em;
	color: #000;
	text-transform: none;
	}

#wrapper {
	width: 948px;
	margin: 0 auto;
	border: 1px solid #000;
	border-top: none;
	background: #fff;
	}
#header {
	width: 948px;
	height: 125px;
	border-bottom: 1px solid #000;
	background: #fff;
	}
	#header_space {width: 818px; height: 101px;}
	#header_left {
		width: 130px;
		height: 125px;
		background: url(../images/layout/old-rusty-stuff.jpg) no-repeat top left;
		float: left;
		}
	#header_right {
		width: 818px;
		height: 125px;
		margin-left: 130px;
		}
/*NAV*/
#nav {
	width: 818px;
	height: 24px;
	background-color: #fff;
	}
	#nav ul {
		margin: 0; 
		padding: 0;
		list-style-type: none;
		}
		#nav li {
			position: relative;
			width: 108px;
			float: left;
			}
			#nav li a {
				display: block;
				margin: 0; padding: 0;
				width: 108px;
				height: 24px;
				color: white;
				}
			#nav li:hover { background-position: left -24px; }
				#nav li a span { display: none; visibility: hidden; font-size: 1px; }
				
				.nav_home { background: url(../images/layout/home.jpg) top left no-repeat; }
				.nav_rust { background: url(../images/layout/rusty-stuff.jpg) top left no-repeat; width: 172px;}
					#nav li.nav_rust { width: 172px;}
					#nav li.nav_rust a { width: 172px;}
				.nav_about { background: url(../images/layout/about.jpg) top left no-repeat; width: 107px; }
					#nav li.nav_about { width: 107px;}
					
					/*End nav*/

#content_wrap {
	width: 948px;
	margin-top: 20px;
	}
	#left_sidebar {
		width: 130px;
		height: 300px;
		float: left;
		}
		
	/*For Gallerie Photos*/
	#photo_area {
		width: 800px;
		margin-left: 130px;
		}
		#photo_area img {
			float: left;
			margin-bottom: 15px;
			}
			.left_margin {margin-left: 20px;}
			/*End For Gallery Photos*/
			
/*Home-About Layout*/		
	#photo_area_home {
		width: 818px;
		height: 350px;
		background: #fff;
		margin-left: 130px;
		padding-top: 75px;
		}
		#text_area {
			width: 250px;
			border-left: 1px solid #000;
			padding-left: 40px;
			float: left;
			}			
			#text_area p {
				color: #000;
				text-transform: uppercase;
				line-height: 155%;
				font-size: .87em;
				}
				
		#home_about_photo {
			width: 150px;
			height: 265px;
			float: left;
			margin-right: 40px;
			}
			
		/* (un-used) #callouts {
			width: 115px;
			height: 265px;
			float: left;
			margin-left: 40px;
			}
			#callouts a {
				display: block;
				}
				
				html >>	<div id="callouts">
						<a href="old-rusty-stuff.html"><img src="images/layout/sidebar_seerust.jpg" title="See the Rusty Photography" /></a>
						<a href="about.html"><img src="images/layout/sidebar_whyrust.jpg" title="Why I like Rusty Stuff" /></a>
					</div>
				
				*/
				
				
				/*End Home-About layout*/

				
/*gallery home*/
#photo_area_galleries {
		width: 800px;
		margin-left: 130px;
		}
		#photo_area_galleries div {
			float: left;
			margin: 0;
			height: 200px;
			width: 200px;
			}
			.gallery_bear {background: url(../images/layout/gallery_bear.jpg) no-repeat left bottom; }
			.gallery_bus {background: url(../images/layout/gallery_bus.jpg) no-repeat left bottom; }
			.gallery_dead {background: url(../images/layout/gallery_dead.jpg) no-repeat left bottom; }
			.gallery_field_1 {background: url(../images/layout/gallery_field_1.jpg) no-repeat left bottom; }
			.gallery_field_2 {background: url(../images/layout/gallery_field_2.jpg) no-repeat left bottom; }
			.gallery_gear {background: url(../images/layout/gallery_gear.jpg) no-repeat left bottom; }
			.gallery_legs {background: url(../images/layout/gallery_legs.jpg) no-repeat left bottom; }
			.gallery_radio {background: url(../images/layout/gallery_radio.jpg) no-repeat left bottom; }
			.gallery_texture {background: url(../images/layout/gallery_texture.jpg) no-repeat left bottom; }
			.gallery_weirdhouse {background: url(../images/layout/gallery_weirdhouse.jpg) no-repeat left bottom; }
				
				#photo_area_galleries div:hover { background-position: left top; }
				#photo_area_galleries div a span { display: none; visibility: hidden; font-size: 1px; }	
				
					#photo_area_galleries div a {
						display: block;
						width: 200px;
						height: 200px;
						}
							
			/*End gallery home */
					
#footer {
	/*width: 818px; /* 948px - 130px padding
	padding-left: 130px;*/
	width: 948px;
	height: 20px;
	background: #fff;
	clear: both;
	
	}
	#footer.no_height {
		height: 0;
		}
		#footer p {
			font-family: Arial, Helvetica, sans-serif;
			font-size: .71em;
			color: #333;
			/*background: url(../images/layout/arrow.jpg) 0 2px no-repeat;*/
			text-align: center;
			text-transform: uppercase;
			line-height: 20px;
			}
			#footer p.no_bg a {background: none; color: #333; text-transform: none; display: inline; border-bottom: 1px dotted #666}
				#footer p.no_bg {text-transform: none; line-height: 10px;}
				#footer p.no_bg a:hover {color: #999666;}
			
				#footer a:link, #footer a:active, #footer a:visited {
					color: #2C2B1E;
					border-bottom: none;
					background-color: #ABAC74;
					height: 20px;
					display: block;
					}
					#footer a:hover {
						background-color: #8D8D60;
						color: #2C2B1E;
						}

/*Misc*/