/*
Created by: John Roescher - You're With Us (www.yourewithus.com)
For: SOME AWESOME CLIENT
*/

/* -------------------------------------
	Body Styles
   ------------------------------------- */

body {
	background: url(../images/body-bg.gif) repeat #686868;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
}
.accessibility { display: none; }


/* -------------------------------------
	Header Styles
   ------------------------------------- */

#header-container {
	background: url(../images/header-bg.gif) repeat-x;
}
#header {
	width: 226px;
	margin: 0 auto;
	position: relative;
	height: 101px;
}
	#header h1 {
		display: block;
		width: 226px;
		height: 135px;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1000;
		background: url(../images/insite-austin-architecture-logo.png);
		text-indent: -999999px;
	}


/* -------------------------------------
	Content Styles
   ------------------------------------- */


#main-container { background: #f3f1ec; }
#main {
	width: 920px;
	margin: 0 auto;
	padding: 21px 0 11px 0;
}
	#thumbs-list {
		display: block;
		list-style-type: none;
		padding-left: 15px;
		position: relative;
	}
		#thumbs-list li {
			display: block;
			float: left;
			width: 181px;
			height: 189px;
			position: relative;
		}
			#thumbs-list li img {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 700;
			}
			#thumbs-list span {
				display: block;
				width: 898px;
				position: absolute;
				top: 166px;
				left: 15px;
				height: 34px;
				line-height: 34px;
				background: url(../images/green-box-bg.png) top repeat-x;
				font-size: 12px;
				text-align: center;
				font-weight: normal;
				color: #fff;
				z-index: 800;
			}
				#thumbs-list span strong { padding: 0 20px; }
				
			#thumbs-list li span { display: none; }
				
		#thumbs-list li .greenblock {
			height: 181px;
			width: 174px;
			background: url(../images/green-overlay.png);
			position: absolute;
			top: 0;
			left: 0;
			z-index: 750;
		}
		
		#thumbs-list #greenbox-holder { display: none; }
		
		.thumb-arrow {
			position: absolute;
			width: 31px;
			height: 22px;
			left: 76px;
			z-index: 1000;
		}
		
		.top .thumb-arrow {
			bottom: 17px;
			background: url(../images/green-arrow-pointer-up.png) no-repeat;
		}
		.bottom .thumb-arrow {
			top: 5px;
			background: url(../images/green-arrow-pointer-down.png) no-repeat;
		}
				
#secondary-container { background: url(../images/mid-content-bg.gif) repeat-x; }
#secondary {
	width: 920px;
	margin: 0 auto;
}
	#secondary h2 {
		display: block;
		padding: 13px 0 0 10px;
		font-size: 60px;
		font-weight: bold;
		color: #d9dab6;
		text-transform: uppercase;
	}
	#secondary h3 {
		display: block;
		padding: 0 0 0 10px;
		font-size: 18px;
		font-weight: bold;
		color: #f2efea;
		text-transform: uppercase;
	}
	#secondary #awards-list {
		display: block;
		list-style-type: none;
		padding-top: 18px;
	}
		#awards-list li {
			display: block;
		}
			#awards-list li h4 {
				display: block;
				background: url(../images/bullet-green-arrow.png) 10px 10px no-repeat;
				padding: 11px 10px 11px 41px;
				font-size: 13px;
				font-weight: bold;;
				font-style: italic;
				color: #e8e4d9;
				line-height: 17px;
			}
				#awards-list li h4 a {
					text-decoration: none;
					color: #e8e4d9;
					text-transform: uppercase;
				}
				
			#awards-list li.hover { background: #7e7d7d; }

		#awards-list .floatcols {
			width: 50%;
			float: left;
		}