.hidden {
	display: none;
}

body {
	background: #000000;
	font-family: frutiger, verdana, arial;
	color: #c0c0c0;
}

#wrapper {
	width: 1000px;
	background: #000000;
	margin: 20px auto;
}

#left {
	width: 220px;
	float: left;
	padding-left: 5px;
}

p {
	padding: 10px;
	font-size: 0.8em;
}

.clear {
	clear: both;
}

a, a:visited {
	text-decoration: underline;
	color: #777777;
}

a:hover {
	text-decoration: underline;
	color: #d0d0d0;
}

#caption a, a:visited {
                text-decoration: underline;
                color: #333;
}

/*-----------------------------------------------header------------------------------------------------*/
#header {
	padding: 40px 0 0 0;
}

/*-----------------------------------------------navigation--------------------------------------------*/
#nav {
	padding-top: 40px;
}

#nav span {
	visibility: hidden;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

li a{
	display: block;
	color: #000000;
	text-decoration: none;
}
li a:hover, li a:visited {
	color: #000000;
}

li:hover {
	cursor: pointer;
}

li.sub {
	padding-left: 18px;
}

#nav_home  {
	background: url(../images/nav_home.jpg) no-repeat;
}
#nav_home:hover {
	background: url(../images/nav_home_active.jpg) no-repeat;
}

#nav_journal {
	background: url(../images/nav_journal.jpg) no-repeat;
}
#nav_journal:hover {
	background: url(../images/nav_journal_active.jpg) no-repeat;
}

#nav_gallery  {
	background: url(../images/nav_gallery.jpg) no-repeat;
}
#nav_gallery:hover {
	background: url(../images/nav_gallery_active.jpg) no-repeat;
}

#nav_contact {
	background: url(../images/nav_contact.jpg) no-repeat;
}
#nav_contact:hover {
	background: url(../images/nav_contact_active.jpg) no-repeat;
}

#nav_fashion {
	background: url(../images/nav_personal.jpg) no-repeat;
}
#nav_fashion:hover {
	background: url(../images/nav_personal_active.jpg) no-repeat;
}

#nav_portraits {
	background: url(../images/nav_portraits.jpg) no-repeat;
}
#nav_portraits:hover {
	background: url(../images/nav_portraits_active.jpg) no-repeat;
}

#nav_spaces {
	background: url(../images/nav_spaces.jpg) no-repeat;
}
#nav_spaces:hover {
	background: url(../images/nav_spaces_active.jpg) no-repeat;
}

#nav_stilllife {
	background: url(../images/nav_stilllife.jpg) no-repeat;
}
#nav_stilllife:hover {
	background: url(../images/nav_stilllife_active.jpg) no-repeat;
}

#nav_events {
	background: url(../images/nav_events.jpg) no-repeat;
}
#nav_events:hover {
	background: url(../images/nav_events_active.jpg) no-repeat;
}

#nav_beauty {
	background: url(../images/nav_beauty.jpg) no-repeat;
}
#nav_beauty:hover {
	background: url(../images/nav_beauty_active.jpg) no-repeat;
}

.home #nav_home {
	background: url(../images/nav_home_active.jpg) no-repeat;
}
.gallery #nav_gallery {
	background: url(../images/nav_gallery_active.jpg) no-repeat;
}
.journal #nav_journal {
	background: url(../images/nav_journal_active.jpg) no-repeat;
}
.contact #nav_contact {
	background: url(../images/nav_contact_active.jpg) no-repeat;
}
.fashion #nav_fashion {
	background: url(../images/nav_personal_active.jpg) no-repeat;
}
.portraits #nav_portraits {
	background: url(../images/nav_portraits_active.jpg) no-repeat;
}
.spaces #nav_spaces {
	background: url(../images/nav_spaces_active.jpg) no-repeat;
}
.stilllife #nav_stilllife {
	background: url(../images/nav_stilllife_active.jpg) no-repeat;
}


/*-----------------------------------------------caption-----------------------------------------------*/
#caption {
	margin: 30px 0 0 0;
	width: 200px;
	height: 460px;
}

#caption p {
	margin-top: 0;
	padding-top: 0;
	color: #d0d0d0;
}

#caption p span {
                color: #333;
}
 
#caption p:hover span {
                color: #777777;
}

/*-----------------------------------------------contact-----------------------------------------------*/
#contact {
	margin-top: 10px;
}

#contact a img, #contact-sh a img {
	border:none;
}

#contact span, #contact-sh span {
	visibility: hidden;
	font-size: 0.8em;
}

#contact-sh {
	margin-top: 490px;
}



#mail {
	background: url(../images/email.jpg) no-repeat;
	text-decoration: none;
}

#mail:hover {
	background: url(../images/email_active.jpg) no-repeat;
}

/*-----------------------------------------------topnav------------------------------------------------*/
#topnav {
	height: 15px;
	width: 765px;
	text-align: right;
	float: right;
	margin: 0;
}

#topnav span {
	display: none;
}

.previous, .back, .next, .previous-nope, .next-nope {
	display: inline-block;
	width: 28px;
	height: 15px;
}

.previous {
	background: url(../images/previous.jpg)
}
.previous:hover {
	background: url(../images/previous_active.jpg)
}
.previous-nope {
	background: url(../images/previous_nope.jpg)
}
.back {
	background: url(../images/back.jpg)
}
.back:hover {
	background: url(../images/back_active.jpg)
}

.next {
	background: url(../images/next.jpg)
}
.next:hover {
	background: url(../images/next_active.jpg)
}
.next-nope {
	background: url(../images/next_nope.jpg)
}

/*-----------------------------------------------content-----------------------------------------------*/
#content {
	width: 770px;
	height: 770px;
	float: right;
	text-align: right;
	padding: 15px 0 0 0;
}


.small img {
	margin: 10px 10px 0 0;
	border: 1px solid #222222;
	float: left;
}

.small img:hover {
	border: 1px solid #404040;
}

.big img {
	border: none;
}

.box {
	width: 240px;
	height: 240px;
	margin: 10px 10px 0 0;
	border: 1px solid #222222;
	float: left;
	text-align: justify;
	color: #777777;
}

/*-----------------------------------------------moustique---------------------------------------------*/
#moustique {
	height: 15px;
	width: 997px;
	text-align: right;
	font-size: 0.7em;
	margin-top: 20px;
}
#moustique a {
	text-decoration: none;
	color: #606060;
}

address {
	display: none;
}

