/* @override http://mac-host.com/slidingdoor/wp-content/themes/sliding-door/imagemenu/imageMenu.css */

/*****
Image Menu
v 2.2
	*****/

#imageMenu { height: 240px; overflow: hidden; border-style: none; margin: 150px auto 0; width: 964px; padding-top: 5px; padding-right: 0; padding-left: 0; }

#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	padding: 0;
	}

#imageMenu ul li { float: left; border-bottom-style: solid; border-bottom-width: 1px; padding-top: 6px; padding-bottom: 6px; border-top-style: solid; border-top-width: 1px; }


#imageMenu ul li a {
	/* change to 	text-indent: -1000px; if you want to use images in the menu instead of text*/
	background:#ffffff 0 50%; border-right: 1px solid #fff; cursor:pointer; display:block; overflow:hidden; width:133px; height: 200px; font-weight: normal; font-size: 24px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #fff; text-decoration: none; margin-top: 0; margin-right: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; padding-right: 0; text-align: left; text-indent: 10px; vertical-align: baseline; border-top-color: #fff; border-bottom-color: #fff; border-left-color: #fff; text-shadow: 3px 3px 4px#000; }

#imageMenu ul li.bk1 a {
	
	background: url(images/1.jpg) repeat scroll 0%;
}

#imageMenu ul li.bk2 a {
	background: url(images/2.jpg) repeat scroll 0%;
}

#imageMenu ul li.bk3 a {
	background: url(images/3.jpg) repeat scroll 0%;
}

#imageMenu ul li.bk4 a {
	background: url(images/4.jpg) repeat scroll 0%;
}

#imageMenu ul li.bk5 a {
	background: url(images/5.jpg) repeat scroll 0%;
}

#imageMenu ul li.bk6 a {
	background: url(images/6.jpg) repeat scroll 0%;
}


#imageMenu ul li.bk7 a {
	background: url(images/7.jpg) repeat scroll 0%;
	border-right-style: none;
}

.clear {
	clear: both;
}