/*--
Colors: 
Light Gray:
#cbc2b7
Medium Gray:
#a2998a
Dark Gray: 
#2f2a2b
Darkest Gray: 
#231f20
Green:
#e4e76c
HR's:
#525559

--*/


/* misc stuff */

body {
    font-family: "Gill Sans MT";
    font-size: 100%;
    text-align: center;
    background: #231f20;
    color: silver;
	}
	
.clearb { clear: both; }

div, body, ul, img { margin: 0; padding: 0; }

a { text-decoration: none; }

#hidden_content { display: none; }


/* main container */

#container {
	background-color: whilte;
	width: 960px;
	margin: auto;
	text-align: left;
	}

#header {
	height: 50px;
	text-align: right;
	vertical-align: bottom;

	}
	#header a 

	#header a:link { color:#a2998a; }
	#header a:active{}
	#header a:visited{ color: #525559; }	
	#header a:hover{ color: #e4e76c; }

	ul#headLinkage {
		float: right;
		list-style-type: none;
		margin-top: 8px;
		}
	
	ul#headLinkage li {
		text-decoration: none;
		display: inline;
		font-variant: small-caps;
		color: #2f2a2b;
		float: left;
		margin-left: 5px;
		letter-spacing: 2px;
		font-size: 60%;
		}

#header_image {
	background: transparent url(../img/calbrechtLogoType.gif) no-repeat 9px 12px;
	float: left;
	display: block;
	width: 260px;
	height: 33px;
	cursor: pointer;
}

#main_body {
	}

#main_body .column {
	height: 289px;
	float: left;
}

#body_center_col, #body_right_col {
	border-top: none;
	}

#body_left_col {
	width: 273px;
	}

	#body_left_col .inner_column {
		float: left;
		height: 289px;
		}
	
	#body_left_col .left {
		width: 239px;
		background-color: #e4e76c;
		}

		#threeI {
			font-family: arial;
			text-transform: uppercase;
			color: #231f20;
			text-align: center;
			font-size: 70%;
			letter-spacing: .1em;
			font-weight: bold;
			margin: 30px 0 30px 0;
			}

		ul#blocks {
			list-style-type: none;
			margin-left: 4px;
			}

		ul#blocks li {
			cursor: pointer;
			display: block; 
			width: 65px; 
			height: 42px; 
			background: white; 
			float: left; 
			margin: 4px 6px;
			}

		ul#blocks li#block_1x1 { background: url('../img/clients/1/sp.jpg'); }
		ul#blocks li#block_1x2 { background: url('../img/clients/2/sp.jpg'); }
		ul#blocks li#block_1x3 { background: url('../img/clients/3/sp.jpg'); }
		ul#blocks li#block_2x1 { background: url('../img/clients/4/sp.jpg'); }
		ul#blocks li#block_2x2 { background: url('../img/clients/5/sp.jpg'); }
		ul#blocks li#block_2x3 { background: url('../img/clients/6/sp.jpg'); }
		ul#blocks li#block_3x1 { background: url('../img/clients/7/sp.jpg'); }
		ul#blocks li#block_3x2 { background: url('../img/clients/8/sp.jpg'); }
		ul#blocks li#block_3x3 { background: url('../img/clients/9/sp.jpg'); }
		ul#blocks li#block_4x1 { background: url('../img/clients/10/sp.jpg'); }
		ul#blocks li#block_4x2 { background: url('../img/clients/11/sp.jpg'); }
		ul#blocks li#block_4x3 { background: url('../img/clients/12/sp.jpg'); }

		/* This won't work. I have no idea why. For now, I have listed each by id below. */
		/* ul#blocks li:hover { background-position: 100%; } */

		ul#blocks li#block_1x1:hover,
		ul#blocks li#block_1x2:hover,
		ul#blocks li#block_1x3:hover,
		ul#blocks li#block_2x1:hover,
		ul#blocks li#block_2x2:hover,
		ul#blocks li#block_2x3:hover,
		ul#blocks li#block_3x1:hover,
		ul#blocks li#block_3x2:hover,
		ul#blocks li#block_3x3:hover,
		ul#blocks li#block_4x1:hover,
		ul#blocks li#block_4x2:hover,
		ul#blocks li#block_4x3:hover { background-position: 100%; }

	#body_left_col .center {
		width: 23px;
		background-color: #231f20;
		}

		#vert_image { display: none; }

	#body_left_col .right {
		width: 11px;
		background-color: #e4e76c;
		}

#body_center_col {
	background-color: #231f20;
	width: 426px;
	}

	#stage_image { display: none; }

#body_right_col {
	width: 260px;
	border-right: none;
	}

/*--	#body_right_col .left_col,
	#body_right_col .right_col {
		float: left;
		overflow: hidden;
		}

	#body_right_col .left_col {
		text-align: right;
		width: 61px;
		margin: 12px 0 0 0;
		}
	
	#body_right_col .right_col {
		width: 188px;
		margin: 7px 6px 0 0;
		float: right;
		}
--*/
		
#stageText {
		Width: 288px;
		Height: 188px;
		Float: right;
		background: none;
		}

	.client_num {
		text-transform: lowercase;
		font-variant: small-caps;
		letter-spacing: .1em;
		}
	
	.more_info  {
		letter-spacing: .05em;
		font-size: 80%;
		}

	#arrows {
		margin: 5px 12px 0 0;
		}
	
	#more_info_next {
		margin-left: 15px;
		}
		


#stageText H1 {
    Font-variant: small-caps;
    Text-transform: lower-case;
	Font-size: 110%;
	padding: 0px 0 0 72px;
    background: transparent url(../img/clientLbl.gif) no-repeat 0px 6px;
}

#stageText p {
    Font-size: 80%; 
    padding: 0 0 0 72px;
	background: transparent url(../img/moreInfoLbl.gif) no-repeat;
}

#arrows {
	position: absolute;
    margin: 18px 0 0 8px;
      }

#previousArrow {
		Height: 40px;
		Width: 40px;
		Background: transparent url(../img/arrowLeft.gif);
		Float: left;
		Margin: 0 14px 0 0;
                }

#nextArrow {
		Height: 40px;
		Width: 40px;
		Background: transparent url(../img/arrowright.gif);
		Float: left;
}

.none {display: none}

#tags {
		float: left;
		margin: 0 30px 0 0px;
		padding: 0 0 0 72px;
		background: transparent /*url(../img/tagsLbl.gif) no-repeat 3px 0*/;
		font-size: 70%;
		color: #666666;
}

#tags li {
	list-style:none;
	display: inline;
	
}

#footer1 {
	height: 96px;
	background-color: #2b2627;
	}



#footer2 {
	height: 110px;
	background: url(../img/footerLogo.gif) no-repeat;
	margin-top: 34px;
	text-align: right;
	font-family: "Georgia", serif;
	font-size: 70%;
	}

#footer2 p{
	margin: 90px 0 0 0;
	color: #a2998a;
	float: right;}
	
#footer2 a:link { color:#cbc2b7; }
#footer2 a:active{}
#footer2 a:visited{ color: #525559; }	
#footer2 a:hover{ color: #e4e76c; }