/* ----- CSS ----- */
 
body {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 81.3%;
	color: #6b7a83;
	background: #85171a url(../images/grad_x.jpg) repeat-x top center;
}
 
 
 
/* ----- header ----- */
#wrapper {
	position: relative;
	margin: 0px auto; 
}
#header {
	position: absolute;
	top: -73px;
	width: 905px;
	height:75px;
	background: transparent url(../images/header.jpg) no-repeat top left;
}
	#header h1 {
		margin: 0 0 0 15px;
		padding: 0;
	}
		#header h1 a {
			display: block;
			width: 187px;
			height: 28px;
			text-indent: -9000px;
			background: transparent url(../images/identity.gif) no-repeat top left;
		}
	#header ul {
		position: absolute;
		bottom: 19px;
		right: 20px;
		float: left;
		list-style: none;
		font-size: 1.231em;
		font-weight: normal;
		list-style-type: none;
	}
		#header ul li {
			display: inline;
			margin: 0;
			padding: 0; 
		}
			#header ul li a {
				margin: 0 10px 0 13px;
				letter-spacing: 1px;
				text-decoration: none;
				color: #696f71;
				background: transparent url(../images/li_arrowb.jpg) left center no-repeat;
				padding-left: 19px;
				text-align: left;
				text-decoration: none;
			}
			#header ul li a:hover {
				background: transparent url(../images/li_arrowb-o.jpg) left center no-repeat;	
				color: #920c0f;
			}
 
	
/* ----- contents ----- */
			
#contents {
	position: relative;
	top: 88px;
	margin: 0px auto 0px auto;
	width: 905px;
	background: #fff url(../images/vert_slice_y.jpg) repeat-y top left;
}
	
/* ----- Footer ----- */
 
#footer {
	background:url(../images/footer.jpg) bottom no-repeat;
	height:44px;
	width:905px;
}
 

	
body.contactPage #chimeWrap {
	position: absolute;
	width: 0;
	height: 0;
}	
body.contactPage #formWrap {
	position: relative;
	width: 520px;
	min-height:450px;
}
	body.contactPage #formWrap #overlayLeft { /* overlay left corners */
		z-index: 200;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 38px;
		height: 450px;
		background: transparent url(../images/overlayLeft.gif) no-repeat top left;
	}
	body.contactPage #formWrap #formStatus { /* overlay when sending email */
		z-index: 100;
		position: absolute;
		top: 0;
		left: 0;
		width: 512px;
		height:512px;
		text-align: center;
		color: #fff;
		border: 4px solid #fff;
	}
		body.contactPage #formWrap #formStatus #formOverlay { /* overlay */
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 512px;
			height:512px;
			text-align: center;
			background: #6b7a83;
			filter:alpha(opacity=80);
			-moz-opacity: 0.80;
			opacity: 0.80;
		}
		body.contactPage #formWrap #formStatus p { /* loading */
			position: absolute;
			top: 174px;
			left: 218px;
			width: 86px;
			height: 74px;
			text-indent: -9000px;
			background: transparent url(../images/emailLoading.gif) no-repeat center center;
		}
		body.contactPage #formWrap #formStatus a#confirm { /* sent confirm - also close button */
			z-index: 102;
			position: absolute;
			top: 176px;
			left: 191px;
			display: block;
			margin: auto;
			text-align: center;
			width: 134px;
			height: 170px;
			text-indent: -9000px;
			background: transparent url(../images/emailConfirm.gif) no-repeat center center;
		}
	body.contactPage #formWrap h1,  body.contactPage #formWrap form  {
		margin: 0 40px;
	}
	body.contactPage #formWrap h1 {
		margin: 0 0 0 36px;
		padding: 0;
		padding-top: 40px;
		padding-bottom: 10px;
		font-size: 28px;
		font-weight: normal;
	}
	body.contactPage #formWrap #contactForm {
		display: block;
		clear: both;
	}
		body.contactPage #formWrap #contactForm p {
			margin: 16px 0;
			line-height: 1.6em;
		}
		body.contactPage #contactInfo {
		color:#999999;
		font-size:1.231em;
		left:520px;
		position:absolute;
		text-align:left;
		top:0;
		height:420px;
		width:385px;
		border-left:1px solid #ededed;
		}
		body.contactPage #contactInfo p, body.contactPage #contactInfo blockquote {
		margin-left:30px;
		margin-right:40px;
		}
		body.contactPage #contactInfo span.welcome {
		color: #920c0f;
		font-size:1.4em;
		}
h1, h2, h3, h4, em { /* display interstate if user has it */
	font-family: Helvetica, Arial, Verdana, sans-serif;
		
		}
		body.contactPage #contactInfo p {
		margin-top:45px;
		line-height:1.3em;
		}
		body.contactPage #contactInfo p a {
		background:transparent url(../images/emailBG.gif) no-repeat scroll center center;
		font-size:13px;
		height:22px;
		padding:5px 6px;
		width:155px;
		text-align:center
		}
		
		body.contactPage #managerList ul
		{
		list-style-type: none;
		text-align: left;
		margin-left:38px;
		}
		
		body.contactPage #managerList ul li a
		{
		background: transparent url(../images/li_arrow.jpg) left center no-repeat;
		padding-left: 15px;
		text-align: left;
		text-decoration: none;
		}
		
		body.contactPage #managerList ul li a:hover
		{
		background: transparent url(../images/li_arrow-o.jpg) left center no-repeat;
		}
			
			
/* ----- HTML ----- */
h1, h2 {
	margin: 0;
	padding: 0;
	color: #920c0f;
}
h1, h2, h3, h4, em { /* display interstate if user has it */
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
dl, dt, dd {
	margin: 0;
	padding: 0;
}
a {
	outline: none;
}
a:link, a:visited {
	color: #920c0f;
	text-decoration: none;
}
a:hover, a:active {
	color: #333333;
}
img {
	border: none;
}
 
 
/* ----- form ----- */
input, textarea {
	font-size: 110%;
	padding: 5px 6px;
	border: none;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
}
label {
	margin-left: 2px;
	margin-right: 6px;
	font-size: 16px;
	color: #696f71;
}
textarea {
	height: 100px;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
}
.txt {
	width: 424px;
	color: #696f71;
	border: none;
	background: #fff;
	border: 3px solid #c1c7ca;
}
#sendBtn {
	margin: 0;
	padding: 0;
	margin-top:10px;
}
.inputHighlighted {  /* Highlighting style */
	width: 296px;
	color: #fff;
  	background-color:#6f8b9b;
}
 
/* ---- class -----*/
.clear {
	clear: both;
}
 
/* ---- sticky footer -----*/
 
html, body {
	height: 100%; /* needed for container min-height */
}
#wrapper {
	position: relative; /* needed for footer positioning*/
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
}
#push {
	clear: both;
	display: block;
	height: 200px; /* control the gap between content and footer */
}
#footer {
	position: relative;
	bottom: 0; /* stick to bottom */
}
	#footer p {
		position: relative;
		width: 905px;
		text-align:center;
		margin: 10px auto;
		color:#999999;
	}
	#footer p a:link, p a:visited {
		color:#777777;
	}
	#footer p a:hover {
		color:#920c0f;
	}
		
 #beforepics, #afterpics {
	width: 100%;
	padding: 5px;
}