/* YUI Reset (c) Yahoo YUI Team */
html{color:#000; background:#FFF;}
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0; padding:0;}
		table{border-collapse:collapse; border-spacing:0;}
		fieldset, img{border:0;}
		address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;}
		li{list-style:none;}
		caption, th{text-align:left;}
		h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
		q:before, q:after{content:'';}
		abbr, acronym{border:0; font-variant:normal;}
		sup{vertical-align:text-top;}
		sub{vertical-align:text-bottom;}
		input, textarea, select{font-family:inherit; font-size:inherit; font-weight:inherit;}
		input, textarea, select{*font-size:100%;}
		legend{color:#000;}
		
/* (c) Wojciech Gabryś 2010 */

@font-face {
	font-family: GothamBold;
	src: url('../fonts/Gotham-Bold.otf');
	}

html, body{
	background: #FFF url('../images/bg.png') repeat-y;
	}
	
	.sidebar{
		position: fixed;
		width: 250px;
		float: left;
		}
		
		h1{
			display: block;
			width: 132px; height: 40px;
			background: url('../images/sprites.png') no-repeat;
			text-indent: -9999px;
			margin: 60px 0 0 59px;
			}
			
		address a,
		address .phone{
			display: block;
			width: 132px; height: 20px;
			text-indent: -9999px;
			margin-left: 59px;
			}
			
		address .phone{
			margin-top: 30px;
			background: url('../images/sprites.png') no-repeat 0 -40px;
			}
			
		address a{
			background: url('../images/sprites.png') no-repeat 0 -60px;
			}
			
			address a:hover{
				background: url('../images/sprites.png') no-repeat -132px -60px;
				}
				
		.filter{
			margin: 40px 0 0 59px;
			}
			
			.filter li a{
				display: block;
				width: 132px; height: 20px;
				text-indent: -9999px;
				}
				
				#webdesign{
					background: url('../images/sprites.png') no-repeat 0px -80px;
					}

					#webdesign.unchecked{
						background: url('../images/sprites.png') no-repeat -132px -80px;
						}

                #webapps{
					background: url('../images/sprites.png') no-repeat 0px -100px;
					}

	                #webapps.unchecked{
						background: url('../images/sprites.png') no-repeat -132px -100px;
						}

                #apps{
					background: url('../images/sprites.png') no-repeat 0px -120px;
					}
					
	                #apps.unchecked{
						background: url('../images/sprites.png') no-repeat -132px -120px;
						}
					
                #games{
					background: url('../images/sprites.png') no-repeat 0px -140px;
					}
				
	                #games.unchecked{
						background: url('../images/sprites.png') no-repeat -132px -140px;
						}
				
                #interfaces{
					background: url('../images/sprites.png') no-repeat 0px -160px;
					}
				
 	                #interfaces.unchecked{
						background: url('../images/sprites.png') no-repeat -132px -160px;
						}
				
                #logotypes{
					background: url('../images/sprites.png') no-repeat 0px -180px;
					}
				
	                #logotypes.unchecked{
						background: url('../images/sprites.png') no-repeat -132px -180px;
						}
				
                #icons{
					background: url('../images/sprites.png') no-repeat 0px -200px;
					}
				
	                #icons.unchecked{
						background: url('../images/sprites.png') no-repeat -132px -200px;
						}
				
                #pixelated{
					background: url('../images/sprites.png') no-repeat 0px -220px;
					}
				
	                #pixelated.unchecked{
						background: url('../images/sprites.png') no-repeat -132px -220px;
						}
				
                #painted{
					background: url('../images/sprites.png') no-repeat 0px -240px;
					}
				
	                #painted.unchecked{
						background: url('../images/sprites.png') no-repeat -132px -240px;
						}
				
                #misc{
					background: url('../images/sprites.png') no-repeat 0px -260px;
					}
		
	                #misc.unchecked{
						background: url('../images/sprites.png') no-repeat -132px -260px;
						}
		
	.content{
		float: left;
		width: 85%;
		margin-left: 250px;
		}
		
		#elements{

			position: absolute;
			width: 0 !important;
			height: 0 !important;
			overflow: hidden !important;
			}

		.element{
			width: 255px;
			background: transparent url('../images/borderBottom.png') no-repeat bottom;
			padding-bottom: 25px;
			display: block;
			position: relative;
			}

			.element a{
				display: block;
				background: transparent url('../images/borderTop.png') no-repeat;
				padding-top: 25px;
				}

				.element a img{
					margin: 0 25px;
					display: block;
					}

			.newBadge{
				background: transparent url('../images/new.png') no-repeat;
				top: 15px; right: 15px;
				position: absolute;
				width: 53px; height: 53px;
			}

			* html .newBadge{
				right: 14px;
			}

		#columns{
			margin: 25px;
			overflow: auto;
		}	

			.column{
				width: 255px;
				float: left;
			}

		#footer{
			width: 100%;
			background: #e0e4e7;
			height: 50px;
		}

		.workTitle {
			margin: 64px 0 0 50px;
			font-family: GothamBold;
			font-size: 13px;
			color: #515b67;
			height: 20px;
			text-transform:uppercase;
			}
			
		.workSubtitle{
			font: 10px Tahoma;
			height: 20px;
			color: #78869a;
			margin-left: 50px;
			}
			
		.contents{
			width: 900px;
			margin: 30px 0 0 50px;
		}