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

Title : Madrid
Author : Ben Rinehart
Designer: Ben Rinehart
URL : cip325.com

Description : Marathon Package Designed Site

Created : 05/18/2007
Modified : 05/21/2007 - added music

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

body{
	background: #4F3913;
	margin: 25px 0;
	}

/* START CONTAINER */
#container{
	width: 820px;
	\width: 840px;
	w\idth: 820px;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: #E9D2AB url(../images/flowers.jpg) 100% 75px no-repeat;
	}/* END CONTAINER */

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

	/* vcard is microformat standard for address information. */
	.vcard{
		font: normal 12px Georgia, Times, "Times New Roman", Serif;
		color: #592331;
		}

		.vcard .org{
			width: 206px;
			height: 73px;
			padding: 0;
			margin: 0;
			background: url(../images/logo.gif) center center no-repeat;
			text-indent: -9000px;
			}

			.vcard .org a{
				width: 206px;
				height: 73px;
				padding: 0;
				margin: 0;
				border: 0;
				display: block;
				text-decoration: none;
				}

		.vcard .email{
			display: block;
			text-align: right;
			margin: 25px 20px 0 0;
			}

		.vcard .adr{
			text-align: right;
			margin: 0 20px;
			}

		.vcard .tel{
			margin: 0 20px;
			text-align: right;
			}/* END HEADER */

	/* START NAVIGATION */
	#navigation{
		float: right;
		clear: right;
		background: #592331 url(../images/navigation.jpg) bottom left repeat-x;
		border: 2px solid #987333;
		width: 780px;
		margin: 125px 10px 10px 10px;
		font: 14px/24px Georgia, Times, "Times New Roman", Serif;
		text-align: right;
		}

		#navigation p{
			font: italic 10px georgia, times, "Times New Roman", serif;
			color: #E9D2AB;
			padding-right: 25px;
			}

		#global{
			margin: 0;
			padding: 55px 25px 60px 0;
			}

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

				#global li a:link, #global li a:visited{
					color: #E9D2AB;
					padding: 5px 15px;
					text-decoration: none;
					}

				#global li a:hover, #global li a:active{
					background: url(../images/rollover.gif) top right no-repeat;
					}

		a:link, a:visited{
			color: #592331;
			}

		a:hover, a:active{
			text-decoration: none;
			}

		/* START GALLERY NAVIGATION */
		#local{
			float: right;
			margin: 30px 30px 0 0;
			padding: 0;
			font: italic 12px Georgia, Times, "Times New Roman", Serif;
			}

			#local li{
				list-style-type: none;
				display: inline;
				margin: 10px;
				}

				#local li a:link, #local li a:visited{
					text-decoration: none;
					}

				#local li a:hover, #local li a:active{
					text-decoration: underline;
					}/* END NAVIGATION */

	/* START PAGE BODY */
	#page_body{
		padding: 0;
		position: absolute;
		top: 40px;
		width: 505px;
		margin-left: 40px;
		}

		#info #page_body{
			background: #E9D8BC url(../images/content.jpg) center 200px no-repeat;
			border: 2px solid #987333;
			height: 520px;
			padding: 15px;
			}

			#info #page_body #content{
				height: 490px;
				overflow: auto;
				padding: 0 15px 0 0;
				}

		#page_body p, #page_body ul, #page_body dl, #page_body ol{
			font: 12px/18px Georgia, Times, "Times New Roman", serif;
			}

		#page_body h1, #page_body h2, #page_body h3, #page_body h4, #page_body h5, #page_body h6{
			font-family: Georgia, times, "times new roman", serif;
			font-weight: normal;
			color: #592331;
			margin-top: 0;
			}

			#page_body h1{
				font-size: 24px;
				margin-bottom: 0;
				}

			#page_body h2{
				font-size: 20px;
				}

			#page_body h3{
				font-size: 16px;
				}

			#page_body h4, #page_body h5, #page_body h6{
				font-size: 14px;
				}

				#page_body h4{
					font-weight: bold;
					}

	#music{
		width: 30px;
		height: 20px;
		margin: 0 auto;
		}/* END PAGE BODY */

	/* START INFO PAGES */
	#slideshow{
		width: 560px;
		height: 560px;
		}

	#promotions{
		width: 550px;
		height: 400px;
		margin: 0 auto;
		margin-top: 100px;
		}

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

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

	img.figure-c{
		float: left;
		margin: 0 10px 10px 0;
		border: 3px solid #987333;
		}

	img#gift{
		border: 1px solid #987333;
		}

	/* hreview is microformat standard to be used for testimonials */
	.hreview{
		clear: right;
		border-top: 1px dotted #987333;
		margin-bottom: 15px;
		}

	.hreview .photo{
		float: right;
		margin: 10px 0 10px 10px;
		border: 3px solid #987333;
		}

		.hreview .description p{ /* main testimonial text */
			font-style: italic;
			text-indent: 1em;
			}

		.hreview .vcard{ /* signature/person writing the testimonil */
			font-size: 14px;
			padding-left: 50px;
			}

	#resources ul, .instructions{
		text-align: center;
		margin: 0;
		padding: 0;
		}

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

	/* START PORTFOLIO */
	#portfolio{
		width: 340px;
		display: block;
		margin: 5px auto 0 auto;
		padding: 0;
		}

		#portfolio li{
			float: left;
			display: block;
			padding: 0;
			margin: 0;
			width: 170px;
			height: 160px;
			text-align: center;
			font: 14px/24px Georgia, Times, "Times New Roman", Serif;
			letter-spacing: 2px;
			}

			#portfolio li a.image{
				width: 150px;
				height: 120px;
				overflow: hidden;
				display: block;
				margin: 0 auto;
				border: 3px solid #987333;
				}

				#portfolio li a.image img{
					border: none;
					}/* END PORTFOLIO */

	/* START GALLERIES */
		/* ADDS STYLE TO THE LIGHTBOX */
		a img{
			border: none;
			}

		#lightbox{
			background-color: #987333;
			padding: 3px;
			}

			html>body #lightbox{
				padding-bottom: 0;
				}

			#lightbox img{
				margin-bottom: -1px;
				}

		#lightboxCaption{
			font-size: 0.8em;
			padding-top: 0.4em;
			text-align: right;
			color: #000;
			}

		#overlay{ background-image: url(../images/overlay.png); }

		/* DETERMINES THE LAYOUT AND LOOK OF THE THUMBNAILS */
		#gallery{
			width: 540px;
			margin: 0 auto;
			display: table;
			background: #E9D8BC;
			border: 3px solid #987333;
			}

			#gallery h1{
				padding: 15px;
				}

		.thumbnails{
			margin: 0 15px;
			padding: 0;
			}

		.thumbnails li{
			display: inline;
			float: left;
			width: 125px;
			height: 125px;
			}

		.thumbnails li img{
			vertical-align: middle;
			border: 1px solid #987333;
			margin: 5px auto;
			display: block;
			}

		.thumbnails li img:hover{
			cursor: pointer;
			}/* END GALLERIES */

	/* START FORMS */

		fieldset{
			padding: 10px;
			border: 1px solid #987333;
			}

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

				fieldset fieldset label{
					width: 335px;
					}

		legend{
			color: #592331;
			margin-top: 3px;
			}

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

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

		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: 5px 15px;
		margin-top: 0;
		background: #4F3913;
		}

		#footer p{
			color: #E9D2AB;
			font: 12px Georgia, Times, "Times New Roman", serif;
			}

			#footer a:link, #footer a:visited{
				color: #E9D2AB;
				}/* END FOOTER */