/* ---------------------------------------- */
/* Name: gallery.css
/* ---------------------------------------- */
/* Producer: Matt Latzke
/* Production Date: 4/15/08
/* ---------------------------------------- */
/* Description: Gallery Styles for inner 
/*				city impact
/* ---------------------------------------- */
/* Revisions:
/* ---------------------------------------- */
/* Top Floor Technologies
/* http://www.topfloortech.com
/* ---------------------------------------- */

@import url(scaffold.css);

#header{height:234px;}
#header h2 a{display:block; background:url(images/logo.gif) no-repeat top left; height:66px; width:360px; margin:27px 0 16px 5px; float:left;}
#branding{height:102px; width:688px; float:left;}

/* --- Nav --- */
	#nav{position:absolute; width:684px; height:37px; background:url(images/nav2.gif) no-repeat top left; left:4px; bottom:-20px}
	#nav li{float:left; height:37px;}
	#nav li a{background-image:url(images/nav2.gif); background-repeat:no-repeat; display:block; height:37px; width:100%;}
	#nav1{width:108px;}
	#nav1 a{background-position:0 0;}
	#nav1 a:hover{background-position:0 -37px;}
	#nav2{width:111px;}
	#nav2 a{background-position:-108px 0;}
	#nav2 a:hover{background-position:-108px -37px;}
	#nav3{width:141px;}
	#nav3 a{background-position:-219px 0;}
	#nav3 a:hover{background-position:-219px -37px;}
	#nav4{width:152px;}
	#nav4 a{background-position:-360px 0;}
	#nav4 a:hover{background-position:-360px -37px;}
/* --- Content --- */
	#content{background:#515151 url(images/contentBg3.gif) repeat-x top left; padding-top:47px;}
	#contentBuffer{float:left; padding:0 15px 0 5px;}
	#contentBuffer img{border:5px solid #fff;}
/* --- Right Column --- */
	#rightColumn{float:left; width:200px;}
	#rightColumn h1{font-family:"Century Gothic", arial, sans-serif; font-weight:bold; font-size:24px; color:#fff; margin-bottom:12px;}
	#rightColumn p{color:#fff; font-size:11px; line-height:14px;}
	#rightColumn ul{margin:.75em 0 1em 0;}
	#rightColumn ul li{border-color:#fff; font-size:11px; padding-left:6px;}
	#rightColumn ul li a{color:#fff; font-weight:bold;}
	#rightColumn #contactUs{background-image:url(images/contactButton2.gif);}
	#bottomClear{height:30px; clear:both;}
/* --- Gallery Navigation --- */
	#galleryNav{height:130px; background:url(images/galleryNavBg.gif) repeat-x top left; padding-top:4px;}
	#galleryNav .shell{width:955px;}
	#galleryNav ul{float:left; height:130px;}
	#galleryNav ul li{float:left; margin:15px 0 15px 15px;}

#galleryNav ul li {
float:left;
margin:0pt 0px;
padding:0pt 5px;
}

	#galleryNav ul #galleryL{margin-left:0;}
	#galleryNav ul li a img{border:1px solid #0a5065;}
	#galleryNav ul .currentli img, #galleryNav ul li a:hover img{border-color:#f8981d;}
	#galleryNav #galleryL a, #galleryNav #galleryR a{display:block; height:98px; width:24px;}
	#galleryNav #galleryL a:hover, #galleryNav #galleryR a:hover{background-position:bottom left;}	
	#galleryNav #galleryL a{background:url(images/galleryL.gif) no-repeat top left;}
	#galleryNav #galleryR a{background:url(images/galleryR.gif) no-repeat top left;}