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

Title : Barcelona Portraits
Author : Ben Rinehart
URL :

Description : Marathon Package site design

Created : 06/29/2007
Modified :

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

body{
	background: #0D0D0D;
	font: 14px Arial, helvetica, sans-serif;
	margin: 0;
	}

/* START CONTAINER */
#container{
	width: 830px;
	\width: 850px;
	w\idth: 830px;
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	}

	#alt #container{
		margin-top: 15%;
		}/* END CONTAINER */

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

		#alt #header{
			float: right;
			}

	#header h1{
		width: 200px;
		height: 200px;
		padding: 0;
		margin: 0;
		border: 15px solid #C8C3A9;
		background: url(../images/logo.jpg) center center no-repeat;
		text-indent: -9000px;
		}

	#header h1 a{
		width: 200px;
		height: 200px;
		padding: 0;
		margin: 0;
		border: 0;
		display: block;
		text-decoration: none;
		}/* END HEADER */
	/* START SPOTLIGHT */
	#spotlight{
		float: right;
		border: 15px solid #C8C3A9;
		border-width: 15px 15px 15px 0;
		}

		#alt #spotlight{
			float: left;
			border-width: 15px 0 15px 15px;
			}

		#spotlight img{
			display: block;
			}
	/* START NAVIGATION */
	#navigation{
		text-align: right;
		padding: 5px 10px 5px 0;
		}

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

			#global li{
				list-style-type: none;
				display: inline;
				font: 14px Arial, helvetica, sans-serif;
				padding: 0 5px;
				}

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

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

		a:link{
			color: #fff;
			}

		a:visited{
			color: #D9D0A5;
			}

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

	/* START PAGE BODY */
	#page_body{
		clear: both;
		width: 740px;
		background: #000000;
		border: 15px solid #C8C3A9;
		border-width: 0 15px 15px;
		padding: 15px 30px;
		}

		h1{
			font: 22px Arial, helvetica, sans-serif;
			color: #fff;
			}

		h2{
			font: 20px Arial, helvetica, sans-serif;
			color: #fff;
			}

			#testimonials h2{
				text-align: right;
				margin-right: 30px;
				}

		h3{
			font: 18px Arial, helvetica, sans-serif;
			color: #fff;
			}

		p{
			font: 13px/18px Arial, helvetica, sans-serif;
			color: #D9D0A5;
			}

			blockquote{
				text-align: center;
				padding: 10px 30px;
				}/* END PAGE BODY */

	/* START INFO PAGES */
	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;
		}

		#testimonials img{
			border: 10px solid #C8C3A9;
			}

	#resources ul{
		margin: 0;
		padding: 25px 0;
		height: 250px;
		}

		#resources li{
			list-style-type: none;
			display: block;
			float: left;
			width: 325px;
			height: 30px;
			padding: 5px 15px;
			}

		#promotions {
			width: 560px;
			height: 400px;
			margin: 0 auto;
			}/* END INFO PAGES */

	/* START PORTFOLIO */
	#portfolio{
		width: 700px;
		margin: 0 auto;
		}

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

			#portfolio li{
				display: block;
				float: left;
				width: 175px;
				margin: 0;
				padding: 0;
				text-align: center;
				}

			#portfolio li img{
				display: block;
				border: 5px solid #C8C3A9;
				margin: 0 auto;
				}

			#portfolio li span{
				padding: 2px 5px;
				font: 16px Arial, helvetica, sans-serif;
				}

			#portfolio li a:link, #portfolio li a:visited{
				color: #fff;
				text-decoration: none;
				}

			#portfolio li a:hover, #portfolio li a:active{
				}/* END PORTFOLIO */

	/* START GALLERIES */
	#slideshow {
		width: 585px;
		height: 200px;
		margin: 0 auto;
		}

		#enlarge{
			clear: both;
			width: 770px;
			height: 540px;
			background: #000000;
			border: 15px solid #C8C3A9;
			border-width: 0 15px 15px;
			padding: 15px;
			}

			#enlarge img{
				clear: both;
				display: block;
				margin: 0 auto;
				border: 15px solid #C8C3A9;
				}

		#gallery{
			float: right;
			border: 15px solid #C8C3A9;
			border-width: 15px 15px 15px 0;
			width: 585px;
			height: 200px ;
			background: #0D0D0D;
			}

			#thumbnails{
				margin: 0;
				padding: 0;
				clear: both;
				}

		#thumbnails li{
			display: block;
			float: left;
			width: 55px;
			height: 55px;
			overflow: hidden;
			margin: 4px;
			border: 5px solid #C8C3A9;
			}

			#thumbnails li img{
				border: none;
				}

			#gallery h1{
				font: 18px arial, helvetica, sans-serif;
				float: left;
				color: #fff;
				margin: 30px 0 0 5px;
				}

			#gallery ul#local{
				float: right;
				clear: none;
				margin: 30px 0 0 0;
				padding: 0;
				}

			#gallery ul#local li{
				display: inline;
				padding: 0 10px;
				width: auto;
				height: auto;
				border: none;
				}

				#gallery ul#local li a:link, #gallery ul#local li a:visited{
					color: #fff;
					}/* END GALLERIES */

	/* START FORMS */
	form{
		width: 630px;
		height: 450px;
		margin: 0 auto;
		}

		form p{
			color: #D9D0A5;
			}

		.column{
			width: 300px;
			float: left;
			}

		.instructions{
			text-indent: 0;
			}

		fieldset{
			padding: 5px;
			margin: 0;
			border: none;
			}

			fieldset.checks{
				clear: left;
				float: left;
				margin: 5px 0;
				width: auto;
				border: 1px solid #D9D0A5;
				}

				fieldset.checks label{
					width: 235px;
					}

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

		label{
			display: block;
			float: left;
			clear: left;
			width: 75px;
			font-size: 12px;
			margin-top: 3px;
			color: #fff;
			}

		.required{
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			}

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

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

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

		input[type="submit"]:hover, input[type="reset"]:hover{
			cursor: pointer;
			}

		#gift{
			margin: 3px 6px;
			border: 1px solid #C8C3A9;
			}/* END FORMS */

	/* START VCARD */
	.vcard{
		clear: both;
		text-align: left;
		color: #C8C3A9;
		margin: 5px 0;
		padding: 5px 0 5px 15px;
		}

		.vcard div{
			display: inline;
			font: 14px Arial, helvetica, sans-serif;
			padding: 0 5px 0 0;
			}

	/* END VCARD */
	/* START FOOTER */
	#footer{
		clear: both;
		padding: 0;
		}

		#footer p{
			color: #FFFFFF;
			font: 10px Arial, helvetica, sans-serif;
			text-align: center;
			margin-top: 25px;
			}

		#footer a:link{
			color: #C8C3A9;
			}

		#footer a:visited{
			color: #FFFFFF;
			}

		#footer a:hover, #footer a:active{
			text-decoration: none;
			}
		
		#footer h4{ color: #C8C3A9; font-weight: normal; text-align: center; }/* END FOOTER */