/* * * Autumn  Harp CSS * * */

@import url(forms.css); /* Styles for forms */

body{
	background:url(../../img/body-bg.gif) top left repeat;
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.left{float:left}
.right{float:right}
.clear{clear:both}

/* * Container * */

#container{
	width:641px;
	margin:20px auto;
	}
	#containerInner{
		background:url(../../img/container-bg.gif) top left no-repeat;
		width:641px;
		height:641px; /* Home page height*/
		}
		#containerInner.subInner{
			background:none;
			height:auto; /* Sub page height*/
			}
	
/* * Navigation * */

#navigation{
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:12px;
	text-transform:lowercase;
	}
	#navigation ul{
		padding:15px 0 0 0;
		position:relative;
		z-index:500;
		float:left;
		}
		#navigation ul li{
			float:left;
			padding:0 15px;
			}
			#navigation ul li a{color:#8f9bc0}
				#navigation ul li a:hover{color:#e87d6d}
			#navigation ul li.active a{color:#402b35}
			#navigation ul li.last-red a{color:#e87d6d}
/* * Page * */
#top{
	background:url(../../img/top.gif) top left no-repeat;
	height:150px;
	height:145px\9;
	width:641px;
	}
#page{
	background:url(../../img/container-sub-bg.gif) top left repeat-y;
	padding:0 0px 0 1px
	}
	#page.homePage{
		background:none;
		}		
#bottom{
	background:url(../../img/bottom.gif) top left no-repeat;
	height:16px;
	width:641px;
	}
/* * Header * */

#header{
	background:#74596f;
	margin:43px 0 0 0px;
	padding-left:1px;
	width:639px;
	height:70px;
	float:left;
	position:relative;
	z-index:250;
	}
	#header.homeHeader{background:none}
	#header.about{background:url(../../img/about-banner.gif) top left no-repeat #74596E}
	#header.experience{background:url(../../img/process-banner.gif) top left no-repeat #C2C2D1}
	#header.r-d{background:url(../../img/r-d-banner.gif) top left no-repeat #6D5C66}
	#header.contact{background:url(../../img/contact-banner.gif) top left no-repeat #A55575}
	#header.jobs{background:url(../../img/jobs-banner.gif) top left no-repeat #D7C5D1}
	#header.team, #header.quality{background:url(../../img/team-banner.gif) top left no-repeat #825062}
	#header.facility{background:url(../../img/facility-banner.gif) top left no-repeat #CE657E}
	#header.tour{background:url(../../img/tour-banner.gif) top left no-repeat #6D5C66}
	#header.packaging{background:url(../../img/packaging-banner.gif) top left no-repeat #C2C2D1}
	#header.index{background:none}
		
	#header img.logo{
		position:relative;
		top:-10px;
		left:36px;
		float:left;
		}

/* * Content * */

#content{
	width:460px;
	min-height:400px;
	padding:0 0 0 125px;
	color:#FFF;
	position:relative;
	}
	#content.homeContent{
		background:none;
		padding:0 0 0 35px;
		}
	#content #slideshow{
		position:relative;
		top:-85px;
		top:-80px\9;
		}
		#content #slideshow.pics{
			top:0;
			left:-27px;
			padding:0;
			margin:0;
			background:url(../images/tour-slideshow/start.jpg) no-repeat 0 25px #8073A7;
			height:420px;
			height:auto\9;
			}
			#content #slideshow.pics img {
				position:relative;
				top:25px;
				left:0;
				z-index:200;
				height:322px\9;
				}
			#content #slideshow.pics p#number{
				font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
				font-size:13px;
				color:#D6D4D7;
				position:absolute;
				top:0;
				left:8px;
				z-index:500;
				}
			#content #slideshow.pics p#tour-button{
				font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
				font-size:13px;
				color:#D6D4D7;
				position:absolute;
				top:0;
				right:8px;
				z-index:500;
				}
				#content #slideshow.pics p#tour-button .previous,
				#content #slideshow.pics p#tour-button .next{
					padding:0;
					margin-left:10px;
					cursor:pointer;
					}
			#content #slideshow.pics p#caption{
				width:435px;
				text-align:center;
				padding:30px 5px 0 5px;
				font-size:12px;
				font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				color:#FFF;
				line-height:125%;
				height:80px\9;
				}
			#content #slideshow.pics p#start{
				text-align:center;
				text-transform:lowercase;
				font-size:18px;
				color:#FFF;
				letter-spacing:4px;
				position:relative;
				width:auto;
				height:5px;
				margin-top:25px;
				}
				#content #slideshow.pics p#start img{
					position:absolute;
					top:210px;
					left:195px;
					height:auto;
					}
				#content #slideshow.pics p#start:hover{
					cursor:pointer;
				}
	#content h1{
		font-size:24px;
		padding:15px 0 23px 0;
		text-transform:lowercase;
		}
	#content h2{
		font-size:14px;
		font-style:italic;
		padding:0 0 23px 0;
	
		}
		#content h2.list{
			padding:0 0 5px 0;
			}
		#content h2.slideHover{
			color:#B9B5DF;
			padding:0;
			margin:100px 0 0 -125px;
			width:638px;
			text-align:center;
			}
	#content h3{
		font-size:20px;
		padding:10px 0 5px 0;
		text-transform:lowercase;
		outline:0;
		}
		#content h3 a{
			color:#FFF;
			}
			#content h3 a:hover{
				color:#412C36;
				}
			#content h3 a:focus{
				outline:0;
				}
		#content h3.border-top{
			border-top:1px solid #D6D4D7
			}
	#content p{
		color:#e2d8db;
		font-size:12px;
		line-height:18px;
		padding-bottom:18px;
		}
		#content p a{
			color:#FFF;
			}
			#content p a:hover{
				color:#412C36
				}
	#content ul{
		color:#e2d8db;
		font-size:12px;
		padding:0 0 18px 13px;
		}
		#content ul li{
			list-style-type:disc;
			line-height:18px;
			}
			#content ul li a{
				color:#e2d8db;
				text-decoration:underline;
				}
	#content #contact-method{
		float:left;
		width:auto;
		padding-right:53px;
		}
		
	#content img.reduced{
		height:168px;
		}
	#content img.spaced{
		margin:0 6px;
		}
	#content img.historyIMG{
		width:225px;
		}
		
/* * Photo Manager Page * */
		#photoManage{
			background:#fff;
			margin-top:20px;
			height:1600px;
			width:500px;
			padding-left:30px;
			color:#000;
			}
		.managepicturecontainer{background-color:#FFF;}
/* * Eternity Design * */

#eternity{
	padding:5px 0 10px 15px;
	position:relative;
	z-index:500;}
	#eternity p{
		font-size:10px;
		text-align:center;
		color:#8073A7;
		}
		#eternity p a{
			color:#8073A7;
			}
	#eternity img{
		width:16px;
		float:right;
		margin-left:6px;
		border:0;
		}

.fsForm .fsFieldRow td.fsRowBody, .fsForm .fsSpacerRow td.fsRowBody, .fsForm .fsSectionRow .fsRowBody {background:none !important;}
.fsForm .fsLabel {text-align: left;float: left; width:70px; color:#E2D8DB !important;}
fsForm .fsLabel, .fsForm h2, .fsSectionText {color:#E2D8DB !important;}