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

Title : Joseph Carroll Photography
Author : Ben Rinehart
URL : josephcarroll.com

Description: Site design by Marathonpress.com

Created : 01/19/2007
Modified : 

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

body{
	background: #000;
	color: #fff;
	font: 14px "Century Gothic", tahoma, verdana, sans-serif;
	margin: 0;
	}
		
		body.ghost{
			background: #000 url(../images/ghost.jpg) bottom right no-repeat;
			}
		
		body.contact{
			background: #000 url(../images/contact.gif) top left no-repeat;
			}

/* START CONTAINER */
#container{
	width: 900px;
	\width: 920px;
	w\idth: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 100px 0 0 0;
	background: url(../images/background.gif) top left repeat-y;
	}
		
		.ghost #container, .contact #container{
			background: none;
			}/* END CONTAINER */

	/* START HEADER */
	#header{
		padding: 0;
		margin-bottom: -15px;
		}
	
	#header h1{
		width: 520px;
		height: 79px;
		padding: 0;
		margin: 0 auto;
		background: url(../images/logo.gif) center center no-repeat;
		text-indent: -9000px;
		}

	#header h1 a{
		width: 520px;
		height: 79px;
		padding: 0;
		margin: 0;
		border: 0;
		display: block;
		text-decoration: none;
		}/* END HEADER */
	
	/* START NAVIGATION */
	.navigation{
		clear: both;
		text-align: center;
		font: 14px "Lucida Sans";
		}
	
		.global{
			margin: 0;
			padding: 15px 0 15px 0;
			}
		
			.global li{
				list-style-type: none;
				display: inline;
				padding: 0 5px 0 15px;
				background: url(../images/bullet.gif) left center no-repeat;
				}
				
				.global li.first{
					background-image: none;
					padding-left: 0;
					}
		
				.global li a:link, .global li a:visited{
					color: #fff;
					text-decoration: none;
					}

				.global li a:hover, .global li a:active{
					color: #FC0303;
					}
					
					.global li.special a:link, .global li.special a:visited{
						color: #FC0303;
						}
					
					.global li.special a:hover, .global li.special a:active{
						text-decoration: underline;
						}

		a:link, a:visited{
			color: #0368AE;
			}
		
		a:hover, a:active{
			text-decoration: none;
			}/* END NAVIGATION */
	
	/* START PAGE BODY */
	#page_body{
		padding: 0;
		}
	
		h1{
			color: #FB0404;
			font: 36px "Lucida Sans", "Century Gothic", tahoma, sans-serif;
			letter-spacing: 10px;
			text-align: center;
			text-transform: uppercase;
			}
		
		p{
			padding: 0 100px;
			}
		
		strong{
			font-weight: normal;
			color: #FB0404;
			}/* END PAGE BODY */

	/* START INFO PAGES */
	#owners{
		display: block;
		margin: 50px auto 10px auto;
		}

	.odd, .even{
		clear: both;
		width: 750px;
		margin: 30px auto;
		height: 150px;
		}
		
		.odd p, .even p{
			padding: 15px 20px;
			}

	.odd img{
		float: left;
		margin-right: 40px;
		}
		
	.even img{
		float: right;
		margin-left: 40px;
		}
	
	.odd img, .even img{
		border: 1px solid #6C6147;
		}
	
	img.information{
		display: block;
		margin: 5px auto;
		border: 3px solid #B6B8B0;
		}
	
	p.instructions{
		text-align: center;
		}
	
	ul#prices{
		padding: 0 100px;
		}
	
		ul#prices li{
			list-style-type: none;
			padding: 5px;
			}
			
			ul#prices li strong{
				color: #fff;
				font-weight: bold;
				}
	
	dl#faq{
		width: 600px;
		margin: 0 auto;
		}
		
		dl#faq dt{
			font-weight: bold;
			padding-top: 10px;
			}
		
		dl#faq dd{
			margin: 0;
			padding: 5px 0;
			}
	
	.vcard, #directions{
		padding: 0 100px;
		}
	
		.vcard dt, #directions dt{
			float: left;
			clear: left;
			width: 80px;
			}
			
			.vcard .adr div{
				display: inline;
				padding: 0 10px 0 0;
				}
			
			#directions dd{
				margin-left: 80px;
				}/* END INFO PAGES */
	
	/* START GALLERIES */
	#gallery{
		width: 800px;
		margin: 0 auto;
		}
	
		#enlarge{
			float: left;
			width: 600px;
			height: 460px;
			}
			
			#enlarge img{
				display: block;
				margin: 0 auto;
				border: 1px solid #fff;
				}
		
		#thumbnails{
			width: 155px;
			float: left;
			}
			
			#thumbnails ul{
				margin: 0;
				padding: 0;
				}
				
				#thumbnails ul li{
					display: block;
					float: left;
					margin: 0;
					padding: 0;
					}
		
					#thumbnails ul li a{
						display: block;
						border: 1px solid #fff;
						width: 60px;
						height: 50px;
						overflow: hidden;
						margin: 2px 5px;
						}
						
						#thumbnails ul li a img{
							border: none;
							}/* END GALLERIES */
	
	/* START FORMS */
	form{
		width: 400px;
		margin: 0 auto;
		}
		
		form p{
			text-align: center;
			padding: 0;
			}

		fieldset{
			display: inline;
			padding: 10px;
			margin: 0;
			border: 1px solid #B9B6B7;
			}

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

				fieldset fieldset label{
					width: 335px;
					}

		legend{
			color: #FB0404;
			}

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

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

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

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

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

		input[type="submit"]:hover, input[type="reset"]:hover{
			cursor: pointer;
			}/* END FORMS */
	
	/* START FOOTER */
	#footer{
		clear: both;
		padding: 0;
		margin-top: 0;
		}
		
		#footer .vcard{
			width: 580px;
			height: 69px;
			margin: 0 auto;
			padding: 0;
			background: url(../images/location.gif) center center no-repeat;
			text-indent: -9000px;
			}
		
		#footer #copyright{
			width: 279px;
			height: 27px;
			margin: 0 auto;
			padding: 20px 0;
			background: url(../images/copyright.gif) center center no-repeat;
			text-indent: -9000px;
			}/* END FOOTER */