@charset "utf-8";
/* CSS Document */

/*Blockquotes Under the Identity DIV found in Style stylesheet*/
	div#identity blockquote.graphic{
	float:right;
	background: url(../images/sprites.png) 0 -2085px no-repeat;
	width:250px;
	height:43px;
	text-indent:-9999px;
	margin:40px 0 0 0;
	}
	
	div#identity blockquote.web{
	float:right;
	background: url(../images/sprites.png) 0 -2159px no-repeat;
	width:335px;
	height:43px;
	text-indent:-9999px;
	margin:40px 0 0 0;
	}
	
	div#identity blockquote.mixed{
	float:right;
	background: url(../images/mixed.png) no-repeat;
	width:518px;
	height:39px;
	text-indent:-9999px;
	margin:40px 0 0 0;
	}

/*Begin About Section*/

	div#about-design{
	width:100%;
	float:left;
	position:relative;
	margin:20px 0;
	padding:0 0 30px 0;
	border-bottom:#C3EBE4 1px solid;
	}
	
	div#about-design h5{
	text-indent:-9999px;
	width:246px;
	height:32px;
	background:url(../images/sprites.png) -1146px -810px no-repeat;	]
	}
	
		div#about-design ul{
		width:100%;
		position:relative;
		}
		
			div#about-design ul li{
			float:left;
			margin:10px;
			}
			
			div#about-design ul li a{
			display:block;
			width:170px;
			height:170px;
			text-indent:-9999px;
			}
					
					div#about-design ul li a.tailor{
					background: url(../images/graphic-design/tailor_thumb.png) 0 0 no-repeat;
					}
					
					div#about-design ul li a.davis{
					background: url(../images/graphic-design/davis_thumb.png) 0 0 no-repeat;
					}

					div#about-design ul li a.yama{
					background: url(../images/graphic-design/yama_thumb.png) 0 0 no-repeat;
					}
					
					div#about-design ul li a.emp{
					background: url(../images/graphic-design/emp_thumb.png) 0 0 no-repeat;
					}
					
					div#about-design ul li a.reza{
					background: url(../images/graphic-design/reza_thumb.png) 0 0 no-repeat;
					}
					
					div#about-design ul li a.encounter{
					background: url(../images/graphic-design/encounter_thumb.png) 0 0 no-repeat;
					}
					
					div#about-design ul li a.square{
					background: url(../images/graphic-design/square_thumb.png) 0 0 no-repeat;
					width:400px;
					}
					
					div#about-design ul li a.bathin{
					background: url(../images/graphic-design/bathin_thumb.png) 0 0 no-repeat;
					}
					
					div#about-design ul li a.coffee{
					background: url(../images/graphic-design/coffee_thumb.png) 0 0 no-repeat;
					}
					
					div#about-design ul li a.san{
					background: url(../images/graphic-design/san_thumb.png) 0 0 no-repeat;
					margin:10px 15px;
					}
					
					div#about-design ul li a.ecs{
					background: url(../images/graphic-design/ecs_thumb.png) 0 0 no-repeat;
					margin:10px 15px;
					}
					
					div#about-design ul li.quotes{
					display:block;
					text-indent:-9999px;
					width:340px;
					height:170px;
					background:url(../images/sprites.png) -1137px -1137px no-repeat;
					margin:10px 0 10px 20px;
					}
		
			
/*--------MODAL JQUERY STYLER----------*/

#easyOverlay{
  position:absolute;
  border:1px solid #ccc;
  background:#333;
  padding:5px;
  visibility: hidden;
  top: 0;
  color:#fff;
  z-index: 1000;
}
 
#easyOverlay .closeit {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 5px;
  background: #333;
  color: #fff;
  cursor: pointer;
  z-index: 2000;
  text-decoration: none;
}
			
			
		div#about-design ul li.philosophy ul#design-icons{
			width:220px;
			position:relative;
			margin:0 390px;
			display:inline-block;
		}
				
				ul#design-icons li{
					float:left;
					display:block;
					width:48px;
					height:48px;
					background-image:url(../images/icons.png);
					background-repeat:no-repeat;
					text-indent:-9999px;
					margin:0 0 0 20px;
					background-position:0 -105px;
				}
				
				ul#design-icons li.corel-icon{
					background-position:0 0;
				}
				
				ul#design-icons li.ai-icon{
					background-position:-48px -53px;
				}
				
				ul#design-icons li.psd-icon{
					background-position:-98px -53px;
				}
				
				ul#design-icons li.dw-icon{
					background-position:0 -106px ;
				}
				
				ul#design-icons li.flash-icon{
					background-position:-49px 0;
				}
				
				
/*Web design page*/				
				
	div#about-web{
	width:100%;
	position:relative;
	float:left;
	margin:20px 0;
	padding:0 0 30px 0;
	border-bottom:#C3EBE4 1px solid;
	}
	
	div#about-web h5{
	text-indent:-9999px;
	width:246px;
	height:32px;
	background:url(../images/sprites.png) -1146px -810px no-repeat;	]
	}		
				
	div#web-1,div#web-2,div#web-3,div#web-4{
	width:100%;
	position:relative;
	margin:10px 0;
	padding-bottom:25px;
	background-color:rgba(120,105,74,.2);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:0 3px 6px #000;
	-webkit-box-shadow:0 3px 3px #000;
	box-shadow:0 3px 3px #000;
	}
	
	div#web-1 img,div#web-2 img,div#web-3 img,div#web-4 img{
	margin:0 55px;	
	border:#556270 2px solid;
	}
	
	div#web-1 h1,div#web-2 h1,div#web-3 h1,div#web-4 h1{
	font-size:2em;
	color: #fff;
	padding:10px;
	font-family:'Droid Serif', Georgia, Times, serif;
	}
				
	div#web-1 p,div#web-2 p,div#web-3 p,div#web-4 p{
	padding:2px 0 2px 55px;
	font-family:'Droid Serif', Georgia, Times, serif;
	font-size:.9em;
	}
	div#web-1 p span,div#web-2 p span,div#web-3 p span,div#web-4 p span{
	font-style:italic;
	color:#EAD902;
	}
	
	div#web-1 a,div#web-2 a,div#web-3 a,div#web-4 a{
	font-family:'Droid Serif', Georgia, Times, serif;
	}
	
	div#web-1 a:hover,div#web-2 a:hover,div#web-3 a:hover,div#web-4 a:hover{
	text-decoration:underline;
	}