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

Title : Cheryl Hall Photography
Designer : Angie Larson
Author : Ben Rinehart
URL :

Description : Marathon Package Site Design

Created : 08/13/2007
Modified :

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

body {
	margin: 15px;
	background: #DFD7C0;
	font: 14px Arial, Helvetica, sans-serif;
	color: #69202B;
	font-weight: bold;
	}

/* START CONTAINER */
#container{
	width: 960px;
	\width: 980px;
	w\idth: 960px;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: url(../images/bg.jpg) 0 50px no-repeat;
	}

	#home #container{
		background: url(../images/bg_home.jpg) 0 50px no-repeat;
		}/* END CONTAINER */

	/* START HEADER */
	#header{
		padding: 0;
		margin: 0;
		float: left;
		}

		#home #header{
			float: right;
			}

	#header h1{

		background: #c36600 url(../images/logo.gif) no-repeat center top;
		width: 305px;
		height: 295px;
		margin: 65px 0 0 0;
		padding: 0;
		text-indent: -9000px;
		}

	#header h1 a{
		width: 305px;
		height: 295px;
		padding: 0;
		margin: 0;
		border: 0;
		display: block;
		text-decoration: none;
		}/* END HEADER */

	/* START NAVIGATION */
	#navigation{
		background: url(../images/coloredbars.jpg);
		height: 51px;
		}

		#global{
			float: right;
			text-align: left;
			padding: 6px 5px 5px 5px;
			margin: 0;
			background: #DFD7C0;
			font: bold 12px Arial, Helvetica, sans-serif;
			}

			#global li{
				padding: 3px 5px;
				list-style-type: none;
				display: inline;
				}

				#global li a:link, #global li a:visited{
					color: #6B1E29;
					text-decoration: none;
					}

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

		a:link, a:visited, a:active {
			color: #6B1E29;
			text-decoration: underline;
			}

		a:hover{
			color: #003C00;
			text-decoration: none;
			}/* END NAVIGATION */

	/* START PAGE BODY */
	#page_body{
		padding: 0;
		height: 570px;
		}

		#gallery #page_body{
			height: 515px;
			}

		#page_body h1{
			color: #6B1E29;
			text-align: left;
			text-transform: uppercase;
			font: bold 22px "Times New Roman", Times, serif;
			margin: 0;
			padding: 0;
			}

		h2{
			color: #6B1E29;
			text-align: left;
			font: 17px "Times New Roman", Times, serif;
			margin: 0;
			padding: 0;
			}

		h3{
			color: #6B1E29;
			text-align: center;
			text-transform: uppercase;
			font: 20px "Times New Roman", Times, serif;
			margin: 0;
			padding: 0;
			}

		p{
			font: 14px Arial, Helvetica, sans-serif;
			font-weight: bold;
			}/* END PAGE BODY */

	/* START INFO PAGES */
	#spotlight{
		float: right;
		}

	#content{
		width: 535px;
		height: 475px;
		padding: 20px 90px 20px 30px;
		overflow: auto;
		}

	img.figure-a{
		display: block;
		margin: 0 auto;
		}

	img.figure-b{
		float: right;
		margin: 0 0 10px 10px;
		}

	img.figure-c{
		float: left;
		margin: 0 10px 10px 0;
		}

	#resources{
		margin: 0;
		padding: 0;
		}

		#resources li{
			list-style-type: none;
			padding: 5px 0;
			}/* END INFO PAGES */

	/* START PORTFOLIO */
	#portfolio ul{
		margin: 0;
		padding: 0;
		text-align: center;
		}

		#portfolio ul li{
			display: block;
			float: left;
			margin: 10px 0;
			}

		#portfolio ul li .image{
			display: block;
			width: 150px;
			height: 175px;
			margin: 2px 20px;
			overflow: hidden;
			border: 1px solid #69202B;
			}

			#portfolio ul li img{
				display: block;
				margin: 0 auto;
				border: none;
				}/* END PORTFOLIO */

	/* START GALLERIES */
	#slideshow{
		width: 380px;
		height: 570px;
		float: left;
		margin: 0;
		}

	#promotions{
		width: 585px;
		height: 450px;
		margin: 0;
		float: left;
		}

	#local{
		float: left;
		padding: 20px 5px 5px 5px;
		margin: 0;
		text-align: center;
		width: 300px;
		}

		#local li{
			display: inline;
			padding: 15px;
			font-size: 14px;
			}

		#enlarge{
			width: 655px;
			height: 515px;
			margin-left: 240px;
			}

			#enlarge img{
				margin: 8px auto;
				display: block;
				border: 1px solid #6B1E29;
				}

		#thumbnails ul{
			margin: 0;
			padding: 0;
			}

		#thumbnails ul li{
			display: block;
			float: left;
			}

			#thumbnails ul li a{
				margin: 0 9px 4px 9px;
				width: 40px;
				height: 40px;
				display: block;
				overflow: hidden;
				border: 1px solid #fff;
				background: #fff;
				}

				.thumbnails a:hover img{
					opacity: 0.6;
					filter:Alpha(opacity=60);
					}

				#thumbnails img{
					border: none;
					display: block;
					margin: 0 auto;
					}/* END GALLERIES */

	/* START FORMS */
	form{
		}
		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: #683C0B;
			}

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

		.required{
			color: #683C0B;
			font-weight: bold;
			font-size: 16px;
			}

		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: right;
		color: #6B1E29;
		padding: 5px 5px 10px 0px;
		font: bold 12px Arial, Helvetica, sans-serif;
		clear: both;
		}

		#footer div{
			display: inline;
			}

		#footer p{
			margin: 5px 0 0px 5px;
			}

		#footer a:link, #footer a:visited, #footer a:active {
			color: #6B1E29;
			text-decoration: none;
			}

		#footer a:hover{
			color: #053A00;
			}/* END FOOTER */