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

Title :
Author : Ben Rinehart
URL :

Description :

Created :
Modified :

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

body{
	background: #fff;
	margin: 0;
	}

/* START CONTAINER */
#container{
	width: 880px;
	\width: 900px;
	w\idth: 880px;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	background: url(../images/background.jpg) 0 0 no-repeat;
	color: #fff;
	}/* END CONTAINER */

	/* START HEADER */
	#header{
		padding: 0;
		margin: 6px 0 0 0;
		clear: both;
		}

		#header h1{
			width: 485px;
			height: 100px;
			padding: 0;
			margin: 0 0 0 398px;
			background: url(../images/logo.jpg) center center no-repeat;
			text-indent: -9000px;
			}

		#header h1 a{
			width: 485px;
			height: 100px;
			padding: 0;
			margin: 0;
			border: 0;
			display: block;
			text-decoration: none;
			}

		#spotlight{
			background: #509AD4;
			width: 300px;
			height: 100px;
			float: left;
			margin-left: 90px;
			}

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

				#spotlight ul li{
					display: block;
					float: left;
					width: 80px;
					height: 80px;
					overflow: hidden;
					border: 1px solid #fff;
					margin: 10px 0 10px 13px;
					}/* END HEADER */

	/* START NAVIGATION */
	#navigation{
		width: 145px;
		float: left;
		margin-left: 150px;
		text-align: right;
		font: bold 14px Optima, arial, helvetica, sans-serif;
		}
		
		#gallery #navigation{
			xmargin-left: 0;
			xbackground: #90BD6C;
			xwidth: 150px;
			xmargin-left: -1px;
			}

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

			#global li{
				list-style-type: none;
				}

				#global li a:link, #global li a:visited{
					display: block;
					width: 145px;
					height: 30px;
					text-decoration: none;
					color: #fff;
					}

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

		a:link{
			color: #3687C9;
			}
		
		a:visited{
			color: #509AD4;
			}

		a:hover, a:active{
			text-decoration: none;
			}/* END NAVIGATION */

	/* START PAGE BODY */
	#page_body{
		padding: 0;
		}/* END PAGE BODY */

	/* START INFO PAGES */
		#content{
			width: 525px;
			height: 379px;
			overflow: auto;
			padding: 0 10px 25px 25px;
			}

		#content h1{
			font: 18px arial, helvetica, sans-serif;
			margin-right: 25px;
			}
		
		#content h2{
			font: 16px arial, helvetica, sans-serif;
			color: #509AD4;
			}

		p, #content ul{
			font: 12px/18px Arial, helvetica, sans-serif;
			}

		img.figure-a{
			display: block;
			margin: 0 auto;
			border: 1px solid #fff;
			}

		img.figure-b{
			float: right;
			margin: 0 0 10px 10px;
			border: 1px solid #fff;
			}

		img.figure-c{
			float: left;
			margin: 0 10px 10px 0;
			border: 1px solid #fff;
			}
	
	#resources ul{
		margin: 0;
		padding: 0;
		}
	
		#resources li{
			display: block;
			padding: 5px 10px;
			font: 12px Arial, helvetica, sans-serif;
			}/* END INFO PAGES */
	
	/* START PORTFOLIO */
	#portfolio ul{
		margin: 0;
		padding: 0;
		font: 12px Arial, helvetica, sans-serif;
		text-align: center;
		}
		
		#portfolio ul li{
			display: block;
			float: left;
			width: 160px;
			height: 160px;
			margin: 0 15px 5px 0;
			}
		
		#portfolio ul li img{
			display: block;
			margin: 0 auto;
			height: 145px;
			border: 1px solid #509AD4;
			}/* END PORTFOLIO */

	/* START GALLERIES */
	#slideshow, #promotions{
		float: right;
		width: 550px;
		height: 400px;
		margin: 0 10px 10px 5px;
		}

		#enlarge{
			width: 550px;
			height: 404px;
			margin: 0 0 0 10px;
			overflow: hidden;
			}

			#enlarge img{
				display: block;
				margin: 0 auto;
				}

		#thumbnails{
			float: left;
			background: #509AD4;
			width: 395px;
			height: 100px;
			margin-left: 20px;
			top: 17px;
			}

			#thumbnails ul{
				margin: 3px 0 0 6px;
				padding: 0;
				}

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

		#thumbnails li a{
			display: block;
			width: 40px;
			height: 40px;
			margin: 3px;
			overflow: hidden;
			border: 1px solid #fff;
			}

			#thumbnails li a img{
				border: none;
				display: block;
				margin: 0 auto;
				}/* END GALLERIES */
	
	/* START FORMS */
	form{
		}
		
		#gift{
			float: right;
			margin-right: 150px;
			}

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

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

				fieldset fieldset label{
					width: 335px;
					}

		legend{
			color: #3687C9;
			font: 16px Optima, arial, helvetica, sans-serif;
			}

		label{
			display: block;
			float: left;
			clear: left;
			width: 100px;
			font: 12px Arial, helvetica, sans-serif;
			margin-top: 3px;
			}

		.required{
			color: #3687C9;
			}

		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: 10px;
		background: #fff;
		color: #648E48;
		text-align: right;
		font: 10px Arial, helvetica, sans-serif;
		}

		#footer p{
			font: 10px Arial, helvetica, sans-serif;
			}/* END FOOTER */