/* FOR ALL */

html, body {
	height: 100%;
}

body {
	background: #fff;
}

body, a, table, h1 {
	color: #7f7f7f;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
}

h1 {
	color: #000100;
	font-size: 24px;
	font-weight: bold;
	line-height: 18px;
}

a {
	color: #000100;
	text-transform: none;
}
	a:hover {
		text-decoration: none;
	}
.hFloat:after {
    content: "";
    font-size: 0px;
    line-height: 0px;
    visibility: hidden;
    display: block;
    clear: both;
}

div.main {
	width: 898px;
	margin: 0px auto;
	padding-top: 45px;
	position: relative;
}
 div.main h1.logo {
 	position: absolute;
	top: 45px;
	left: 0px;
 }
  div.main h1.logo a {
  	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/logo.gif);
	width: 66px;
	height: 24px;
  }
 div.main div.menu {
 	clear: both;
 }
  div.main div.menu ul {
  	float: right;
  }
	div.main div.menu ul li {
		float: left;
		display: inline;
		margin-left: 2px;
		width: 72px;
		text-align: center;
		position: relative;
		background-color: #000;
		color: #fefefe;
		padding-bottom: 1px;
	}
	div.main div.menu ul li, div.main div.menu ul li a {
		line-height: 19px;
		text-decoration: none;
	}
	div.main div.menu ul li a {
		display: block;
	}
   div.main div.menu ul li.act {  }
    div.main div.menu ul li.act span.ang {
	 	position: absolute;
		top: 20px;
		left: 50%;
		margin-left: -5px;
		display: block;
		width: 10px;
		height: 5px;
		font-size: 0px;
		line-height: 0px;
	 }
     div.main div.menu ul li.act span.ang span.r {
	  	border-top: 5px solid;
		border-right: 5px solid #fff;
		display: block;
		float: left;
	  }
     div.main div.menu ul li.act span.ang span.l {
	  	border-top: 5px solid;
		border-left: 5px solid #fff;
		display: block;
		float: left;
	  }
	  div.main div.menu ul li.act span.ang_l1 span.r, div.main div.menu ul li.act span.ang_l1 span.l {
	  	border-top-color: #000;
	  }
   div.main div.menu ul li.l2 {
	background-color: #F23A0D;
	}
    div.main div.menu ul li.act span.ang_l2 span.r, div.main div.menu ul li.act span.ang_l2 span.l {
	 	border-top-color: #ee0031;
	 }
   div.main div.menu ul li.l3 {
		background-color: #ffcc00;
	}
	 div.main div.menu ul li.act span.ang_l3 span.r, div.main div.menu ul li.act span.ang_l3 span.l {
	 	border-top-color: #ffcc00;
	 }
   div.main div.menu ul li.l4 {
		background: #86a519 url(../images/bg_li_4.gif) repeat-x;
	}
	 div.main div.menu ul li.act span.ang_l4 span.r, div.main div.menu ul li.act span.ang_l4 span.l {
	 	border-top-color: #86a519;
	 }
 
 div.main div.list {
 	clear: both;
	margin: 33px 0px;
 }
  div.main div.list ul {
  	margin-left: -12px;
  }
   div.main div.list ul li {
		float: left;
		display: inline;
		margin-left: 12px;
		height: 168px;
	}
    div.main div.list ul li img {
	 	
	 }
    div.main div.list ul li div {
	 	margin-top: 2px;
	 }
	 
/* Popup Styles */
.popup-frame {
	position: absolute;
	top:0;
	left:0;
	z-index:999;
	width:100%;
	height:100%;
	}
.popup-closed {
	position:absolute;
	width:0;
	height:0;
	}
.popup-shadow {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0;
	}
.popup-loader {
	position:absolute;
	top:50%;
	left:50%;
	overflow:hidden;
	margin:-40px 0 0 -40px;
	width:80px;
	height:80px;
	background:#000 url(../images/spinner.gif) 25px 25px no-repeat;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	opacity:.5;
	}
	.popup-loader IMG {
		display:block;
		opacity:0;
		}
.popup-loaded {
	background-image:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	}
.popup-canvas {
	overflow:visible;
	opacity:1;
	}
	.popup-canvas span {
		position:absolute;
		top:-12px;
		right:-15px;
		width:28px;
		height:28px;
		background: url(../images/close.png) no-repeat;
		cursor:pointer;
		}