/* -------------------------------------------- */
/*           (c) Advent Web Solutions           */
/*         www.adventwebsolutions.co.nz         */
/* -------------------------------------------- */

h1 a, #tNav span, #copyright, #copyright a{display: block; font-size: 0px; text-indent: -9999px; line-height: 0;}

html{font-size: 100%;}
body{background: #222 url(/images/gallery/bg.png) 0 -91px repeat-x; color: #fff; font: 62.5%/1.3 Arial, Verdana, sans-serif;}
html, body{height: 100%;}
#wrapper{position: relative; width: 980px; min-height: 100%; margin: 0 auto;} * html #wrapper{height: 100%;}

#top{position: relative; height: 172px;}
	#tNav{width: 100%; padding-left: 3px; overflow: hidden;}
		#tNav li{float: left; height: 34px; margin-right: 10px;}
			#tNav a{display: block; float: left; background: url(/images/gallery/tNavBg.png) repeat-x; font-size: 1.3em; color: #fff; text-decoration: none; line-height: 34px;}
			#tNav em{display: block; float: left; background: url(/images/gallery/tNavLeft.png) no-repeat; height: 34px; margin-left: -3px;}
			#tNav strong{display: block; float: left; background: url(/images/gallery/tNavRight.png) 100% 0 no-repeat; height: 34px; margin-right: -3px; padding: 0 10px;}
				#tNav a:hover, #tNav a:hover em, #tNav a.current, #tNav a.current em{background-position: 0 -34px;}
				#tNav a:hover strong, #tNav a.current strong{background-position: 100% -34px; color: #ed1818;}
					#tNav span{float: left; display: block; background: url(/images/gallery/tNavFrame.png) no-repeat; height: 29px; width: 17px; margin-right: 7px;}
					#tNav span.tNavBack{background: url(/images/gallery/tNavBack.png) no-repeat; width: 5px; height: 9px; margin-top: 13px;}
						#tNav a:hover span, #tNav a.current span{background-position: 0 100%;}
	h1{float: left; width: 116px; margin-top: 30px;}
		h1 a{background: url(/images/gallery/logo.png); height: 53px;}
	h2{float: left; border-left: 1px dotted #8e8e85; font-size: 1.2em; color: #8e8e85; text-transform: uppercase; margin: 46px 0px 0 20px; padding: 6px 19px;}
		h2 strong, h2 a{color: #ed1818; font-weight: bold; text-decoration: none;}
			h2 a:hover{text-decoration: underline;}
	#cat{position: absolute; left: 0; bottom: -2px;}
		#cat li{float: left; height: 29px; margin-right: 7px;}
		
			#cat a{display: block; float: left; background: url(/images/gallery/catBg.png) repeat-x; font-size: 1.3em; color: #fff; text-decoration: none; line-height: 29px;}
			#cat em{display: block; float: left;  background: url(/images/gallery/catLeft.png) no-repeat; height: 29px; margin-left: -3px;}
			#cat strong{display: block; float: left; background: url(/images/gallery/catRight.png) 100% 0 no-repeat; height: 29px; margin-right: -3px; padding: 0 10px;}
				#cat a:hover, #cat a:hover em, #cat a.current, #cat a.current em{background-position: 0 -29px;}
				#cat a:hover strong, #cat a.current strong{background-position: 100% -29px; color: #ed1818;}
				#cat span{text-decoration: underline; font-weight: bold;}
				
#content{background: #222; border-top: 2px solid #373737; padding: 25px 0 44px 0; width: 100%; overflow: auto;}
	#content li{float: left; width: 226px; height: 175px; margin: 19px 0 0 19px;}
		#content li a{display: block; height: 130px; margin: 0 auto; padding: 13px;}
		#content li a.small{background: url(/images/gallery/imgSmall.png); width: 81px;}
		#content li a.large{background: url(/images/gallery/imgLarge.png); width: 188px;}
			#content li img{display: block; margin: 0 auto;}

#footer{background: url(/images/gallery/footer.png) repeat-x; height: 84px; width: 100%;}
	#copyright{position: relative; background: url(/images/gallery/copyright.png) 0 24px no-repeat; width: 980px; height: 63px; margin: 0 auto;}
		#copyright a{position: absolute; top: 30px; left: 375px; width: 126px; height: 13px;}
			#copyright a:hover{border-bottom: 1px solid #5b5b5b;}
			
#addImage{position: absolute; width: 600px; height: 500px; margin: 0 auto;}

.right{float: right!important;}