/* @override http://stefbravin.com/style.css */

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
background-color: #ffffff;
text-align:center;
min-height:660px;/* for good browsers*/
min-width:904px;/* for good browsers*/
}
#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 660px;
}
#inner {
width: 904px;
height: 660px;
text-align: center;
margin-left:auto;
margin-right:auto;
border:1px solid #ddd;
background-image: url(images/background.png);
}

/****** HEADER *******/
#header h1 {
	position: relative;
	width: 904px;
	height: 90px;
	overflow: hidden;
}
#header h1 span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(images/head-stef-bravin-photographer.png) no-repeat;
}

/****** INTRO *******/
#intro {
	 display: none;
}

/****** LINK *******/
#links {
	list-style-type: none;
	float: left;
	margin: 0 0 0 160px;
	padding: 0;
}
#links li {
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0 37px 0 0;
}
#links li a img {
	border-width: 0;
}

/****** STEFBRAVIN *******/
#stefbravin {
	clear: both;
	position: relative;
	height: 61px;
	width: 100%;
	overflow: hidden;
	margin-top: 0;
}
#stefbravin a {
 	position:absolute;
 	top:0;
	right: 0;
	text-decoration: none;
	height: 20px;
	width: 150px;
	background: url(images/stef-bravin.png) no-repeat right;
	margin-top: 40px;
}
#stefbravin a i {
	visibility: hidden;
}

/****** CONTACT *******/
#contact {
	clear: both;
	position: relative;
	height: 42px;
	width: 100%;
	overflow: hidden;
	background: url(images/mail-stef-bravin.png) no-repeat right;
	margin-top: 19px;
}
#contact a {
 	position:absolute;
 	top:0;
	right: 0;
	text-decoration: none;
	height: 42px;
	width: 279px;
}
#contact a i {
	visibility: hidden;
}

/****** FOOTER *******/
#footer {
	clear: both;
	color: #efefef;
}
#footer a {
	color: #efefef;
}