div.columns, div.galwrap
{
width: 540px;
height: 100%:
}

.leftcol, .rightcol
{
display: inline;
width: 270px;
float: left;
}

.yellow img {margin-left:31px;}

.img, .img2
{
float: left;
background:#000;
}

.img
{
margin: 0 5px 5px 0;
}

.img2
{
margin: 0 4px 5px 0;
}

.img2 img {margin-bottom:0}

.img img
{
display: inline;
margin: 0;
opacity:1;
filter:alpha(opacity=100);
}

.img a:hover img 
{
opacity:0.7;
filter:alpha(opacity=70);
}

.img2 a:hover img
{
opacity:0.7;
filter:alpha(opacity=70);
}

.img2 img
{
border: 1px solid #555;
opacity:1;
filter:alpha(opacity=100);
}

.outline 
{
margin:0;
/*background: url(http://www.citrus-studio.co.uk/greybox.gif) left bottom repeat-x #cbcbcb;*/
border-left: 5px solid #fff;
}
.outline .grey p
{
text-align: left;
}

.outline .grey h3
{
text-align: left;
margin: 0 0 0.5em 8px;
}


#navcontainer2
	{
	background: #fff;
	width: 100%;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	font-size: 30px;
	border-top: 2px solid #fff;
	}

	ul#navlist2
	{
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	}

	ul#navlist2 li
	{
	display: block;
	margin: 0;
	padding: 0;
	border-bottom:2px solid #fff;
	}

	ul#navlist2 li a
	{
	display: block;
	width: 100%;
	padding: 3px;
	color: #fff;
	text-decoration: none;
	}

	#navcontainer2>ul#navlist2 li a { width: auto; }
	
	.family{background:#fccb1a}
	.baby{background:#fee13d}
	.solo{background:#c1e160}
	.pairs{background:#fee13d}
	.group{background:#fdcb1a}
	.cool{background:#c1e160}
	
	.family:hover, .baby:hover, .solo:hover, .pairs:hover, .group:hover, .cool:hover{background:url(yellowbox.gif) repeat-x bottom}
	
#navcontainer3, #navcontainer4
	{
	/*background: #fff;*/
	width: 100%;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	overflow: hidden;
	font-size: 15px;
	border-top: 1px solid #fff;
	}

	ul#navlist3, ul#navlist4
	{
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	}

	ul#navlist3 li, ul#navlist4 li
	{
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #fff;
	}

	ul#navlist3 li a, ul#navlist4 li a
	{
	display: block;
	width: 100%;
	padding: 5px 3px;
	color: #fff;
	text-decoration: none;
	}

	#navcontainer3>ul#navlist3 li a { width: auto; }
	#navcontainer4>ul#navlist4 li a { width: auto; }
	
	
	ul#navlist3 li a:hover{background:url(yellowbox.gif) repeat-x bottom}
	ul#navlist4 li a:hover{background:url(yellowbox.gif) repeat-x bottom}
	.first{ background-color: #fccb1a; }
	.second{ background-color: #fee13d; }
	.third{ background-color: #c1e160; }