/**
	Test CSS for the 2013 Dri-Design website. 
	
	(c) Stevens Adv. 2013 | (c) Dri Design 2013  |  Adam Sivins
**/

@import url('/data/css/reset.css');
@import url('/data/css/lessfunctions.less');

*
{
	text-decoration: none;
	padding: 0;
	margin: 0;
	
	font-family: Arial, sans-serif;
}

body
{
	width: 100%;
	
	&.portfolio
	{
	}
}

header
{
	width: 100%;
	
	text-align: center;
	
	nav
	{
		width: 960px;
		
		margin: 0 auto;
		
		display: inline-block;
			
		h1
		{
			display: inline;
			
			text-indet: -9999em;
		}
		
		ul
		{
			width: 100%;
			
			margin: 0 auto;
			
			list-style: none;
				
			li
			{
				display: inline;
				
				a
				{
					width: 120px;
					display: inline-block;
					
					margin: 5px 25px;
					padding: 0 0 0 0;
				}
			}
		}
	}
}

body > article
{
	&.portfolio
	{
		width: 100%;
		height: 100% - 30px;
		
		position: relative;
		
		opacity: 0;
		visibility: hidden;
		
		overflow-x: hidden;
		overflow-y: hidden;
		
		.allScroll
		{
			width: 100%;
			height: 100%;
			
			position: absolute;
			left: 0;
			left: 0;
		}
		
		.imageHold
		{
			padding: 50px 0;
		}
		
		.section
		{
			width: 25%;
			height: 100%;
			
			display: inline-block;
			
			overflow-x: hidden;
			overflow-y: hidden;
			
			.sectionBar
			{
				width: 100%;
				height: 50px;
				
				position: absolute;
				z-index: 2;
				
				background: #303030;
				
				.gradient(#303030,#505050);
				 
				cursor: grab;
				cursor: -webkit-grab;
				cursor: -moz-grab;
				
				h2
				{
					padding: 15px 0 0 10px;
					
					color: #FFF;
					font-size: 20px;
				}
				
				img
				{
					position: absolute;
					top: 15px;
					right: 20px;
				}
			}
			
			.imageHold
			{
				position: absolute;
				z-index: 1;
				
				a
				{
					width:100%;
					display: block;
					
					line-height:0;
					
					img
					{
						width: 100%;
						line-height: 0;
						
					}
				}
			}
		}
	}
}