/* color, typography */
/* general */
body { font-family: helvetica , helvetica CE, Verdana, sans-serif; line-height: 1.3; color: #222; 
	 font-size: 13px; font-style: normal; text-decoration: none;
	  text-align: left; }
h1{ font-size: 20px}
h2{ font-size: 13px}


/* colors */
h2 { color:  #EC008C; font-style: normal;}
a { text-decoration:none; color: gray; border-bottom: 1px solid #EC008C;}
ul li { font-size: 13px; color: #A9A9A9; }
p { font-size: 13px; color: gray; }
b { font-size: 80%; color: #D3D3D3; }

.logo		{
			font-family: helvetica, arial;
			font-size: 20px;
			color:gray;
			margin: -50px 0px 0px 0px;
			padding: : -50px 0px 0px 0px;
			letter-spacing: -1px;
			font-weight: 600;
			font-style: normal;
			}



/* alignment */
#center { text-align:center; }  
#left { text-align:left; }  

.verticaltext {
		display:block; 
		position:absolute; left:825px; top:460px;
		-webkit-transform: rotate(90deg); 
		-moz-transform: rotate(90deg);	
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);		
		-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; /* IE8 */  }



#light {color: #D3D3D3; }



div#container {  width: 1200px; padding: 0px ;
		text-align: left;
		background: url('/images/frame.jpg') no-repeat ;
		background-position:0px 0px;  }


/* elemtnts */
p.border{ border: 1px solid gray;
		outline-style:solid;
		outline-width:thin; }



/* table size */

.col { float: left; margin: 0px ; padding: 0px; }

.col .col { margin: 0px; }


.one { width: 50px; }

.two { width: 150px; }

.seven { width: 660px; }

.eight { width: 620px; }

.nine { width: 700px; }

.ten { width: 780px; }.eleven { width: 860px; }.twelve { width: 940px; }

hr { display: block; clear: both; margin: 0px 0px 2px; padding: 0px; height: 0px; overflow: hidden; visibility: hidden; }

.col hr { margin: 0px 0px 2px; }


/* navigation */
div#navigation ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0px; }
div#navigation ul li { margin: 0px 0px 0px; }
div#navigation ul li.selected { color: #EC008C; font-weight:600; }
div#navigation ul li.selected a { border: 0px; color: #EC008C; text-decoration:none; cursor: default; }




/* table sections */
div.header  {  
 		height:50px;
		width:1200px;
		float:left;
		text-align:left; }
div.navigation  {  margin:0px;
 		height:460px;
		width:150px;
		float:left;
		text-align:left; }
div.img  {  margin:0px;
 		border:1px solid #D3D3D3;
		height:440px;
		width:660px;
		float:left;
		text-align:center; }

div.date  { height: 100px;
		width: 20px;
		margin: 360px 0px 0px 0px ;
		float:left;
		text-align:left; }

div.material  {  margin:0px;
		height:440px;
		width: 150px;
		padding: 0px 0px 0px 10px;
		float:left;
		text-align:left; }

div.arrows  { height:20px;
		width: 660px;
		padding: 0px;
		float:center;
		text-align:center; }

div.copyrights  {  margin:0px;
		width: 150px;
		padding: 0px;
		float:left;
		text-align:center; }
div.content  {  margin:0px;
		width: 660px;
		padding: 0px;
		float:left;
		text-align:left; }



div#media { clear: both; padding: 0px 0px 0px 0px; }

div.media { margin: 0px 0px 0px; }

div.home div#media { padding: 0px 0px 0px 0px; }

div.description div#media { padding: 0px 0px 0px 0px; }

p#gallery-count, div#gallery-navigation { display: none; }


div#image-wrapper { overflow: hidden; width: 660px; }

div#image-wrapper div#image-holder { width: 100000000px; }

div#image-wrapper div#image-holder div.image { float: left; width: 660px; height: 440px; }






/* Javascript-enabled styles */

body.js-enabled p#gallery-count, body.js-enabled div#gallery-navigation { display: block; }

body.js-enabled p#project-count { display: none; }

body.js-enabled div#media div.image { display: none; }

body.js-enabled div#media div.image:first-child { display: block; }