/* @override http://chijangyin.com/css/photo.css */

/* @override http://sender-staging.com/CJ/css/photo.css */

#container-left ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: .7em;
	padding-top: 1px;
}

/**#container-left ul li {
	display: block;
	margin: -1px 0 0 0;
	height: 25px;
	width: 216px;
	border: 1px solid #eee;
	overflow: hidden;
}
**/

/* @group Secondary Navigation */

#container-left #sec-nav-play {
	background:url('../images/playground.gif') no-repeat 0 0;
}

#container-left #sec-nav-playone a {
	background:url('../images/playground1.gif') no-repeat  0 0;
}

#container-left #sec-nav-playone a:hover {
	background-position: -176px 0;
}

#container-left #sec-nav-playtwo a {
	background:url('../images/playground2.gif') no-repeat  0 0;
}

#container-left #sec-nav-playtwo a:hover {
	background-position: -176px 0;
}

#container-left #sec-nav-playthree a {
	background:url('../images/playground3.gif') no-repeat 0 0;
}

#container-left #sec-nav-playthree a:hover {
	background-position: -176px 0;
}

ul#sec-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: .7em;
	padding-top: 1px;
	overflow: hidden;
}

ul#sec-nav li {
	display: block;
	margin: -1px 0 0 0;
	height: 25px;
	width: 176px;
	border: 1px solid #eee;
	overflow: hidden;
}

ul#sec-nav li a {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 100px;
}

/* @end */

/* @group Tertiary Navigation */

ul#projectinfo {
	padding: 0 0 0 0;
	margin: 55px 0;
	border: 1px solid #eee;
	width: 176px;
	
}

ul#projectinfo li {
	display: block;
	margin: 0 0 0 0;
	height: 20px;
	width: 176px;
	border: none;
	overflow: hidden;
}

ul#projectinfo #statement a {
	background:url('../images/statement.gif') no-repeat -18px 0;
	overflow: hidden;
	display:block;
	padding-top:100px;
}
	
ul#projectinfo #statement a:hover {
	background-position: -212px 0;
}

ul#projectinfo #awards a {
	background:url('../images/awards.gif') no-repeat -18px 0;
	overflow: hidden;
	display:block;
	padding-top:100px;
}
	
ul#projectinfo #awards a:hover {
	background-position: -212px 0;
}

ul#projectinfo #stillframes a {
	background:url('../images/stillframes.gif') no-repeat -18px 0;
	overflow: hidden;
	display:block;
	padding-top:100px;
}
	
ul#projectinfo #stillframes a:hover {
	background-position: -212px 0;
	}

ul#projectinfo #purchase a {
	background:url('../images/prints.gif') no-repeat -18px 0;
	overflow: hidden;
	display:block;
	padding-top:100px;
}
	
ul#projectinfo #purchase a:hover {
	background-position: -212px 0;
}

ul#projectinfo #purchase {
	padding-bottom: 3px;
}

/* @end */

/* @group Image Area */

div#photoholder {
border: 1px solid #eee;
padding: 6px;
text-align: center;
margin: 0px auto;
width: 586px;
}

/**#container-center img {
	margin-left: 18px;
	padding-bottom: 12px;
}**/

#container-center .card {
margin-left: 447px;
/**border: 1px solid #eee;**/
margin-bottom: 24px;
text-align: right;
}

#container-center .card p {
	color: #666;
	margin: 0 0 0 0;
	padding: 9px 12px 10px 31px;
	font: normal 10px/12px Georgia, serif;
	visibility: hidden;
}



/* @end */

img#placeholder {
	width:  584px;
	height: 389px;
}

img#vertical {
	width:   259px;
	height:  389px;
}

div#picturelist {
	width:  176px;
	padding-left: 6px;
	text-align: left:
	margin: 0px auto;
 	margin-top: 8px;
 	margin-bottom: 8px;
}

#picturelist a {
	border: 1px solid #eee;
	margin: 1px;
	overflow: hidden;
	height: 25px;
	width: 25px;
	float: left;
	text-indent:  60px;
}

#picturelist a:visted {}
#picturelist a:hover {background-position: -25px 0; border-color: #999; }
#picturelist a:active {}

div#picturelisttwo {
	width:  174px;
	text-align: center;
	margin: 0px auto;
 	margin-top: 8px;
 	margin-bottom: 8px;
}

#picturelisttwo a {
	border: 1px solid #eee;
	margin: 1px;
	overflow: hidden;
	height: 25px;
	width: 25px;
	float: left;
	text-indent:  60px;
}

#picturelisttwo a:visted {}
#picturelisttwo a:hover {background-position: -25px 0; border-color: #999; }
#picturelisttwo a:active {}
 
#one {
	background: url(../images/numbers/one.gif) no-repeat 0 0;
}

a#one:hover {background-position: -25 0; border-color: #999; }

#two  {
	background: url(../images/numbers/two.gif) no-repeat 0 0;
}

a#thr  {
	background: url(../images/numbers/three.gif) no-repeat 0 0;
}

a#fou  {
	background: url(../images/numbers/four.gif) no-repeat 0 0;
}

a#fiv  {
	background: url(../images/numbers/five.gif) no-repeat 0 0;
}

a#six  {
	background: url(../images/numbers/six.gif) no-repeat 0 0;
}

a#sev  {
	background: url(../images/numbers/seven.gif) no-repeat 0 0;
}

a#eig  {
	background: url(../images/numbers/eight.gif) no-repeat 0 0;
}

a#nin  {
	background: url(../images/numbers/nine.gif) no-repeat 0 0;
}

a#ten  {
	background: url(../images/numbers/ten.gif) no-repeat 0 0;
}

a#ele  {
	background: url(../images/numbers/eleven.gif) no-repeat 0 0;
}

a#twe  {
	background: url(../images/numbers/twelve.gif) no-repeat 0 0;
}