@import url('reset.css');
body {
background:  #413525;
margin:auto;
width:100%;
padding-top: 25px;
}

div#header {
	background: url('../img/header_background.jpg') no-repeat center;
	height: 186px;
	width: 100%;
}

div#logo {
	position: relative;
	margin: auto;
	padding-top: 0px;
	padding-left: 0px;
	width: 840px;
	height: 140px;
}

div#content {
	position:relative;
	margin: auto;
	text-align: center;
	width: 540px;
	height: 35px;
}

div#container {
	background: url('../img/container_background.jpg') no-repeat center;
	height: 564px;
	width: 100%;
	clear: both;
}

div#container2 {
	background: url('../img/info_about.jpg') no-repeat center;
	height: 564px;
	width: 100%;
	clear: both;
}

div#container3 {
	background: url('../img/container_contacts.jpg') no-repeat center;
	height: 564px;
	width: 100%;
	clear: both;
}

div#container4 {
	background: url('../img/info_about.jpg') no-repeat center;
	height: 564px;
	width: 100%;
	clear: both;
}

div#container5 {
	background: url('../img/info_work.jpg') no-repeat center;
	height: 564px;
	width: 100%;
	clear: both;
}

div#albums {
	margin: auto;
	margin-top: 55px;
	width: 720px;
	height: 360px;
	background-image:url(../img/loading.jpg);
	border-left: 7px solid #f5f1ea;
	border-top: 7px solid #bfb9ac;
	border-right: 7px solid #f5f1ea;
	border-bottom: 7px solid #fefbf6;
}

div#slideshow {
	margin: auto;
	padding-top: 7px;
	width: 689px;
}

div#slides {
	width: 689px;
	height: 450px;
}

#slides div { 
    width: 689px; 
	height: 450px;  
}

#slides div img { 
	max-height: 450px;
	width: auto;
    margin: auto; 
	display: block;
	background-color:#dededc;
	border-left: 7px solid #f5f1ea;
	border-top: 7px solid #bfb9ac;
	border-right: 7px solid #f5f1ea;
	border-bottom: 7px solid #fefbf6;
}

div#slideshow-commands {
	margin: auto;
	padding-top: 26px;
	width: 148px;
	height: 17px;
}

a#previous-slide {
	background: url(../img/prev.jpg) no-repeat;
	display: block;
	float: left;
	height: 17px;
	width: 21px;
	text-indent: -9000px;
}

a#next-slide {
	background: url(../img/next.jpg) no-repeat;
	display: block;
	float: right;
	height: 17px;
	width: 21px;
	text-indent: -9000px;
}

ul#tabs {
	position: absolute;
	margin-top: 0px;
	width: 540px;
	text-align: center;
	left: 0px;
	top: 0px;
}

ul#tabs li {
	background: url(../img/buttons.jpg) no-repeat;
	float: left;
	height: 35px;
	width: 135px;
}


ul#tabs li a {
	display: block;
	text-indent: -9000px;
	height: 100%;
	width: 100%;
}

ul#tabs li#portfolio_slides {
	background-position: 0px 0px;
}

ul#tabs li#portfolio_slides:hover {
	background-position: 0px -35px;
}

ul#tabs li#portfolio_slides.current, ul#tabs li#portfolio_slides:active {
	background-position: 0px -70px;
}

ul#tabs li#portfolio_albums {
	background-position: -135px 0px;
}

ul#tabs li#portfolio_albums:hover {
	background-position: -135px -35px;
}

ul#tabs li#portfolio_albums.current, ul#tabs li#portfolio_albums:active {
	background-position: -135px -70px;
}

ul#tabs li#info {
	background-position: -270px 0px;
}

ul#tabs li#info:hover {
	background-position: -270px -35px;
}

ul#tabs li#info.current, ul#tabs li#info:active {
	background-position: -270px -70px;
}

ul#tabs li#contacts {
	background-position: -405px 0px;
}

ul#tabs li#contacts:hover {
	background-position: -405px -35px;
}

ul#tabs li#contacts.current, ul#tabs li#contacts:active {
	background-position: -405px -70px;
}

div#logo h1 {
	position: absolute;
	text-align: center;
	margin: auto;
	padding-top: 0px;
	background: url('../img/header_username.jpg') no-repeat;
	height: 40px;
	width: 140px;
	top: 14px;
	left: 350px;
}

div#logo h1 a {
	display: block;
	text-indent: -9000px;
	height: 100%;
	width: 100%;
}

h2 {
	position: absolute;
	text-align: center;
	text-indent: -9000px;
	margin: auto;
	padding-top: 0px;
	background: url('../img/header_name.jpg') no-repeat;
	height: 60px;
	width: 840px;
	top: 63px;
	left: 0px;
}

h3 {
	position:relative;
	text-align: center;
	margin: auto;
	padding-top: 30px;
	text-indent: -9000px;
	color:#868686;
}

h4 {
	position:relative;
	text-align: center;
	margin: auto;
	padding-top: 30px;
	text-indent: -9000px;
	color:#868686;
}

div#empty {
	position: relative;
	margin: auto;
	padding-top: 0px;
	padding-left: 0px;
	width: 1000px;
	height: 35px;
}

div#empty2 {
	position: relative;
	margin: auto;
	padding-top: 0px;
	padding-left: 0px;
	width: 1000px;
	height: 60px;
}

div#content2 {
	position:relative;
	margin: auto;
	text-align: center;
	width: 388px;
	height: 30px;
}

ul#tabs2 {
	position: absolute;
	margin-top: 0px;
	width: 388px;
	text-align: center;
	left: 0px;
	top: 0px;
}

ul#tabs2 li {
	background: url(../img/info_buttons.jpg) no-repeat;
	float: left;
	height: 30px;
	width: 194px;
	text-indent: -9000px;
}


ul#tabs2 li a {
	display: block;
	height: 100%;
	width: 100%;
}

ul#tabs2 li#info_about {
	background-position: 0px 0px;
}

ul#tabs2 li#info_about:hover {
	background-position: 0px -30px;
}

ul#tabs2 li#info_about.current, ul#tabs2 li#info_about:active {
	background-position: 0px -30px;
}

ul#tabs2 li#info_work {
	background-position: -194px 0px;
}

ul#tabs2 li#info_work:hover {
	background-position: -194px -30px;
}

ul#tabs2 li#info_work.current, ul#tabs2 li#info_work:active {
	background-position: -194px -30px;
}