html, body 
{
    font-family:verdana;
	font-size:12px;
	margin: 0;
    padding: 0;
}

#header-wrapper
{
    position: relative;
    width: 100%;
    height: 150px;
    padding: 0;
    background-image: url('../images/header_background.png');
}

#header
{
    position: relative;
    margin-top: -10px;
    margin-left: auto;
    margin-right: auto;
    width: 1100px;
    height: 150px;
    background-image: url('../images/header_background.png');
}

#header-logo
{
    position: relative;
    width: 252px;
    height: 118px;
    margin-left: -8px;
    margin-top: -16px;
    z-index: 3000;
    background-image: url('../images/header_logo.png');
}

#header-infact-logo
{
   position: relative;
    width: 230px;
    height: 56px;
    margin-left: 900px;
    margin-top: -95px;
    z-index: 3001;
    background-image: url('../images/infact-logo.png');
}

#container
{
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
}

#content
{
    position: relative;
    width: 1100px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    min-height: 575px;
}

#footer
{
    position: relative;
    width: 100%;
    height: 200px;
    margin-top: 20px;
    padding: 0;
    background-image: url('../images/footer_background.png');
    font-family:verdana;
    font-size:11px;
    color:#ffffff;
   }

#footer ul
{
    position: relative;
    margin-top: 5px;
    padding-top: 10px;
    margin-left: 370px; 
}


#footer ul li
{
    list-style-type: none;
    height: 36px;
    display: inline;

}

#footer ul li a
{
    padding-left: 20px;
    padding-right: 20px;
   text-decoration: none;
   height: 100%;
      text-align: center;
   outline: 0;}

#footer li a:link {color:#ffffff;}      
#footer li a:visited {color:#ffffff;}  
#footer li a:hover {color:#777777;}  
#footer li a:active {color:#ffffff;}

/*Tile Menu*/
#tile-menu
{
    position: absolute;
    margin-top: 5px;
    width: 240px;
    height: 575px;
    float: left;
}


#tile-menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#tile-menu li
{  
    display: inline-block;
    float: left;
    height: 112px;
    width: 112px;
    margin: 1px 1px 1px 1px;
    padding: 0;
}

/*Tile Menu Links*/
#tile-menu a
{
    font-size: 18px;
    text-align: center;
    padding-top: 42px;
    display: block;
    width: 112px;
    height: 112px;
    text-decoration: none;
    font-family: Segoe UI Semibold, Sans-Serif; 
    color: #ffffff;
    font-weight:bold;
    outline-style: none;
}

#tile-menu a:visited
{
    text-decoration: none;
}

#tile-1
{
    background-image: url('../images/tile-1.png');
}

#tile-1-faded
{
    background-image: url('../images/tile-1-faded.png');
}

/* tile set 1 */

#tile-2-1
{
    background-image: url('../images/tile-2.png');
}

#tile-3-1
{
    background-image: url('../images/tile-3.png');
}

#tile-4-1
{
    background-image: url('../images/tile-4.png');
}

#tile-5-1
{
    background-image: url('../images/tile-5.png');
}

#tile-6-1
{
    background-image: url('../images/tile-6.png');
}

/* tile set 2 */

#tile-2-2
{
    background-image: url('../images/tile-2.png');
}

#tile-3-2
{
    background-image: url('../images/tile-3.png');
}

#tile-4-2
{
    background-image: url('../images/tile-4.png');
}

#tile-5-2
{
    background-image: url('../images/tile-5.png');
}

#tile-6-2
{
    background-image: url('../images/tile-6.png');
}

/* tile set 3 */

#tile-2-3
{
    background-image: url('../images/tile-2.png');
}

#tile-3-3
{
    background-image: url('../images/tile-3.png');
}

#tile-4-3
{
    background-image: url('../images/tile-4.png');
}

#tile-5-3
{
    background-image: url('../images/tile-5.png');
}

#tile-6-3
{
    background-image: url('../images/tile-6.png');
}

/* tile set 4 */

#tile-2-4
{
    background-image: url('../images/tile-2.png');
}

#tile-3-4
{
    background-image: url('../images/tile-3.png');
}

#tile-4-4
{
    background-image: url('../images/tile-4.png');
}

#tile-5-4
{
    background-image: url('../images/tile-5.png');
}

#tile-6-4
{
    background-image: url('../images/tile-6.png');
}

/* tile set 5 */

#tile-2-5
{
    background-image: url('../images/tile-2.png');
}

#tile-3-5
{
    background-image: url('../images/tile-3.png');
}

#tile-4-5
{
    background-image: url('../images/tile-4.png');
}

#tile-5-5
{
    background-image: url('../images/tile-5.png');
}

#tile-6-5
{
    background-image: url('../images/tile-6.png');
}

#tile-7
{
    background-image: url('../images/tile-7.png');
}

#tile-7-faded
{
    background-image: url('../images/tile-7-faded.png');
}

#tile-8
{
    background-image: url('../images/tile-8.png');
}

#tile-8-faded
{
    background-image: url('../images/tile-8-faded.png');
}

#tile-9
{
    background-image: url('../images/tile-9.png');
}

#tile-9-faded
{
    background-image: url('../images/tile-9-faded.png');
}

#tile-10
{
    background-image: url('../images/tile-10.png');
}

#tile-10-faded
{
    background-image: url('../images/tile-10-faded.png');
}

/*CMS content page (this is the dynamially generated part of */
#page
{
    float: right;
    margin-left: auto;
    margin-right: auto;
    width: 830px;
}

#page-nav
{
    position: relative;
    margin-top: -25px;
    margin-left: 253px;
    font-size: 12px;
    width: 826px;
    height: 38px;
    }

#page-content
{
    position: relative;
    overflow: hidden;
    width: 864px;
}


/*Essential for the Navigation Menu*/

.page-nav-menu, .page-nav-menu * {
	padding:		0;
	list-style:		none;
}
.page-nav-menu 
{
    margin-top:			2px;
    margin-left: 5px;
	margin-bottom:		2px;
}
.page-nav-menu ul {
	position:		absolute;
	width:			10em; /* left offset of submenus need to match (see below) */
	z-index: 900;
}
.page-nav-menu ul li 
{
	width:			100%;
	z-index: 900;
}
.page-nav-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.page-nav-menu li {
	float:			left;
	position:		relative;
}
.page-nav-menu a {
	display:		block;
	position:		relative;
}
.page-nav-menu li:hover ul,
.page-nav-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.page-nav-menu li:hover li ul,
ul.page-nav-menu li.sfHover li ul {
	top:			-999em;
}
ul.page-nav-menu li li:hover ul,
ul.page-nav-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.page-nav-menu li li:hover li ul,
ul.page-nav-menu li li.sfHover li ul {
	top:			-999em;
}
ul.page-nav-menu li li li:hover ul,
ul.page-nav-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** Navigation Menu SKIN ***/
.page-nav-menu {
	float:			left;
	margin-bottom:	1em;
}
.page-nav-menu a {
	padding: .6em 1em;
	text-decoration:none;
}
.page-nav-menu a, .page-nav-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
}
.page-nav-menu li {
	background-color: transparent;
}
.page-nav-menu li li {
	background-image: url('../images/child_menu_background.png');
}
.page-nav-menu li li li {
	background-image: url('../images/child_menu_background.png');
}
.page-nav-menu li.sfHover,
.page-nav-menu a:focus, .page-nav-menu a:active {
	color: #ffffff;
	outline:		0;
}

.page-nav-menu a:hover
{
  background:		#000000;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
  outline:		0;
}


.clear
{
    clear: both;
}