@charset "UTF-8";
/* CSS Document */

#folio {
	width: 700px;
	margin: 0 auto;
	padding-top: 40px;
	padding-left: 30px;
}
dl.menus_list dt {background:#6f9c6f; font-size:1.5em; margin:0px 0;}
dl.menus_list dd.nil {padding:0; margin:0;}
* html #menu a:link, * html #menu a:visited {
	height:151px;
	he\ight:0;
}
* html #menu a:hover {
	height:86px;
	he\ight:0;
}
/* with text */
#toprow {
	display:block;
	height:151px;
	margin:0px;
	margin-top: 25px;
}
#toprow ul {
	margin:0 auto;
	padding:0;
	list-style-type:none;
}
#toprow li {
	display:block;
	float:left;
	margin-right:15px;
	width:156px;
}
#toprow li.list1t {
	background-color: #FFF;
	background-image: url(../images/folioicons/print_book_normal.jpg);
	background-repeat: no-repeat;
}
#toprow li.list2t {
	background-color: #FFF;
	background-image: url(../images/folioicons/web_globe_normal.jpg);
	background-repeat: no-repeat;
}
#toprow li.list3t {
	background-color: #FFF;
	background-image: url(../images/folioicons/illustration_normal.jpg);
	background-repeat: no-repeat;
}
#toprow li.list4t {
	background-color: #FFF;
	background-image: url(../images/folioicons/layout_normal.jpg);
	background-repeat: no-repeat;
}
#toprow a {
	display:block;
	width:156px;
	padding-top:156px;
	color:#000;
	text-decoration:none;
	text-align:center;
	text-transform:none;
	color:#333333;
	font-size:90%;
	font-weight:bold;
}
#toprow a#item1t {
	background-color: transparent;
	background-image: url(../images/folioicons/print_book_hover.jpg);
	background-repeat: no-repeat;
	background-position: -156px -86px;
}
#toprow a#item2t {
	background-color: transparent;
	background-image: url(../images/folioicons/web_globe_hover.jpg);
	background-repeat: no-repeat;
	background-position: -156px -86px;
}
#toprow a#item3t {
	background-color: transparent;
	background-image: url(../images/folioicons/illustration_hover.jpg);
	background-repeat: no-repeat;
	background-position: -156px -86px;
}
#toprow a#item4t {
	background-color: transparent;
	background-image: url(../images/folioicons/layout_hover.jpg);
	background-repeat: no-repeat;
	background-position: -156px -86px;
}
#toprow a#item1t:hover {
	background-position:top right;
	z-index:50;
	color:#4576C6;
}
#toprow a#item2t:hover {
	background-position:top right;
	z-index:50;
	color:#0c0;
}
#toprow a#item3t:hover {
	background-position:top right;
	z-index:50;
	color:#f00;
}
#toprow a#item4t:hover {
	background-position:top right;
	z-index:50;
	color:#00CC00;
}
/* with text */
#bottomrow {
	display:block;
	height:151px;
	margin:0px;
	margin-top: 75px;
}
#bottomrow ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#bottomrow li {
	display:block;
	float:left;
	margin-right:15px;
	width:156px;
}
#bottomrow li.list5t {
	background-color: #FFF;
	background-image: url(../images/folioicons/logos_normal.jpg);
	background-repeat: no-repeat;
}
#bottomrow li.list6t {
	background-color: #FFF;
	background-image: url(../images/folioicons/brochure_normal.jpg);
	background-repeat: no-repeat;
}
#bottomrow li.list7t {
	background:#FFF url(../images/folioicons/gui_normal.jpg) no-repeat;
}
#bottomrow li.list8t {
	background:#FFF url(../images/folioicons/flash_normal.jpg) no-repeat;
}
#bottomrow a {
	display:block;
	width:156px;
	padding-top:156px;
	color:#000;
	text-decoration:none;
	text-align:center;
	text-transform:none;
	color:#333333;
	font-size:90%;
	font-weight:bold;
}
#bottomrow a#item5t {
	background-color: transparent;
	background-image: url(../images/folioicons/logos_hover.jpg);
	background-repeat: no-repeat;
	background-position: -156px -86px;
}
#bottomrow a#item6t {
	background-color: transparent;
	background-image: url(../images/folioicons/brochures_hover.jpg);
	background-repeat: no-repeat;
	background-position: -156px -86px;
}
#bottomrow a#item7t {
	background:transparent url(../images/folioicons/gui_hover.jpg) -156px -86px no-repeat;
}
#bottomrow a#item8t {
	background:transparent url(../images/folioicons/flash_hover.jpg) -156px -86px no-repeat;
}
#bottomrow a#item5t:hover {
	background-position:top right;
	z-index:50;
	color:#fc0;
}
#bottomrow a#item6t:hover {
	background-position:top right;
	z-index:50;
	color:#0c0;
}
#bottomrow a#item7t:hover {
	background-position:top right;
	z-index:50;
	color:#f00;
}
#bottomrow a#item8t:hover {
	background-position:top right;
	z-index:50;
	color:#0ff;
}
