
/**************************************************************

	Image Menu
	v 2.2

**************************************************************/


#imageMenu {
	position: relative;
	width: 1003px;
	height: 350px;
/*
	width: 850px;
	height: 350px;
*/
	overflow: hidden;
	padding-bottom: 25px;
	text-align:left;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 350px;
	width: 2800px;
	}

#imageMenu ul li 
{
    margin: 0px;
	float: left;
}

#imageMenu ul li {
	text-indent: 0px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 4px solid #fff;
	/*
	cursor:pointer;
    */
	display:block;
	overflow:hidden;
	/*width: 285px;*/
	width: 334px;
	height: 350px;
}


#imageMenu ul li.new 
{
	background: url(../images/slideshow/home/door1/HomeNewHereJan2012.jpg) repeat scroll 0%;
    /*
	background: url(../ShowImage.aspx?sl=door1) repeat scroll 0%;
    */
}

#imageMenu ul li.connect 
{
	background: url(../images/slideshow/home/door2/HomeConnectJan2012.jpg) repeat scroll 0%;
	/*    
	background: url(../ShowImage.aspx?sl=door2) repeat scroll 0%;
    */
}

#imageMenu ul li.media 
{
	background: url(../images/slideshow/home/door3/HomePTVJan2012.jpg) repeat scroll 0%;
	/*
	background: url(../ShowImage.aspx?sl=door3) repeat scroll 0%;
    */
}

#imageMenu ul li div.divLinks {
    margin: 138px 0px 0px 345px;
    font-size: 12px;
    width: 209px;
    text-align:left;
}

.divLinks a
{
	display: block;
	width: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
    background-color:#100d09;
    padding: 5px 3px 5px 3px;
    margin: 1px;
    OUTLINE-STYLE: none;
    OUTLINE-COLOR: invert;
    OUTLINE-WIDTH: medium;
    COLOR: #FFFFFF;
    TEXT-DECORATION: none
}

.divLinks a:hover
{
    color: #d1d1d1; 
}

#imageMenu ul li div.divLinks2 {
    margin: 155px 0px 0px 345px;
    font-size: 12px;
    width: 209px;
    text-align:left;
}

.divLinks2 a
{
	display: block;
	width: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
    background-color:#100d09;
    padding: 5px 3px 5px 3px;
    margin: 1px;
    OUTLINE-STYLE: none;
    OUTLINE-COLOR: invert;
    OUTLINE-WIDTH: medium;
    COLOR: #FFFFFF;
    TEXT-DECORATION: none
}

.divLinks2 a:hover
{
    color: #d1d1d1; 
}

A.doors:link {
     background-color:#100d09; padding: 5px 8px 5px 8px; margin: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; COLOR: #FFFFFF; TEXT-DECORATION: none
}
A.doors:visited {
     background-color:#100d09; padding: 5px 8px 5px 8px; margin: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; COLOR: #FFFFFF; TEXT-DECORATION: none
}
A.doors:hover {
	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; COLOR: #d1d1d1; TEXT-DECORATION: none
}
A.doors:active {
     background-color:#100d09; padding: 5px 8px 5px 8px; margin: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; COLOR: #FFFFFF; TEXT-DECORATION: none
}
A.doors:focus {
     background-color:#100d09; padding: 5px 8px 5px 8px; margin: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; COLOR: #FFFFFF; TEXT-DECORATION: none
}

.clear {
	clear: both;
}

/*************************************************************/


