/************************************************
* Background colors, images and positions
*************************************************/

html, body {
	background-color: #000;
}

h1 {
	background-image: url(../layout_images/logo.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}



/*
* Main navigation
*/
ul#navigation .home a {
	background-image: url(../layout_images/navigation_gallery_out.gif);
	background-repeat: no-repeat;
}

ul#navigation .home a:hover {
	background-image: url(../layout_images/navigation_gallery_over.gif);
}

body.home ul#navigation .home a {
	background-image: url(../layout_images/navigation_gallery_over.gif);	
}

ul#navigation .about a {
	background-image: url(../layout_images/navigation_about_out.gif);
	background-repeat: no-repeat;
}

ul#navigation .about a:hover {
	background-image: url(../layout_images/navigation_about_over.gif);
}

body.about ul#navigation .about a {
	background-image: url(../layout_images/navigation_about_over.gif);
}

ul#navigation .contacts a {
	background-image: url(../layout_images/navigation_contacts_out.gif);
	background-repeat: no-repeat;
}

ul#navigation .contacts a:hover {
	background-image: url(../layout_images/navigation_contacts_over.gif);
}

body.contacts ul#navigation .contacts a {
	background-image: url(../layout_images/navigation_contacts_over.gif);
}

/* Over-rule background positioning on about and contact list links */
ul#navigation li a,
ul#navigation li a:hover {
	background-position: top left;
}

/*
* First level of gallery menu
*/
#gallery_menu ul li a {
}

/*
* 2nd level of gallery menu
*/
#gallery_menu ul li ul {
}

#gallery_menu ul li ul li a {
	background-image: url(../layout_images/gallery_off_item_out.gif);
	background-repeat: no-repeat;
}

#gallery_menu ul li ul li a:hover {
	background-image: url(../layout_images/gallery_off_item_over.gif);
}

#gallery_menu ul li.active ul li a {
	background-image: url(../layout_images/gallery_on_item_out.gif);
	background-repeat: no-repeat;
}

#gallery_menu ul li.active ul li a:hover,
#gallery_menu ul li.active ul li.active a {
	background-image: url(../layout_images/gallery_on_item_over.gif);
	background-repeat: no-repeat;
}



/*
* Footer
*/
#footer {
	background-color: #262626;
}



/*
* General Content
*/
h3 {
	background: #262626;
}

.about li a,
.contacts li a {
	background: url(../layout_images/list_bullet_out.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}

.about li a:hover,
.contacts li a:hover {
	background-position: 2px 2px;
}

.contacts ul.contact_information li a {
	background-image: none;
}




/*
* Forms
*/
fieldset {
	margin: 0;
}

input.field {
	background: #262626;
}

input.field:focus,
textarea:focus {
	background-color: #333;
}

textarea {
	background: #262626;
}

input.clear {
	background-color: #000;
	background-image: url(../layout_images/clear_button.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
}

input.clear:hover {
	background-image: url(../layout_images/clear_button_over.gif);
}

input.submit {
	background-color: #000;
	background-image: url(../layout_images/submit_button.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
}

input.submit:hover {
	background-image: url(../layout_images/submit_button_over.gif);
}