/******************/
/* General styles */
/******************/

/*
	1 - General
	2 - Header
	3 - Main Menu
	4 - Content
	5 - Home
	? - Footer
*/

/* 1 - General */

	body {
		font-family: /*Bliss, */Arial, Tahoma, Helvetica, Verdana;
		font-size: 62.5%;
		color: #666;
		margin: 0;
		padding: 0;
		background: #222;
	}
		
	.hidden {
		display: none !important;
	}
	
	#super {
		width: 90em;
		margin: 3em auto;
		overflow: hidden;
	}
	
	a {
		color: #000;
	}
	
	p {
		font-size:1.1em;
		line-height:1.4em;
		margin:0 0 auto auto;
	}
	
	img {
		border: none;
	}
	
	h1 {
		margin: 50px 0 0 395px;
		padding: 0;
		display: block;
		width: 105px;
		float: left	
	}
	
		h1 img {			
			margin: 0;
			padding: 0;
			display: block;
		}
		
	h2 {
		color: #99cc33;
		margin: 1em 0 .5em 1em;
		padding: 0;
		font-size: 1.6em;
	}
	
	h3 {
		color: #99cc33;
		font-size: 1.1em;
		padding: 0;
		margin: 1.2em 0 0.2em;
		font-weight: normal;
		width:14.3em;
		float: right;
	}
	
	#container {
		margin: 0;
		padding: 2em 0 0 0;
		overflow: hidden;
		width: 100%;
		background: url('/images/background.gif') repeat top left;
		height: 42em;
	}
	
	.home {
		background: url('/images/bg_home.gif') repeat top left;
	}
	
		.home #super {
			margin-top: 0;
		}
		
	p.credits {
		color: #eee;
		float: right;
	}
	
		p.credits a {
			color: #99CC33;
			text-decoration: none;
		}
		
			p.credits a:hover {
				text-decoration: underline;
			}
	
/* 2 - Header */

	#header {
		width: 100%;
		margin: 0;
		padding: 0;
		height: 13.2em;
		overflow: hidden;
		background: url('/images/background.gif') repeat top left;
		position:relative;
	}
	
		#header ul.social {
			float: right;
			padding: 0;
			margin: 9.2em 0 0 0;
			width: 16em;
			overflow: hidden;
			display: block;			
		}
		
			#header ul.social li {
				float: left;
				margin: 0 0 0 .4em;
				padding: 0;
				list-style-type: none;
			}
			
				#header ul.social li img {
					display: block;
					
				}
				
				#header ul.social li a.flickr {
					margin-top: .6em;
					display: block
				}
				
				.linkedin {
					bottom: 0;
					float: left;
					margin-bottom: 2em;
					margin-right: 4em;
					position: absolute;
					right: 0;
				}
	
		
						
/* 3 - Main Menu */		
		
	#main-menu {
		width: 100%;
		margin: 0;
		padding: 0;
		height: 3.2em;
		overflow: hidden;
		background-color: #222;
	}
	
		#main-menu ul {
			width: 58em;		
			margin: 1em 0 0 17em;
			padding: 0;
			overflow: hidden;
			display: block;
		}			
		
			#main-menu ul li {
				display: block;
				float: left;
				margin: 0;
				padding: 0 .3em;
				border-right: 2px solid #666;
				line-height: 1em;
			}
			
				#main-menu ul li.last {
					border: none;
				}
								
				#main-menu ul li a {
					color: #333333;
					display: block;
					line-height: 0;
					margin: 0;
					padding: 0;
					text-decoration: none;
				}

/* 4 - Content */
	
	#container span {
		display: block;
		width: 15px;
		height: 14px;
	}
	
	span.top-left {
		background: url('/images/left-top-corner.gif') no-repeat 0 0;
		float: left;
	}
		
	span.top-right {
		background: url('/images/right-top-corner.gif') no-repeat 0 0;
		float: right;
	}
	
	span.bottom-left {
		background: url('/images/left-bottom-corner.gif') no-repeat 0 0;
		float: left;
	}
	
	span.bottom-right {
		background: url('/images/right-bottom-corner.gif') no-repeat 0 0;
		float: right;
	}
	
	#interior-menu {
		width: 15.6em;
		overflow: hidden;
		float: left;
		margin: 0 0 0 5.1em;
		background-color: #fff;
		height: 33.1em;
		padding-right: .2em;
	}
	
		#interior-menu ul {
			margin: 0 0 0 .5em;
			padding: .5em 0 0 0;			
			height: 31.2em;
		}
	
		#interior-menu ul li {
			text-align: right;
			font-size:1.1em;
			font-weight:normal;
			list-style-type:none;
			margin: .2em 0 .1em 0;
			padding: 0 .1em .1em .1em;
			width: 98%;
			background: url('/images/li_background.gif') repeat-x bottom left;
		}

			#interior-menu li a {
				color: #666;
				text-decoration: none;
			}

			#interior-menu li.selected a {
				color: #99cc33;				
			}
					
			#interior-menu li.selected {
				background: url('/images/li_background_selected.gif') repeat-x bottom left;
			}
			
	#content {
		width: 63em;
		overflow: hidden;
		float: left;
		margin: 0 0 0 1.2em;
		background-color: #fff;
		height: 33.1em;
	}
	
		#content #main-image {
			float: left;
			width: 42.5em;
			padding: 1.5em 1.4em;
			position: relative;
			z-index: 0;
		}
		
			#content #loading {
				margin-left: 6em;
				margin-top: 1.3em;
			}
		
		#content .project {
			width: 97%;
			margin: 0;
			padding: 0;
			overflow: hidden;
			height: 31.7em;
		}
		
		#content .project p {
			float:right;		
			width:14.3em;
		}
		
		#content .no-title p {
			margin-top: 1.1em;
		}
		
		#content #slider {
			width: 7em;
			position: absolute;
			overflow: hidden;
			top: 29.9em;
			left: 45em;
		}
		
			#content #slider a,
			#content #slider a img  {
				margin: 0;
				padding: 0;
				display: block;
				float: left;
				color: #fff;
			}
		
/* 5 - Home */

	#logo-container {
		position: relative;
		margin-left: 10em;
		margin-top: 0;
		height: 68px;
	}
	
		#logo-container #logo-link {
			position: absolute;
			top: 110px;
			left: 48px;
		}
	
		#logo-container #logo-home {
			position: absolute;
			top: -148px;
			left: 0;
		}
		
	#introduction-container {
		height: 260px;
		width: 333px;
		position: relative;
		margin-top: 30em;
		margin-left: 10em;
	}
		#introduction-container #introduction-link {
			position: absolute;
			top: 0;
			left: 0;
			width: 40px;
			height: 40px;
		}
		
		#introduction-container #introduction-home {
			position: absolute;
			top: 14px;
			left: 15px;
			width: 100%;
			overflow: hidden;
			background-color: #fff;
		}
		
		#introduction-container #introduction-home div {
			padding: 10px 0 0 10px;
		}
		
		#introduction-container #introduction-home span {
			width: 8px;
			height: 8px;
		}
		
			span.top-right-home {
				background: url('/images/right-top-home.gif') no-repeat 0 0;
				float: right;
			}
			
			span.bottom-right-home {
				background: url('/images/right-bottom-home.gif') no-repeat 0 0;
				float: right;
			}
			
			span.bottom-left-home {
				background: url('/images/left-bottom-home.gif') no-repeat 0 0;
				float: left;
			}
		
		#introduction-container #introduction-home p {			
			padding: 5px;
			line-height: 18px;
		}
		
			#introduction-container #introduction-home p a {
				font-weight: bold;
				color: #99CC00;
				text-decoration: none;
			}
			
				#introduction-container #introduction-home p a:hover {
					text-decoration: underline;
				}

/* ? - Footer */

	#footer {
		background-color:#FFFFFF;
		float:left;
		height:2.7em;
		margin:6.1em 0 0 5.1em;
		overflow:hidden;
		width:79.5em;
	}
	
		#footer address {
			margin-top: 0;
			padding: .7em;
			font-size: 1.1em;
			text-align: center;
			font-style: normal;
			color: #666;
		}
		
			#footer address span {
				color: #83b719;
				display: inline;
				font-weight: bold;
			}
		
			#footer address a {
				color: #83b719;
				text-decoration: none;
				font-weight: bold;
			}
			
				#footer address a:hover {
					text-decoration: underline;
				}
			
			#footer address a.welvi {
				color: #666;
				font-weight: normal;
			}