body { padding: 0; margin: 0; font-family: georgia, serif; font-size: 12px; 
	background: url('../img/bg/bg-repeat.jpg') repeat;	}
	
	
	img  { border: none;}
#page { background: url('../img/bg/bg3.jpg') no-repeat center 0; width: 100%; padding: 0px; margin: auto; border-top: solid 3px #111;}
#header { border-bottom: solid 0px #333; margin-bottom: 0px; overflow: hidden;  background: transparent;/* background: white url('../img/bg/drawing.png') no-repeat center bottom;*/ }
#header h1 { font-size: 53px; letter-spacing: -2px; width: 650px; float: left; margin: 0;padding:  30px 0 3px ;  }
#header h1 span { color:#bbb;}
#header .nav { float: right;  width: 250px; text-align: right; }
#header .nav h3 { font-size: 16px; padding: 60px 0 0px; margin: 0;}
#header .inner { border-bottom: solid 2px #111;  }
.inner { width: 960px; overflow: hidden; margin: auto;}

#workLabel, #photoLabel { width: 360px; right: -213px; font-size: 60px; top: 218px; position: absolute; -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg); color: #aaa;}
#photoLabel { top: 227px;}
#work {position: relative; overflow: visible; padding: 25px 0 50px;border-bottom: dotted 1px #111; width: 960px; margin: auto;}
#work .intro, #photos .intro {font-size: 16px; font-family: georgia, serif; margin: 0 0 20px 0; line-height: 21px; margin-top: 0; color: #111; overflow: hidden;}
#work .intro a, #photos .intro a { text-decoration: none; color: #333; border-bottom: dotted 1px #333;}
#work .intro a:hover, #photos .intro a:hover { border-bottom: dotted 1px #111; color: #111;} 
#work .row { padding-bottom: 27px; overflow: hidden;}
#work .rowLast { padding-bottom:5px;}
#work .row .item { width: 230px; margin-right: 12px;  background: #eee; float: left;  -moz-box-shadow: 1px 1px 3px #666; -webkit-box-shadow: 2px 2px 2px #888; box-shadow: 2px 2px 2px #888;}
#work .row .item .image { width: 100%; height: 169px; overflow: hidden; text-align: center;}
#work .row .item .desc {   padding: 10px; color: #222; font-weight: bold; background: #fff; border-top: solid 2px #222; font-family: 'Lucida Grande','Lucida Unicode',Arial, sans-serif;}
#work .row .item .desc p { margin: 0; line-height: 18px; }
#work .row .item .desc p span { color: #666; padding-left: 3px; font-weight: normal;}
#work .row .item .desc p a { color: #666; text-decoration: none; font-weight: normal;}
#work .row .last { margin: 0;}
#photos { width: 960px;  height: 500px; padding-top: 30px; margin: auto; overflow: visible; position: relative; background: transparent;}
#photos .row { padding-bottom:12px; overflow: hidden;}
#photos .row .item { position: relative; border: solid 2px #fff; overflow: hidden; width:105px; height: 106px; margin-right: 12px;   background: #eee; float: left;  -moz-box-shadow: 1px 1px 3px #666; -webkit-box-shadow: 2px 2px 2px #888; box-shadow: 2px 2px 2px #888; }
#photos .row .last { margin: 0;}
#photos .intro { }
#photos .row .item span { height: 100%; width: 100%; background: transparent url('../img/btn/img-enl.png') 0 0; position: absolute; display: none;} 
#photos .row .item a:hover span {display: block;} 
#photos a.next { background: transparent url('../img/btn/next.png') no-repeat 0 0; text-decoration: none; text-indent: -9999px; overflow: hidden; height: 108px; width: 109px;  display: block; float: left;}
#photos a.next:hover { background-position: 0 -112px; }
#photos a.prev { margin-right: 12px;background-position: -112px 0px; }
#photos a.prev:hover { background-position: -112px -112px; }
#photos .panel { overflow: hidden; position: absolute; top: 80px; left: 0;}


#about { padding: 0 0 60px 0; overflow: hidden; background: #111; }
#about .inner { padding-top: 50px;}
#about .col { width: 360px; float: left; color: #ccc; font-size: 12px; line-height: 20px;}
#about .last { width: 230px; float: left; }
#about .col p {font-family: 'Lucida Grande','Lucida Unicode',Arial, sans-serif;font-size: 12px; line-height: 22px; padding-right: 35px; margin: 0 0 9px;}
#about .col h4 { color: #fff; margin: 0 0 17px; text-transform: uppercase; font-size: 20px;}
#about .col p a { text-decoration: none; color: #ccc; border-bottom: dotted 1px #ccc;}
#about .col p a:hover { color: #eee; border-bottom: dotted 1px #aaa;}

#contact div.row .error { display: none;padding-left: 15px; line-height: 24px; color: #e25454; font-size: 11px; font-style: italic;  float: left; width: 140px;}
	#about .footer p span { color: #ddd;}
	#contact input.txt, #contact textarea { font-size: 12px; color: #999; width: 225px; 
		padding: 5px 4px; background: #222; border: solid 1px #444; 
		-webkit-border-radius: 2px; border-radius: 2px; -moz-border-radius: 2px;}
		#contact div.row { clear: both; margin-bottom: 10px;} 	
		#contact .imgbtn { float: left;}
		#contact textarea  { height: 90px; font-family: 'Lucida Grande','Lucida Unicode',Arial, sans-serif;}
			#contact input.txt:focus, #contact textarea:focus { border: solid 1px #555; background-color: #333; outline: none;}
			

/* IE CSS */
#workLabel, #photoLabel {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
/*
background: transparent url(images/bg-image-1.gif) top left repeat;
	    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/bg-image-2.gif', sizingMethod='crop'); /* IE6-8 */
	  /*  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-image-2.gif', sizingMethod='crop')"; /* IE8 only */



/* 	.box-shadow {
		    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
		} */