@charset "UTF-8";

/* Jazz for Spooner's Woodwroks site | Site design and build by Chris Perryman, Revelation Concept */

html, body {
	padding:0px;
	margin:0px;
	background-color:#2A2019;
	background-image:url('images/background.jpg');
	background-position:left top;
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#633927;
}
p {
	margin:0px;
	margin-bottom:10px;
	padding:5px;
	text-align:left;
}
a {
	color:#AC805F;
	text-decoration:underline;
	font-weight:normal;
}
a:hover {
	color:#633927;
}
h1 {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:25px;
	font-weight:normal;
	color:#476581;	
}
h2 {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	font-weight:bold;
	color:#476581;	
}

/* SITE STRUCTURE
------------------------------------------------------------------Site Structure */

#frame {
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	width:1000px;
	height:auto;
}
#header {
	float:left;
	padding:0px;
	margin:0px;
	width:1000px;
	height:auto;
}
#banner {
	float:left;
	padding:0px;
	margin:0px;
	width:1000px;
	height:109px;
}
#menu {
	float:left;
	padding:0px;
	margin:0px;
	width:1000px;
	height:36px;
}
#contentFrame {
	float:left;
	padding:0px;
	margin:0px;
	width:1000px;
	height:auto;
	background-color:#AC805F;
}
#wrapTop {
	float:left;
	padding:0px;
	margin:0px;
	width:1000px;
	height:19px;
	background-image:url('images/wrapTop.jpg');
	background-position:center;
	background-repeat:no-repeat;
}
#content {
	float:left;
	padding:0px;
	padding-left:45px;
	padding-right:45px;
	padding-bottom:35px;
	margin:0px;
	width:910px;
	height:auto;
	background-image:url('images/contentBackground.jpg');
	background-position:center;
	background-repeat:repeat-y;
	clear:left;
}
#wrapBottom {
	float:left;
	padding:0px;
	margin:0px;
	width:1000px;
	height:19px;
	background-image:url('images/wrapBottom.jpg');
	background-position:center;
	background-repeat:no-repeat;
}
#footer {
	float:left;
	padding:10px;
	margin:0px;
	width:980px;
	height:75px;
	background-color:#AC805F;
}
#bottomSpace {
	float:left;
	padding:0px;
	margin:0px;
	width:1000px;
	height:30px;
}

/* SITE MENU JAZZ
----------------------------------------------------------------------Site Menu Jazz */

#menu ul {
	float:left;
	padding:0px;
	margin:0px;
	width:1000px;
	height:36px;
	display:inline;
}
#menu li {
	float:left;
	padding:0px;
	margin:0px;
	display:inline;
	list-style:none;
}
#menu li a {
	float:left;
	display:inline;
	overflow:hidden;
	text-indent:-999999px;
	outline:none;
	width:200px;
	height:36px;
}
#menu li.home a {
	background-image:url('images/home.jpg');
	background-position:top;
}
#menu li.about a {
	background-image:url('images/about.jpg');
	background-position:top;
}
#menu li.folio a {
	background-image:url('images/folio.jpg');
	background-position:top;
}
#menu li.clients a {
	background-image:url('images/clients.jpg');
	background-position:top;
}
#menu li.contact a {
	background-image:url('images/contact.jpg');
	background-position:top;
}
#menu li a:hover {
	background-position:bottom;
}
#menu li ul {
	display:none;
	z-index:1000;
}
#menu li:hover ul {
	display:block;
	width:200px;
	position:absolute;
}
#menu li ul li a {
	height:25px;
}
#menu li.about ul li.intro a{
	background-image:url('images/intro.jpg');	
}
#menu li.about ul li.history a{
	background-image:url('images/history.jpg');	
}
#menu li.about ul li.facil a{
	background-image:url('images/facil.jpg');	
}
#menu li.about ul li.enviro a{
	background-image:url('images/enviro.jpg');	
}
#menu li.about ul li.comm a{
	background-image:url('images/comm.jpg');	
}


/*HOME PAGE
----------------------------------------------------------------------Home Page */
h1.featured {
	margin:0px;
}
#frameFix {
	float:left;
	position:absolute;
	width:888px;
	height:562px;
	z-index:500;
}
#featuredFrame {
	float:left;
	padding:11px;
	padding-top:5px;
	padding-bottom:0px;
	margin:0px;
	width:888px;
	height:auto;
}
#featuredInfo {
	position:absolute;
	padding:0px;
	margin:0px;
	width:843px;
	height:562px;	
	
}
#featuredTabs {
	position:relative;
	overflow:hidden;
	float:left;
	width:888px;
	height:562px;
}
#wellsSlide {
	float:right;
	padding:0px;
	margin:0px;
	width:843px;
	height:562px;
}
/* PORTFOLIO MENU JAZZ
----------------------------------------------------------------------Protfolio Menu Jazz */
#portStrip {
	float:right;
	width:290px;
	height:898px;
	margin:0px;
	margin-top:20px;
	margin-right:20px;
	padding:0px;
}
#wood {
	width:14px;
	height:403px;
	float:left;
	display:block;
	margin:0px;
	padding:0px;
	margin-left:25px;
	background-image:url('images/wood.jpg');
	background-repeat:no-repeat;
}	
#wood2 {
	width:14px;
	height:282px;
	float:left;
	display:block;
	margin:0px;
	padding:0px;
	margin-left:25px;
	background-image:url('images/wood2.jpg');
	background-repeat:no-repeat;
}
.portNav {
	float:left;
	width:550px;
	height:auto;
	margin:0px;
	margin-top:20px;
	padding:0px;
}
.portNav ul {
	float:left;
	display:block;
	padding:0px;
	margin:0px;
	width:175px;
	height:auto;
}
.portNav li {
	float:left;
	display:block;
	padding:0px;
	margin:0px;
	margin-bottom:25px;
	list-style:none;
}
.portNav li a{
	float:left;
	display:block;
	overflow:hidden;
	outline:none;
	text-indent:-999999px;
	height:36px;
	
}
.portNav li.hosp a{
	background-image:url('images/hosp.jpg');
	width:140px;
	background-position:left;
}
.portNav li.mil a{
	background-image:url('images/mil.jpg');
	width:281px;
	background-position:left;
}
.portNav li.ret a{
	background-image:url('images/ret.jpg');
	width:202px;
	background-position:left;
}
.portNav li.ed a{
	background-image:url('images/ed.jpg');
	width:125px;
	background-position:left;
}
.portNav li.worship a{
	background-image:url('images/worship.jpg');
	width:208px;
	background-position:left;
}
.portNav li.corp a{
	background-image:url('images/tenant.jpg');
	width:129px;
	background-position:left;
}
.portNav li.med a{
	background-image:url('images/med.jpg');
	width:206px;
	background-position:left;
}
.portNav li.wells a{
	background-image:url('images/wells.jpg');
	width:301.5px;
	background-position:left;
}
.portNav li.court a{
	background-image:url('images/court.jpg');
	width:388px;
	background-position:left;
}
.portNav li.classic a{
	background-image:url('images/classic.jpg');
	width:155.5px;
	background-position:left;
}
.portNav li.ucla a{
	background-image:url('images/ucla.jpg');
	width:413.5px;
	background-position:left;
}
.portNav li.usd a{
	background-image:url('images/usd.jpg');
	width:475.5px;
	background-position:left;
}
.portNav li a:hover{
	background-position:right;
}

/* Portfolio Sildeshow Back Buttons
---------------------------------------------------------Back Buttons */
.back {
	float:left;
	width:910px;
	height:19px;;
	margin:0px;
	padding:0px;
}
.back ul {
	float:left;
	display:block;
	padding:0px;
	margin:0px;
	width:146px;
	height:19px;
	height:auto;
}
.back li {
	float:left;
	display:block;
	padding:0px;
	margin:0px;
	list-style:none;
	width:146px;
	height:19px;
}
.back li a{
	float:left;
	display:block;
	overflow:hidden;
	outline:none;
	text-indent:-999999px;
	width:146px;
	height:19px;
	background-image:url('images/backbtn.jpg');
	background-position:top;
}
.back li a:hover {
	background-position:bottom;
}


/* CLIENT PAGE
----------------------------------------------------------------------Client Page */
#clientPhotoBox {
	float:left;
	padding:0px;
	padding-left:1.5px;
	margin:0px;
	width:910px;
	height:127px;
}
#clientList {
	float:left;
	padding:0px;
	margin:0px;
	width:910px;
	height:auto;
}

/* FACILITIES PAGE
----------------------------------------------------------------------Facilities Page */
.bigPicJS {
	width:876px;
	height:318px;
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
}
.BigOne {
	float:left;
	margin:0px;
	padding:0px;
	width:434px;
	height:318px;
}
img.SSthumb {
	float:left;
	padding:0px;
	margin:0px;
	margin-left:20px;
	margin-bottom:20px;
	width:201px;
	height:149px;
	cursor:pointer;
}
img.SSthumbL {
	float:left;
	padding:0px;
	margin:0px;
	margin-left:20px;
	margin-bottom:20px;
	width:201px;
	height:318px;
	cursor:pointer;
}
/* COMMUNITY PAGE
---------------------------------------------------------------------Community Page */
.commSpot {
	float:left;
	width:890px;
	height:auto;
	margin:0px;
	margin-bottom:30px;
	padding:10px;
	background-color:#476581;
	color:#FFFFFF;	
}
.commSpot h2 {
	color:#FFFFFF;
}
/* EXTRA JAZZ
----------------------------------------------------------------------Extra Jazz */

#header h1 {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	font-weight:normal;
	font-style:italic;
	color:#FFFFFF;
}
img.noBorder {
	border:0px;
}
img.left {
	float:left;
	margin-right:15px;
	margin-bottom:5px;
	margin-top:5px;
}
img.right {
	float:right;
	margin-left:15px;
	margin-bottom:5px;
	margin-top:5px;
}
#footer p {
	text-align:center;
	letter-spacing:2px;
}
#footer a {
	color:#633927;
}
#footer a:hover {
	color:#FFFFFF;
}
.table {
	width:910px;
	margin:0px;
	margin-bottom:15px;
}
.tableColumn1 {
	width:227.5px;
	vertical-align:top;
	background-color:#F2E4DE;
}
.tableColumn2 {
	width:227.5px;
	vertical-align:top;
	background-color:#E9D9D3;
}
.tableTitle {
	text-align:center;
	font-size:14px;
	line-height:30px;
	color:#FFFFFF;
	background-color:#476581;
}
.tab {
	text-indent:30px;	
}
.bigBold {
	font-size:15px;
	font-weight:bold;
}
p.award {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
}
.whiteTXT a{
	color:#FFFFFF;
}
.center {
	text-align:center;
}