/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Milburn's Portrait Art
Author : Ben Rinehart
URL : milburnsportraits.com

Description : Custom Designed Website

Created : 05/09/2007
Modified :

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

body{
	background: #000;
	color: #fff;
	margin: 0;
	}

/* START CONTAINER */
#container{
	min-width: 1000px;
	margin: 0;
	padding: 0;
	}/* END CONTAINER */

	/* START HEADER */
	#header{
		padding: 30px 0 20px 0;
		height: 124px;
		margin-bottom: 0;
		background: #046 url(../images/ghost.jpg) top right no-repeat;
		}

	#header h1{
		width: 350px;
		height: 124px;
		margin: 0 0 0 75px;
		padding: 0 30px;
		background: url(../images/logo.gif) center center no-repeat;
		text-indent: -1000px;
		}

	#header h1 a{
		width: 350px;
		height: 124px;
		padding: 0;
		margin: 0;
		border: 0;
		display: block;
		text-decoration: none;
		}/* END HEADER */

	/* START NAVIGATION */
	#navigation{
		background: #00334C;
		border-top: 1px solid #80A2B3;
		border-bottom: 1px solid #80A2B3;
		font: 12px Times, "Times New Roman", Georgia, serif;
		text-align: center;
		height: 22px;
		}

		#global{;
			padding: 5px 0;
			margin: 0;
			}

			#global li{
				list-style-type: none;
				display: inline;
				}

				#global li a:link, #global li a:visited{
					color: #fff;
					padding: 5px;
					text-decoration: none;
					}

				#global li a:hover, #global li a:active{
					color: #80A2B3;
					}

		a:link, a:visited{
			color: #80A2B3;
			}

		a:hover, a:active{
			text-decoration: none;
			}/* END NAVIGATION */

	/* START PAGE BODY */
		#content{
			width: 900px;
			margin: 20px auto;
			}

		h1{
			font: italic 28px Georgia, Times, "times New Roman", serif;
			color: #D5E184;
			margin: 0;
			padding: 0;
			}

		#content p{
			font: 14px/24px Georgia, Times, "times New Roman", serif;
			}/* END PAGE BODY */

	/* START INFO PAGES */
	#staff dt{
		font: 16px Georgia, Times, "times New Roman", serif;
		margin: 25px 0 0 0;
		}

		#staff dd{
			font: 12px Georgia, Times, "times New Roman", serif;
			margin: 0;
			padding: 0;
			}

	#collage{
		border-collapse: collapse;
		float: left;
		}

		#collage img{
			padding: 5px;
			border: none;
			}

	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;
		}

	#description{
		width: 300px;
		float: right;
		}

	#description h2{
		margin: 0 auto;
		padding: 0;
		width: 293px;
		height: 99px;
		background: url(../images/tagline.gif) center center no-repeat;
		text-indent: -9000px;
		}

		#description p{
			font: italic 14px/24px Georgia, Times, "times New Roman", serif;
			text-align: center;
			}

	#resources{
		margin: 0;
		padding: 0;
		}

		#resources li{
			list-style-type: none;
			padding: 5px 0;
			}

	#promotions{
		width: 560px;
		height: 400px;
		margin: 0 auto;
		}/* END INFO PAGES */

	/* START GALLERIES */
	#gallery{
		width: 940px;
		margin: 20px auto;
		}

		#enlarge{
			width: 500px;
			height: 450px;
			margin-left: 220px;
			}

			#enlarge img{
				display: block;
				margin: 0 auto;
				border: 1px solid #046;
				}

		#thumbnails{
			margin: 0;
			padding: 0;
			}

			#thumbnails ul{
				margin: 0;
				padding: 0;
				width: 220px;
				}

				#thumbnails ul.left{
					float: left;
					}

				#thumbnails ul.right{
					float: right;
					}

			#thumbnails ul li{
				width: 110px;
				height: 115px;
				display: block;
				float: left;
				}

		#thumbnails img{
			display: block;
			margin: 0 auto;
			border: 1px solid #80A2B3;
			}/* END GALLERIES */

	/* START FORMS */
	form{
		width: 775px;
		}

	fieldset{
			display: block;
			float: left;
			width: 375px;
			padding: 10px;
			margin: 0;
			border: none;
			}

			fieldset#types{
				margin: 5px 0;
				width: auto;
				}

				fieldset#types label{
					width: 335px;
					}

		legend{
			color: #80A2B3;
			}

		label{
			display: block;
			float: left;
			clear: left;
			width: 100px;
			font-size: 12px;
			margin-top: 3px;
			}

		.required{
			color: #80A2B3;
			}

		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;
		font: 12px Times, "Times New Roman", Georgia, serif;
		text-align: center;
		}

		.vcard{
			background: #00334C;
			border-top: 1px solid #80A2B3;
			border-bottom: 1px solid #80A2B3;
			height: 17px;
			padding-top: 5px;
			}

			.vcard div{
				display: inline;
				padding-right: 20px;
				}/* END FOOTER */
