/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Pam Hesler and Associates Photography
Author : Ben Rinehart
URL : pamheslerphoto.com

Description : Custom Website Design

Created : 05/01/2007
Modified : 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

body{
	background: #CFB88F url(../images/background.jpg);
	margin: 10px;
	}

/* START CONTAINER */
#container{
	width: 875px;
	\width: 895px;
	w\idth: 875px;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	}/* END CONTAINER */

	/* START HEADER */
	#header{
		padding: 0;
		margin-bottom: 0;
		width: 781px;
		height: 120px;
		background: url(../images/logo.gif) center bottom no-repeat;
		}
	
	#header h1{
		width: 400px;
		height: 115px;
		float: left;
		padding: 0;
		margin: 0;
		text-indent: -1000px;
		}
	
		#header h1 a{
			width: 400px;
			height: 115px;
			padding: 0;
			margin: 0;
			border: 0;
			display: block;
			text-decoration: none;
			}
		
	#header p{
		float: right;
		width: 300px;
		text-align: right;
		font: italic bold 14px Times, "Times New Roman", Georgia, serif;
		}/* END HEADER */
	
	/* START NAVIGATION */
	#navigation{
		font: italic 16px Times, "Times New Roman", Georgia, serif;
		width: 160px;
		float: left;
		}
	
		#global{
			margin: 0;
			padding: 0;
			}
		
			#global li{
				list-style-type: none;
				margin-bottom: 15px;
				}
			
				#global li a{
					display: block;
					width: 150px;
					padding: 4px 0 4px 10px;
					}
			
				#global li a:link, #global li a:visited{
					font-weight: bold;
					color: #000;
					text-decoration: none;
					}

				#global li a:hover, #global li a:active{
					color: #0A90CA;
					xbackground: url(../images/rollover.gif) bottom left no-repeat;
					}

		a:link, a:visited{
			color: #008DCC;
			}
		
		a:hover, a:active{
			text-decoration: none;
			}/* END NAVIGATION */

	/* START VCARD */
	.vcard{
		width: 130px;
		float: left;
		clear: left;
		padding-left: 10px;
		margin: 35px 0 0 0;
		font: 12px Times, "Times New Roman", Georgia, serif;
		}
		
		.vcard .org{
			text-align: center;
			padding-bottom: 5px;
			font-weight: bold;
			letter-spacing: 3px;
			}
	
	/* END VCARD */
	
	/* START PAGE BODY */
	#page_body{
		padding: 0;
		margin-left: 160px;
		}
	
		h1, h2, h3, h4, h5{
			color: #0A90CA;
			font-family: Georgia, Times, "Times New Roman", Serif;
			font-style: italic;
			font-weight: normal;
			padding: 0 30px;
			}
		
		h2{
			clear: right;
			}
		
		h3{
			color: #000;
			font-size: 16px;
			text-align: center;
			}
		
		#page_body p, #page_body li{
			padding: 0 30px;
			font: 13px/22px Georgia, Times, "Times New Roman", Serif;
			text-indent: 25px;
			}
			
			#page_body li{
				text-indent: 0;
				}
			
			#page_body blockquote{
				text-align: center;
				margin: 0 100px 0 30px;
				}
				
				#page_body blockquote p{
					line-height: 26px;
					font-style: italic;
					text-indent: 0;
					}
		
		.banner td{
			width: 300px;
			text-align: center;
			font-weight: bold;
			font-style: italic;
			}
			
			#page_body .banner blockquote{
				margin: 0 10px;
				}
				
				#page_body .banner blockquote p{
					font-weight: bold;
					}/* END PAGE BODY */

	/* START INFO PAGES */	
	img.figure-a{
		display: block;
		margin: 0 auto;
		border: 1px solid #008DCC;
		}
	
	img.figure-b{
		float: right;
		margin: 0 60px 10px 10px;
		border: 1px solid #008DCC;
		}
		
	img.figure-c{
		float: left;
		margin: 0 10px 30px 0;
		}
		
		img.none{
			border: none;
			}

	#collage{
		border-collapse: collapse;
		}
		
		#collage img{
			border: 1px solid #008DCC;
			}

	/*core drop shadow rules*/
	.wrap1, .wrap2, .wrap3 {
		display:inline-table;
		/* \*/display:block;/**/
		} 
	
		.wrap1 {
			float:left;
			margin: 3px 5px;
			background:url(../images/shadow.gif) right bottom no-repeat;
			}
			
			.wrap2 {
				background:url(../images/corner_bl.gif) -4px 100% no-repeat;
				}
				
				.wrap3 {
					padding:0 7px 7px 0;
					background:url(../images/corner_tr.gif) 100% -3px no-repeat;
					}
				
					.wrap3 img {
						display:block;
						}

	#resources{
		margin: 0;
		padding: 0;
		}
	
		#resources li{
			list-style-type: none;
			padding: 5px 0;
			}/* END INFO PAGES */
	
	/* START GALLERIES */
	#gallery{
		margin-left: 15px;
		}
	
		#enlarge{
			width: 480px;
			height: 480px;
			}
			
			#enlarge img{
				display: block;
				margin: 5px auto;
				border: 1px solid #008DCC;
				}
		
		#thumbnails{
			}
		
		#thumbnails ul{
			margin: 0;
			padding: 0;
			}
		
		#thumbnails ul li{
			display: inline;
			margin: 0;
			padding: 0;
			}
			
			#thumbnails td{
				width: 90px;
				}
		
		#thumbnails img{
			margin-right: auto;
			margin-left: auto;
			display: block;
			border: 1px solid #008DCC;
			}/* END GALLERIES */
	
	/* START FORMS */
	#page_body form p{
		text-indent: 0;
		padding: 0;
		}
		
		.column{
			width: 375px;
			vertical-align: top;
			}
			
			.column img.figure-a{
				display: inline;
				margin: 0 75px;
				}

		fieldset{
			display: inline;
			padding: 10px;
			margin: 0;
			border: none;
			}

			fieldset fieldset{
				clear: left;
				float: left;
				margin: 5px 0;
				width: auto;
				}

				fieldset fieldset label{
					width: 335px;
					}

		legend{
			color: #0A90CA;
			}

		label{
			display: block;
			float: left;
			clear: left;
			width: 100px;
			font-size: 13px;
			margin-top: 3px;
			}

		.required{
			color: #0A90CA;
			font-weight: bold;
			}

		input[type="checkbox"], input[type="radio"]{
			margin: 0 15px 0 0;
			}

		input[type="text"], textarea{
			width: 250px;
			float: left;
			margin: 3px;
			}

		input[type="submit"], input[type="reset"]{
			margin: 3px;
			}

		input[type="submit"]:hover, input[type="reset"]:hover{
			cursor: pointer;
			}/* END FORMS */
	
	/* START FOOTER */
	#footer{
		clear: both;
		padding: 0;
		margin-top: 0;
		text-align: center;
		font: 14px Times, "Times New Roman", Georgia, serif;
		}/* END FOOTER */