/* 
** germankitchens.co.nz - gallery stylesheet
*/

/* page overall: */

body,div,p,img,form,h1,h2,h3,h4,h5,h6 { 
    margin: 0; 
    padding: 0; 
    border: 0;
}

#gallery {width:865px; height:410px; padding:1em; border:1px solid #333; background: #FFF; position:relative; margin-bottom:0px;  margin-right: auto; margin-left: auto;}
#gallery b.default {position:absolute; left:1em; top:1em; height:410px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto;}
#gallery b.default span {display:block; color:#666666; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:548px; margin:0 auto;}
#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#FFF;}
#gallery ul li a:hover b {position:absolute; left:-685px; top:0; width:600px; height:410px; text-align:center; background:#FFF; z-index:20;}
#gallery ul li a:hover span {display:block; color:#666666; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto;}
#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#FFF;}
#gallery ul li a:active b, #gallery ul li a:focus b {
	position:absolute;
	left:-685px;
	top:0;
	width:548px;
	height:410px;
	text-align:center;
	z-index:10;
	background: #FFF;
}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#333; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}



body {
	background-color: #D4D0C8;
	text-align: center;
	margin-top: 4em;
	background-image: url(../images/bg.gif);
}

.page {
	/* Page width: */
	width: 70%;
}

#logo {
	margin: 0 auto;
	text-align: left;
	font-family: Union, Trebuchet MS, Arial;
	font-size: 1.7em;	
	margin-bottom: 0.2em;
	letter-spacing: -0.01em;
}

#logo a:link, #logo a:visited, #logo a:hover, #logo a:active {
	text-decoration: none;
	/* logo color 1: */
	color: #CC0000;
}

#logo_black {
	/* logo color 2: */
	color: #FFF;
}

/* menu: */

#menu {
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	margin-top: 0.3em;
}

#menu a:link, #menu a:visited {
	color: #FFF;
	text-decoration: none;
}

#menu a:hover, #menu a:active {
	color: #CC0000;
	text-decoration: none;
}

#padding {
	padding: 1em;
}

/*
 Styles that apply to the 
 content area:
*/


#content p {
	font-size: 0.9em;
}

/* heading */
#content h1 {
	font-size: 1.3em;
	font-family: Trebuchet MS;
	margin-top: 0.2em;
	margin-bottom: 0.3em;
	color: #BF2016;
}

/* link colors */
#content a:link {
	color: #C2361D;
}

#content a:hover, #content a:active {
	color: #33201D;
}

#content a:visited {
	color: #892614;
}
#links {

	margin: 0 auto;
	text-align: center;
	color: #666666;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	margin-top: 0.3em;
}
#links ul li {
display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;
}