﻿* { margin: 0; padding: 0; }

body {
	background: #000 url(../images/header.jpg) top center no-repeat;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 70%;
	/*text-align: center;*/
	}
	
	#container {
		width: 900px;
		margin: 0 auto;
		text-align: left;
		}
		
		#container .project {
			margin-bottom: 20px;
			position: relative;
			width: 900px;
			}
			
			#container .project .heading {
				height: 73px;
				/*background-color: #0d0d0d;*/
				background-position: 10px 15px;
				background-repeat: no-repeat;
				border-top: 2px solid #fff;
				/*border-bottom: 1px solid #3d3d3d;*/
				margin-bottom: 2px;
				}
				
			#container .project-cit { background-image: url(../images/projects/headings/heading-cit.jpg); }
			#container .project-afs { background-image: url(../images/projects/headings/heading-armorforsleep.jpg); }
			#container .project-asteria { background-image: url(../images/projects/headings/heading-asteria.jpg); }
			#container .project-ma { background-image: url(../images/projects/headings/heading-ma.jpg); }
			#container .project-chingy { background-image: url(../images/projects/headings/heading-chingy.jpg); }
			#container .project-deafped { background-image: url(../images/projects/headings/heading-deafpeds.jpg); }
			#container .project-diamond { background-image: url(../images/projects/headings/heading-luzhina.jpg); }
			#container .project-fourword { background-image: url(../images/projects/headings/heading-fourword.jpg); }
			#container .project-identities { background-image: url(../images/projects/headings/heading-identities.jpg); }
			#container .project-idina { background-image: url(../images/projects/headings/heading-idina.jpg); }
			#container .project-inthelight { background-image: url(../images/projects/headings/heading-inthelight.jpg); }
			#container .project-korn { background-image: url(../images/projects/headings/heading-korn.jpg); }
			#container .project-melee { background-image: url(../images/projects/headings/heading-melee.jpg); }
			#container .project-robyn { background-image: url(../images/projects/headings/heading-robyn.jpg); }
			#container .project-seankingston { background-image: url(../images/projects/headings/heading-seankingston.jpg); }
			#container .project-spiderman { background-image: url(../images/projects/headings/heading-spiderman.jpg); }
			#container .project-spillcanvas { background-image: url(../images/projects/headings/heading-spillcanvas.jpg); }
			#container .project-startingline { background-image: url(../images/projects/headings/heading-startingline.jpg); }
			#container .project-teatro { background-image: url(../images/projects/headings/heading-teatro.jpg); }
			#container .project-yfb { background-image: url(../images/projects/headings/heading-yfb.jpg); }
				
			#container .projectViews {
				background: url(../images/views.jpg) top right no-repeat;
				margin:  22px 10px 0 0;
				text-align: right;
				padding-top: 15px;
				}
			
			#container .projectViews ul {
				float: right;
				height: 12px;
				}
			
				#container .projectViews li {
					list-style: none;
					float: left;
					}
			
				#container .projectViews li a {
					outline: none;
					display: block;
					width: 12px;
					height: 12px;
					background-image: url(../images/views-deselected.jpg);
					background-repeat: no-repeat;
					margin-left: 7px;
					}
					
					#container .projectViews li a:hover, #container .projectViews li a.selected {
						background-image: url(../images/views-selected.jpg);
						}
					
					#container .projectViews li a span { display: none; }
					
		#container .project .heading h4, #container .project .heading h2 {
			display: none;
			}
			
		#container .projectScroll {
			width: 900px;
			overflow: hidden;
			clear: left;
			}
			
		#container .projectImages {
			line-height: 0;
			width: 4500px;
			}
			
			#container .projectImages p {
				width: 900px;
				float: left;
				height: 1%;
				}
				
			#container .projectImages p a {
				display: block;
				text-indent: -9999px;
				}
				
		#container .testimonials {
			border-top: 2px solid #fff;
			text-align: center;
			background-color: #0d0d0d;
			height: 428px;
			position: relative;
			}
				
	#footer {
		background: url(../images/footer.jpg) 15% 0% no-repeat;
		height: 153px;
		margin-top: -100px;
		}
		
.clear { clear: both; }
.hidden { display: none; }
img, fieldset { border: 0; }