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

Title : 
Author : Ben Rinehart
URL : 

Description : 

Created : 
Modified : 

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

body{
	background: #022D01;
	color: #fff;
	}
	
	body.gallerypage{
		margin: 0;
		}
	
	body#babies{
		background: #022D01 url(../images/galleries/babies.jpg) top left no-repeat;
		}
	
	body#children{
		background: #022D01 url(../images/galleries/children.jpg) top left no-repeat;
		}
	
	body#engagement{
		background: #022D01 url(../images/galleries/engagement.jpg) top left no-repeat;
		}
	
	body#families{
		background: #022D01 url(../images/galleries/families.jpg) top left no-repeat;
		}
	
	body#scenic{
		background: #022D01 url(../images/galleries/scenic.jpg) top left no-repeat;
		}
	
	body#weddings{
		background: #022D01 url(../images/galleries/weddings.jpg) top left no-repeat;
		}

/* START CONTAINER */
#container{
	width: 800px;
	\width: 820px;
	w\idth: 800px;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: #000 url(../images/ghost.jpg) bottom right no-repeat;
	border: 2px solid #A6920E;
	height: 596px;
	}
	
	#feature #container{
		background-image: none;
		}
	
	.gallerypage #container{
		width: auto;
		height: auto;
		margin: 0;
		background: transparent;
		border: none;
		}/* END CONTAINER */

	/* START HEADER */
	#header{
		padding: 25px 35px 0 0;
		margin-bottom: 0;
		float: right;
		}
		
		.gallerypage #header{
			float: none;
			width: 235px;
			margin: 0 0 0 400px;
			}
	
	#header h1{
		text-align: left;
		width: 235px;
		height: 45px;
		padding: 0;
		margin: 0 0 0 150px;
		background: url(../images/logo.gif) center center no-repeat;
		text-indent: -9000px;
		}
		
		.gallerypage #header h1{
			margin-left: 0;
			}
	
	#header h1 a{
		width: 235px;
		height: 45px;
		padding: 0;
		margin: 0;
		border: 0;
		display: block;
		text-decoration: none;
		}
		
		#header .vcard{
			font: 12px "Century Gothic", arial, helvetica, verdana, sans-serif;
			text-align: right;
			}
		
		#header .vcard div{
			display: inline;
			}
	
		#header h2{
			text-align: center;
			font: 20px "Century Gothic", arial, helvetica, verdana, sans-serif;
			}/* END HEADER */
	
	/* START NAVIGATION */
	#navigation{
		border-right: 1px solid #A6920E;
		border-left: 1px solid #A6920E;
		background: url(../images/navigation.jpg) 0 0 repeat-x;
		height: 596px;
		width: 175px;
		padding: 0 25px 0 0;
		margin-left: 40px;
		float: left;
		font: 14px "Century Gothic", arial, helvetica, verdana, sans-serif;
		text-align: right;
		}
		
		.gallerypage #navigation{
			background: transparent;
			border: none;
			margin-left: 20px;
			}
	
		#global{
			margin: 125px 0 0 0;
			padding: 0;
			}
		
			#global li{
				list-style-type: none;
				padding: 10px 0;
				}
		
				#global li a:link, #global li a:visited{
					color: #fff;
					text-decoration: none;
					}

				#global li a:hover, #global li a:active{
					color: #A6920E;
					}

		a:link, a:visited{
			color: #fff;
			}
		
		a:hover, a:active{
			color: #A6920E;
			text-decoration: none;
			}/* END NAVIGATION */
	
	/* START PAGE BODY */
	#page_body{
		padding: 0;
		clear: right;
		width: 555px;
		height: 500px;
		margin-left: 245px;
		}
		
		#content{
			background: #021F01;
			border: 1px solid #A6920E;
			position: relative;
			top: 25px;
			margin: 30px;
			padding: 20px;
			width: 455px;
			height: 410px;
			overflow: auto;
			}
	
		h1{
			font: 16px "Century Gothic", arial, helvetica, verdana, sans-serif;
			color: #A6920E;
			}
		
		p{
			font: 12px/18px Arial, helvetica, sans-serif;
			}
		
		table{
		
			}/* END PAGE BODY */

	/* START INFO PAGES */
	img.figure-a{
		display: block;
		margin: 0 auto;
		}

	img.figure-b{
		float: right;
		clear: right;
		}
	
	img.figure-c{
		float: left;
		}
	
	#resources ul{
		font: 12px Arial, helvetica, sans-serif;
		margin: 0;
		padding: 0;
		}

		#resources li{
			list-style-type: none;
			padding: 5px 0;
			}/* END INFO PAGES */
/* START PORTFOLIO */
	#portfolio{
		width: 510px;
		position: relative;
		top: 80px;
		display: block;
		margin: 5px auto 0 auto;
		padding: 0;
		}
		
		#portfolio ul{
			margin: 0;
			padding: 0;
			}

		#portfolio li{
			float: left;
			display: block;
			padding: 0;
			margin: 0;
			width: 170px;
			height: 160px;
			text-align: center;
			font: 14px/24px Georgia, Times, "Times New Roman", Serif;
			letter-spacing: 2px;
			}
			
			#portfolio li a.image{
				width: 150px;
				height: 120px;
				overflow: hidden;
				display: block;
				margin: 0 auto;
				border: 1px solid #A6920E;
				}
				
				#portfolio li a.image img{
					border: none;
					}/* END PORTFOLIO */
	/* START GALLERIES */
		#slideshow, #featured{
			width: 555px;
			height: 500px;
			margin: 0 auto;
			}
			
	#gallery{
		border-collapse: collapse;
		}
	
		#enlarge{
			width: 365px;
			height: 365px;
			}
			
			#enlarge img{
				display: block;
				margin: 0 auto;
				border: 1px solid #A6920E;
				}
		
		.thumbnails td{
			width: 105px;
			height: 105px;
			}
		
		.thumbnails img{
			display: block;
			margin: 5px auto;
			border: 1px solid #A6920E;
			}/* END GALLERIES */
	
	/* START FORMS */
	form{
		font: 12px Arial, helvetica, sans-serif;
		}

		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: #A6920E;
			}

		label{
			display: block;
			float: left;
			clear: left;
			width: 80px;
			font-size: 12px;
			margin-top: 3px;
			padding-top: 3px;
			}

		.required{
			color: #A6920E;
			}

		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{
		text-align: center;
		clear: both;
		padding: 0;
		margin-top: 0;
		}
		
		#footer p{
			font: 14px "Century Gothic", arial, helvetica, verdana, sans-serif;
			}/* END FOOTER */

