/* REMOVE BROWSER DEFAULTS
...............................................................*/

	/* remove the inconsistent spacing, margin and padding */
	html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin: 0; padding: 0; }

	/* no list-markers */
	ul,ol,li { list-style-type: none; list-style-image: url(); list-style-position: outside; }

	/* inconsistent heading font-sizes */
	h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-style: normal; font-weight: normal; }

	/* remove blue linked image borders */
	fieldset,img,a img,:link img,:visited img { border: none; }

	a { outline: none; }

	table { border-spacing: 0; padding: 0; margin: 0; }

	td { padding: 0; text-align: left; }

	address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }

	caption,th { text-align: left; }

	q:before,q:after { content: ""; }


/* Layout
...............................................................*/


body {
	background: url('background.png') top left repeat;
}

#background-image {
	position: absolute;
	z-index: 1;
	background: url('background-image.png') top left no-repeat;
	width: 1110px;
	height: 626px;
	margin-top: 44px;
	margin-left: -555px;
	left: 50%;
}

.container {
	position: absolute;
	z-index: 5000;
	width: 1110px;
	height: 636px;
	margin-top: 44px;
	margin-left: -555px;
	left: 50%;
}

/* menu */

#menu {
	position: absolute;
	z-index: 4001;
	background: url('menu.png') top left no-repeat;
	width: 57px;
	height: 356px;
	margin-left: -438px;
	margin-top: 264px;
	border: 1px solid #666;
	left: 50%;
	-moz-box-shadow: 0px 3px 5px #666;
	-webkit-box-shadow: 0px 3px 5px #666;
	box-shadow: 0px 3px 5px #666;
}

/* menu buttons */

.button-email {
	position: absolute;
	top: 225px;
	left: 4px;
	background: url('button-email.png') no-repeat; 
	width: 24px; 
	height: 21px; 
	outline: none;
}

.button-email:hover {
	background: url('button-email.png') no-repeat 0 -21px;
}

.button-info {
	position: absolute;
	top: 203px;
	left: 29px;
	background: url('button-info.png') no-repeat; 
	width: 24px; 
	height: 21px; 
	outline: none;
}

.button-info:hover {
	background: url('button-info.png') no-repeat 0 -21px;
}

.button-crew {
	position: absolute;
	top: 251px;
	left: 29px;
	background: url('button-crew.png') no-repeat; 
	width: 24px; 
	height: 21px; 
	outline: none;
}

.button-crew:hover  {
	background: url('button-crew.png') no-repeat 0 -21px;
}

.button-cv {
	position: absolute;
	top: 155px;
	left: 29px;
	background: url('button-cv.png') no-repeat; 
	width: 24px; 
	height: 21px; 
	outline: none;
}

.button-cv:hover  {
	background: url('button-cv.png') no-repeat 0 -21px;
}

.button-home {
	position: absolute;
	top: 273px;
	left: 29px;
	background: url('button-home.png') no-repeat; 
	width: 24px; 
	height: 21px; 
	outline: none;
}

.button-home:hover  {
	background: url('button-home.png') no-repeat 0 -21px;
}

.button-portfolio {
	position: absolute;
	top: 177px;
	left: 29px;
	background: url('button-portfolio.png') no-repeat; 
	width: 24px; 
	height: 21px; 
	outline: none;
}

.button-portfolio:hover  {
	background: url('button-portfolio.png') no-repeat 0 -21px;
}