/* CSS Document */

    body {
		background-image:url(images/background.jpg);
		background-repeat:no-repeat;
		background-position:top left;
	    background-color:#CCCCCC;
	    font-family:Verdana;
	    font-size:12px;
        text-align: center;
		color:#FFFFFF;
    }

/* Wrapppers */

    #main-container{
		background:#777;
		
        width: 800px;
		height: 600px;
		
        position: relative;
		
        text-align: center;
				        
		margin: 0 auto;
		padding:0px 0px 0px 0px;
		border:solid 1px;
		border-color:#000000;
    }
	
	#top-container{			
        width:800px;
		height:125px;
		
		float:left;
		
        text-align:left;
	}
	
	#left-container{
        width:150px;
		height:475px;
		
		float:left;
		
		color:#FFFFFF;
        text-align:left;
		font-size:14px;
		line-height:1.6;
	}
	
		#left-container ul{
			list-style-type:none;
		
			padding:0px 0px 0px 0px;
			margin:30px 0px 0px 25px;
			border:0px 0px 0px 0px;
		}	
		
		#left-container li{
			list-style-type:none;
		
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			border:0px 0px 0px 0px;
		}
		
		#left-container a{
			color:#FFFFFF;
			text-align:left;
			text-decoration:none;
		}				

		#left-container a:hover{
			color:#FFFFFF;
			text-align:left;
			text-decoration:underline;
		}		
			
	#right-container{
        width:650px;
		height:475px;
		
		float:right;
		
        text-align:left;
	}

	/* Gallery Page (Bumpbox Thumbnails) */

	#thumbnail-gallery{
		width:600px;
		height:auto;
		
		text-align:left;
		
		padding:10px 20px 10px 30px;
	}
		
		#thumbnail-gallery img{
			outline:none;
			border:none;
	
			padding:4px 4px 4px 3px;
		}
		
		#thumbnail-gallery a{
			outline:none;
			border:none;
		}
		
	#homepage{
		width:600px;
		height:auto;
		
		text-align:left;
		
		padding:50px 20px 10px 30px;
	}		
		
		#home-page-text{
			width:600px;
			height:auto;
		}
		
			#home-page-text h1{
				width:600px;
				height:auto;
				
				font-size:20px;
				text-align:justify;
				color:#FFFFFF;
				font-weight:normal;	
				
				padding:0px 0px 0px 0px;
				margin:0px;
			}
					
			#home-page-text p{
				width:586px;
				height:auto;
				
				font-size:12px;
				text-align:justify;
				line-height:1.6;		
				
				padding:7px 7px 17px 7px;
				margin:0px;
			}
					
	/* About Page */

	#about-page{	
		width:600px;
		height:425px;
		
		text-align:left;
		
		padding:10px 20px 10px 30px;
	}
	
		#about-page-text{
			width:470px;
			height:425px;
			
			float:left;
		}
		
			#about-page-text h1{
				width:auto;
				height:auto;
				
				font-size:20px;
				text-align:justify;
				color:#FFFFFF;
				font-weight:normal;	
				
				padding:0px 0px 0px 0px;
				margin:0px;
			}
					
			#about-page-text p{
				width:auto;
				height:auto;
				
				font-size:12px;
				text-align:justify;
				line-height:1.6;		
				
				padding:10px 7px 10px 7px;
				margin:0px;
			}
			
		#about-page-images {
			width:100px;
			height:425;

			float:right;
		}
				
			#about-page-images img{
				outline:none;
				border:none;
		
				padding:13px 26px 7px 0px;
			}
		
		#about-page a{
			color:#FFF;
			text-align:left;
			text-decoration:none;
			font-weight:bold;
		}				

		#about-page a:hover{
			color:#CCCCCC;
			text-align:left;
			text-decoration:underline;
			font-weight:bold;
		}
			
	/* Contact Page */

	#contact-page{	
		width:600px;
		height:425px;
		
		text-align:left;
		
		padding:10px 20px 10px 30px;
	}
	
		#contact-page-text{
			width:500px;
			height:600px;
			
			float:left;
		}
		
			#contact-page-text h1{
				width:600px;
				height:auto;
				
				font-size:20px;
				text-align:justify;
				color:#FFFFFF;
				font-weight:normal;	
				
				padding:0px 0px 0px 0px;
				margin:0px;
			}
					
			#contact-page-text p{
				width:566px;
				height:auto;
				
				font-size:12px;
				text-align:left;
				line-height:1.6;		
				
				padding:10px 7px 10px 7px;
				margin:0px;
			}
			
		#contact-page-images img{
			width:200px;
			height:auto;

			float:right;
		}
				
			#contact-page-images img{
				width:74px;
				
				outline:none;
				border:none;
		
				padding:7px 36px 7px 0px;
			}
		
		#contact-page a{
			color:#FFF;
			text-align:left;
			text-decoration:none;
			font-weight:bold;
			font-size:16px;
		}				

		#contact-page a:hover{
			color:#CCCCCC;
			text-align:left;
			text-decoration:underline;
			font-weight:bold;
		}	

/* Standards */
	
		a{
			background-color:none;
			outline:none;
			border:none;
			background:none;
		}
			
		img{
			background-color:none;
			outline:none;
			border:none;
			background:none;
		}
	
	
  /* About Me */
 
 	#steveID p{
		font-size:8px;
		text-align:left;	
		color:#777777;
		font-size:9px;
	}
	
	#steveID a{
		color:#777777;
		text-decoration:none;
		border-style:none;	
	}

	#steveID a:hover{
	    color:#0099FF;
	    text-decoration:none;
	}