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

Title : Amsterdam
Author : Ben Rinehart
Designer : Ben Rinehart
URL :

Description : Marathon Package Site Design

Created :
Modified :

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

body{
	background: #8E9181 url(../images/background.jpg);
	margin: 0;
	color: #fff;
	}

/* START CONTAINER */
#container{
	width: 890px;
	\width: 910px;
	w\idth: 890px;
	margin: 25px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	}/* END CONTAINER */

	/* START HEADER */
	#header{
		width: 200px;
		height: 450px;
		padding: 0;
		margin-bottom: 0;
		background: #821316 url(../images/header.jpg) center center no-repeat;
		float: left;
		border-top: 5px solid #33302C;
		border-right: 5px solid #33302C;
		border-bottom: 5px solid #33302C;
		border-left: 5px solid #33302C;
		}

	#header .vcard .org{
		width: 200px;
		height: 140px;
		padding: 0;
		margin: 0 auto;
		background: url(../images/logo.gif) center bottom no-repeat;
		text-indent: -9000px;
		}

		#header .vcard{
			font: 12px "copperplate gothic bold", copperplate, tahoma, verdana, sans-serif;
			text-align: center;
			}

		#header h2{
			width: 200px;
			height: 275px;
			margin: 0 auto;
			padding: 0;
			background: url(../images/tagline.gif) center 125px no-repeat;
			text-indent: -9000px;
			}/* END HEADER */

	/* START NAVIGATION */
	#navigation{
		background: #6B6F5B;
		border-right: 5px solid #33302C;
		border-bottom: 5px solid #33302C;
		border-left: 5px solid #33302C;
		clear: both;
		font: 12px "copperplate gothic bold", copperplate, tahoma, verdana, sans-serif;
		text-align: center;
		padding: 0;
		}

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

			#global li{
				list-style-type: none;
				display: inline;
				margin: 0;
				padding: 0;
				}

				#global li a:link, #global li a:visited{
					text-decoration: none;
					padding: 5px 10px;
					margin-top: -5px;
					color: #fff;
					}

				#global li a:hover, #global li a:active{
					background: #8E9181;
					}

		a:link{
			color: #fff;
			}
			
			a:visited{
				color: #ccc;
				}

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

	/* START PAGE BODY */
	#page_body{
		padding: 0;
		background: #8E9181;
		border-top: 5px solid #33302C;
		border-right: 5px solid #33302C;
		border-bottom: 5px solid #33302C;
		margin-left: 210px;
		height: 450px;
		}

		h1{
			font: 22px "copperplate gothic bold", copperplate, tahoma, verdana, sans-serif;
			margin: 10px 25px;
			padding: 0;
			}

		h2{
			font: 16px "copperplate gothic bold", copperplate, tahoma, verdana, sans-serif;
			margin: 5px 0;
			padding: 0;
			color: #821316;
			}

		h3, h4, h5, h6{
			font-family: "copperplate gothic bold", copperplate, tahoma, verdana, sans-serif;
			}

			h3{
				font-size: 14px;
				color: #6B6F5B;
				}

			h4{
				font-size: 13px;
				}

			h5{
				font-size: 12px;
				}

		p{
			font: 12px/16px Georgia, times, "Times New Roman", serif;
			text-indent: 25px;
			}
		#content li{
			font: 12px/16px Georgia, times, "Times New Roman", serif;
			}/* END PAGE BODY */

	/* START INFO PAGES */
	#content{
		height: 400px;
		width: 625px;
		padding: 0 25px;
		overflow: auto;
		}

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

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

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

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

		#resources .instructions{
			padding: 0 25px;
			font-style: italic;
			}

		#resources li{
			list-style-type: none;
			padding: 5px 0;
			font: 12px Georgia, times, "Times New Roman", serif;
			}

		#promotions{
			width: 675px;
			height: 450px;
			}
		
		#pricing{
			border-collapse: collapse;
			font: 12px/16px Georgia, times, "Times New Roman", serif;
			}
			
			#pricing th, #pricing td{
				border-bottom: 1px solid #6B6F5B;
				width: 125px;
				}
				
				#pricing thead th{
					border-color: #33302C;
					}
				
				#pricing thead th em{
					font-weight: normal;
					font-size: 10px;
					}
				
				#pricing tbody th{
					text-align: left;
					}
				
				#pricing tbody td{
					text-align: right;
					}/* END INFO PAGES */

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

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

		#portfolio li{
			float: left;
			display: block;
			padding: 0;
			margin: 0;
			width: 325px;  /* 220px for 3 columns, 325px for 2 */
			height: 125px;
			text-align: center;
			font: 14px/24px Georgia, Times, "Times New Roman", Serif;
			letter-spacing: 2px;
			}

			#portfolio li a.image{
				width: 200px;
				height: 100px;
				overflow: hidden;
				display: block;
				margin: 0 auto;
				border: 1px solid #33302C;
				}

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

	/* START GALLERIES */
	#slideshow{
		width: 675px;
		height: 450px;
		float: left;
		}

		#enlarge{
			width: 675px;
			height: 450px;
			overflow: hidden;
			}

			#enlarge img{
				display: block;
				margin: 0 auto;
				border-right: 5px solid #33302C;
				border-left: 5px solid #33302C;
				}

		#thumbnails{
			background: #8E9181;
			height: 50px;
			border-right: 5px solid #33302C;
			border-bottom: 5px solid #33302C;
			border-left: 5px solid #33302C;
			}

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

			#thumbnails ul li{
				list-style-type: none;
				}

			#thumbnails ul li a{
				display: block;
				overflow: hidden;
				width: 40px;
				height: 40px;
				border: 2px solid #33302C;
				margin: 3px 5px;
				float: left;
				}

				#thumbnails ul li a img{
					border: none;
					}/* END GALLERIES */

	/* START FORMS */
		.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 #33302C;
				}

				fieldset.checks label{
					width: 235px;
					}

		legend{
			color: #FFF;
			font: 12px "copperplate gothic bold", copperplate, tahoma, verdana, sans-serif;
			}

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

		.required{
			color: #33302C;
			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;
			}/* END FORMS */

	/* START FOOTER */
	#footer{
		clear: both;
		padding: 0;
		margin-top: 0;
		text-align: center;
		}

		#footer p{
			font: 12px Georgia, times, "Times New Roman", Serif;
			}/* END FOOTER */