*
{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 0em;
margin: 0em;
}

body
{
background-color: #25262A;
width: 1000px;
margin-left: auto; margin-top: 1em; margin-right: auto; margin-bottom: 1em; 
border: solid 1px #222222;
}


p
{
color:#FFFFFF;
line-height: 1.5em;
margin-bottom: 1.0em;
margin-top: 1.0em;
text-align: left;
}

a
{
color: #FFFF80;
text-decoration: none;
}

a:hover
{

text-decoration: underline;
}

h1
{
display: inline;
color:#FFFFFF;
font-weight: bold;
}


#content-left
{
float:left;
padding-top: 31px;
padding-left: 34px;
width: 729px;
}

#content-right
{
float:right;
padding-top: 31px;
padding-left: 30px;
padding-right: 20px;
width: 185px;
font-size:13px;
color:#FFFFFF;
}

#main
{

width: 1000px;
height: 471px;
background-image:url(images/background.jpg);
}

#header
{
position: relative;
width: 100%;
height: 111px;
background-image:url(images/header.jpg);
}

/* Step 10 - Clearing the float */
#menu {display:block; width:1000px; height:43px; background-image:url(images/nav.jpg);}

/* Step 3 - get rid of the bullets and margin */
#menu ul {margin:0; padding:0; list-style-type:none;}

/* Step 4 and 7 - make the list horizontal and giving a 1px gap */
#menu li {float:left;}

/* Step 5 - Adding the initial images */

#menu li.list1 {background:transparent url(images/m1.jpg);}
#menu li.list2 {background:transparent url(images/m2.jpg);}
#menu li.list3 {background:transparent url(images/m3.jpg);}
#menu li.list4 {background:transparent url(images/m4.jpg);}


/* Step 6 - General link styling */

#menu a {display:block; height:0; padding-top:43px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */

* html #menu a:link, * html #menu a:visited {height:43px; he\ight:0;}

/* Step 8 - Adding the background images to the link tags */

#menu a#item1 {background:transparent url(images/m1a.jpg) -200px 0px no-repeat; width:189px;}
#menu a#item2 {background:transparent url(images/m2a.jpg) -200px 0px no-repeat; width:177px;}
#menu a#item3 {background:transparent url(images/m3a.jpg) -200px 0px no-repeat; width:189px;}
#menu a#item4 {background:transparent url(images/m4a.jpg) -200px 0px no-repeat; width:190px;}


/* Step 9 - Adding the :hover style */

#menu a#item1:hover {background-position:0 0; z-index:50;}
#menu a#item2:hover {background-position:0 0; z-index:50;}
#menu a#item3:hover {background-position:0 0; z-index:50;}
#menu a#item4:hover {background-position:0 0; z-index:50;}
#menu a#item5:hover {background-position:0 0; z-index:50;}

* html #menu a:hover {height:43px; he\ight:0;}


#footer
{
font-family:Verdana, Arial, Helvetica, sans-serif;
position: relative;
float:right;
height: 20px;
padding-top: 0em;
background: #25262A;
color:#DDDDDD;
font-size: 12px;
}

#imageMenu {
	position: relative;
	width: 725px;
	height: 200px;
	overflow: hidden;
	border: 1px solid #fff;
}



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

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width: 143px;
	height: 200px;
}

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

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

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

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

#imageMenu ul li.iv5 a {
	background: url(images/iv5.jpg) repeat scroll 0%;
	width:300px;
}

.clear {
	clear: both;
}