﻿
/**************************************************************

	Image Menu
	v 2.2

**************************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body
{
	margin:0;
	padding:0;
}

#imageMenu {
	width:400px; 
	height:200px;
	float:left;
}

#imageMenu ul {
    list-style: none;
	margin: 0px;	
	height: 200px;
	width: 600px;	
	overflow:hidden;
}

#imageMenu ul li {
	float: left;
	overflow:hidden;
}
#imageMenu ul li a {
	
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:100px;
	height: 200px;
}

#imageMenu ul li.landscapes a {
	background: url(../images/landscapes.jpg) no-repeat ;
}

#imageMenu ul li.people a {
	background: url(../images/people.jpg)  no-repeat;
}

#imageMenu ul li.nature a {
	background: url(../images/nature.jpg)  no-repeat;
}

#imageMenu ul li.urban a {
	background: url(../images/urban.jpg)  no-repeat;
}

#imageMenu ul li.abstract a {
	background: url(../images/abstract.jpg)  no-repeat;
}


/*************************************************************/


