/* library
----------------------------------------------- */
	/* reset
	----------------------------------------------- */
	* {
		margin: 0;
		padding: 0;
	}
	
	a, a img, frameset, img {
		border: 0;
		outline: 0;
	}
	
	ul, li {
		list-style: none;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	/* -------------------------------------------- */
	
	/* clearing
	----------------------------------------------- */
	.clear {
		clear: both;
	}
	
	.clearfix:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}
	/* -------------------------------------------- */
	
	/* spacing
	----------------------------------------------- */
	.no_bottom {
		margin-bottom: 0 !important;
	}
	
	.no_right {
		margin-right: 0 !important;
	}
	/* -------------------------------------------- */
/* -------------------------------------------- */

body {
	background: url(../images/body_bg.png) repeat #202020;
	color: #767676;
	font: 11px/1 "Lucida Grande", "Helvetica Neue", Arial, sans-serif;
	text-shadow: 0 1px 1px #000;
}

h3, #howdy {
	font: 14px/1 Georgia, "Times New Roman", serif;
	font-weight: normal;
	margin-bottom: 25px;
}
#howdy {
text-align: justify;
margin-top: 0px;
line-height: 2em;}

a {
	color: #fff;
	text-decoration: none;
}

/* structure
----------------------------------------------- */
#wrapper {
	margin: 50px auto;
	width: 427px;
}
/* -------------------------------------------- */

/* header
----------------------------------------------- */
#header {
	background: url(../images/header_bg.png) no-repeat;
	height: 76px;
	margin-bottom: 23px;
	text-indent: -99999px;
}
/* -------------------------------------------- */

/* content
----------------------------------------------- */
#content {
	margin-bottom: 25px;
	padding: 0 1px;
}

	/* work
	----------------------------------------------- */
	#work {
		margin-bottom: 25px;
	}
	
		#work ul li {
			float: left;
			height: 77px;
			margin-right: 10px;
			width: 77px;
		}
		
		#work ul li.reset {
			margin-right: 0;
		}
		
			#work ul li img {
				display: block;
				height: 77px;
				width: 77px;
			}
	/* -------------------------------------------- */

	/* contact
	----------------------------------------------- */
	#contact {
		float: left;
		margin-right: 10px;
		width: 164px;
	}
	
		#contact dl {
			margin-bottom: 8px;
		}
		
			#contact dl dt {
				display: none;
			}
			
				#contact dl dd {
					padding: 0 5px 0 30px;
				}

				#contact dl.email dd {
					background: url(../images/email_bg.png) no-repeat;
					line-height: 30px;
				}
				
				#contact dl.skype dd {
					background: url(../images/skype_bg.png) no-repeat;
					line-height: 30px;
				}
			
				#contact dl.gtalk dd {
					background: url(../images/gtalk_bg.png) no-repeat;
					line-height: 30px;
				}
				
				
				#contact dl.phone dd {
					background: url(../images/phone_bg.png) no-repeat;
					font-size: 10px;
					padding: 9px 9px 9px 30px;
				}
				
					#contact dl.phone dd a {
						display: block;
						font-size: 11px;
						margin-bottom: 9px;
					}
	/* -------------------------------------------- */

	/* linklog
	----------------------------------------------- */
	#social {
		float: left;
		width: 251px;
	}
	
		#social ul li {
			background: url(../images/linklog_bg.png) no-repeat;
			line-height: 30px;
			margin-bottom: 8px;
			padding: 0 5px 0 30px;
		}
		#social ul li.linkedin {
			background: url(../images/linkedin_bg.png) no-repeat;
			line-height: 30px;
			margin-bottom: 8px;
			padding: 0 5px 0 30px;
		}
		#social ul li.lastfm {
			background: url(../images/lastfm_bg.png) no-repeat;
			line-height: 30px;
			margin-bottom: 8px;
			padding: 0 5px 0 30px;
		}
		#social ul li.facebook {
			background: url(../images/facebook_bg.png) no-repeat;
			line-height: 30px;
			margin-bottom: 8px;
			padding: 0 5px 0 30px;
		}
		#social ul li.wordpress {
			background: url(../images/wordpress_bg.png) no-repeat;
			line-height: 30px;
			margin-bottom: 8px;
			padding: 0 5px 0 30px;
		}
		#social ul li.twitter {
			background: url(../images/twitter_bg.png) no-repeat;
			line-height: 30px;
			margin-bottom: 8px;
			padding: 0 5px 0 30px;
		}
		#social ul li.livingsocial {
			background: url(../images/livingsocial_bg.png) no-repeat;
			line-height: 30px;
			margin-bottom: 8px;
			padding: 0 5px 0 30px;
		}
		
				
		
			#social ul li a {
				color: #fff;
			}
	/* -------------------------------------------- */
/* -------------------------------------------- */

/* footer
----------------------------------------------- */
#footer {
	text-align: center;
}

#footer p {
	line-height: 1.8em;
}
/* -------------------------------------------- */

#agadir-map-overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:610px;
	background-image:url(../images/overlay.png);
	color:#fff;

}
#agadir-map-overlay #agadir-map {
	margin:55px;
}
#agadir-map span {
	font-size:xx-small;
}
/* default close button positioned on upper right corner */
#agadir-map-overlay div.close {
	background-image:url(../images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
	z-index: 10001;
}