@charset "UTF-8";
/* CSS Document */

@import "jScrollPane.css";

html, body { 
margin: 0;
background: #979b68 url('images/bkg_body.jpg') repeat-x 0 0; 
text-align: center;
}

a { outline: none; }

#wrapper {
margin: 0 auto;
text-align: left;
width: 954px; 
}

#header { 
position: relative;
height: 126px;
z-index: 9999;
}

.icon { position: absolute; bottom: -11px; left: 437px; z-index: 9998; }
.phone { position: absolute; bottom: 4px; left: 0; }
.info { position: absolute; bottom: 4px; right: 0; }


#header h1 { display: none; }

#main { 
min-height: 468px; position: relative;
background: #1b1b1b; border: 2px solid #bbbf8c;
}

#footer {
	background: url('images/bkg_copyright.png') no-repeat 50%;
	height: 18px; width: 954px;
	position: relative; z-index: 9999;
	text-indent: -9999em; font-size: 0em; line-height: 0em; 
	}
	
#footer img {
position: absolute; top:0px; left:2px;
z-index: 9998;
}

#grad {
	background: url('images/bkg_grad.png') repeat-x 0 0;
	height: 79px; width: 950px;
	position: absolute; top: 0; left: 0;
	z-index: 9997;
	}

.logo { position: absolute; left: 350px; z-index: 9999; }
.gray { color: #434343; }
.green { color: #bbbf8c; }

/* FEATURED STYLES */

.leftFade, .rightFade {
width: 54px; height: 76px; display: block; 
position: absolute; top: 0; 
z-index: 9990;
}
.leftFade { background: url('images/bkg_leftFade.png') no-repeat left -18px; left: 0; }
.rightFade { background: url('images/bkg_rightFade.png') no-repeat right -18px; right: 0; }

#featured {
	width: 954px;
	height: 76px;
	position: relative;
	}

#featured div.scrollableArea img { float: left; }

div.scrollWrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	}

div.scrollableArea {
	position: relative;
	width: auto;
	height: 100%;
	}

div#rotator {
	position:relative;
	}
div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	}
	
div#rotator ul { margin: 0; padding: 0; }
div#rotator ul li.show {
	z-index:500;
	}
	

/* NAVIGATION STYLES */
	
#navbar {
	background: url('images/bkg_navbar.png') no-repeat bottom left;
	height: 109px; width: 950px;
	position: absolute;
	bottom: 0; left: 0;
	z-index: 9999;
	}	

#navbar ul { 
	margin: 0; padding: 0; 
	height: 54px; 
	position: absolute; 
	bottom: 0; left: 270px; }
	
#navbar li { list-style: none; float: left; }

a.nav-home, a.nav-portfolio, a.nav-biography, .nav-contactus {
	text-indent: -9999em; font-size: 0em; line-height: 0em;
	height: 54px; display: block; }

a.nav-home { background: url('images/nav-home.png') no-repeat 0 0; width: 79px; }
a.nav-portfolio { background: url('images/nav-portfolio.png') no-repeat 0 0; width: 112px; }
a.nav-biography { background: url('images/nav-biography.png') no-repeat 0 0; width: 113px; }
a.nav-contactus { background: url('images/nav-contactus.png') no-repeat 0 0; width: 121px; }

a:hover.nav-home, a:hover.nav-portfolio, a:hover.nav-biography, a:hover.nav-contactus,
#home a.nav-home, #portfolio a.nav-portfolio, #biography a.nav-biography, #contactus a.nav-contactus {
	background-position: bottom; }

.asid-member { 
	width: 37px; height: 57px;
	position: absolute;
	bottom: 12px; left: 12px;
	background: url('images/bkg_asid-member.png') no-repeat 0 0;
	}

.az-relocator {
	width: 113px; height: 50px;
	position: absolute;
	bottom: 10px; left: 64px;
	background: url('images/az_relocate.jpg') no-repeat 0 0;
}

.watch-video {
	width: 169px; height: 112px;
	position: absolute;
	bottom: 12px; right: 12px;
	background: url('images/bkg_watch-video.png') no-repeat 0 0;
	}
	
.see-our-awards {
	width: 196px; height: 142px;
	position: absolute;
	bottom: 0; right: 0;
	background: url('images/bkg_see-our-awards.png') no-repeat 0 0;
	}	
	
/* BIOGRAPHY STYLES */

#biography #main {
	background: #1B1B1B;
	}

.bioImg { 
float: left; 
width: 300px; 
margin: 120px 0 0 50px;
}

.bioTxt {
	width: 555px;
	height: 300px;
	overflow: auto;
	padding-right: 20px;
	color: #efefef;
	font: 15px/20px "Times New Roman", Times, serif;
	}
	
.bioTxt h1 { 
	color: #bbbf8c;
	font: normal 30px/20px "Times New Roman", Times, serif;
	margin: 8px 0;
	}
	
/* CONTACT US STYLES */

#contactus #main {
	background: #1B1B1B url('images/bkg_contactus.jpg') no-repeat top left;
	}

.contactTxt {
	width: 296px; height: 130px;
	padding: 20px 30px;
	background: url('images/bkg_contactTxt.png') 0 0;
	float: left;
	margin: 145px 28px 0 72px;
	color: #efefef;
	font: 13px/20px "Times New Roman", Times, serif;
	}
	
.contactTxt h1, .contactForm h1 { 
	color: #bbbf8c;
	font: normal 18px/20px "Times New Roman", Times, serif;
	margin: 4px 0;
	}

.contactForm h1 { margin-bottom: 12px; }

.contactTxt a { color: #efefef; text-decoration: none; }	
	
.contactForm {
	width: 387px; 
	float: right;
	margin: 80px 36px 0 0;
	}
	
.contactForm input, .contactForm textarea {
	background: #090909;
	border: 1px solid #2f2f2f;
	width: 387px;
	color: #494949;
	font: 18px/20px "Times New Roman", Times, serif;
	padding: 8px;
	}

.contactForm input {
	height: 26px;
	margin-bottom: 2px;
	}

.contactForm textarea {
	height: 108px;
	margin-bottom: 3px;
	}
	
.contactForm .submit { 
	width: 84px; height: 30px;
	display: block;
	background: url('images/bkg_submit.jpg') no-repeat 0 0;
	text-indent: -9999em; font-size: 0em; line-height: 0em;
	cursor: pointer;
	}

.contactForm .submit:hover {
	background-position: left -29px;
	}
	
/* PORTFOLIO STYLES */

#portfolioWrap {
	width: 800px;
	margin: 40px auto 0 auto;
	z-index: 9999;
	left: 75px;
	position: absolute;
	}

.thumb a span { display: block; width: 152px; height: 80px; }
.thumb a img { border: none; }
.thumb {
	background: #2a2a2a; 
	border: 1px solid #2a2a2a;
	width: 152px; height: 80px;
	float: left;
	margin: 3px;
	}
.odd, .title { background: #151515; border: 1px solid #151515; }
.active { }

