@charset "utf-8";
/* CSS Document */



/* !Panel */
#compositePanel {
	width: 822px;
	height: 319px;
	clear: both;
	display: block;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#panelContents {
	height: 319px;
	width: 822px;
	position: absolute;
	margin: 0;
	padding:0;
	overflow:hidden;
}
#panelContents a {
	display: block;
	float: left;
}

#panelLinks {
	position: absolute;
	top: 362px;
	margin: 0;
	padding: 0;
	list-style: none;
	height:99px;
	margin:0;
	padding:0;
	font-weight: bold;
	color: #FFF;
	left: -1px;
	border: 1px solid #fff;
	width: 824px;
}


#panelLinks li {
	padding:0;
	float: left;
	margin: 0;
	height:99px;
	width:204px;
	border: 1px solid #FFF;
}
#panelLinks li a {
	color: #fff;
	display: inline-block;
	padding: 0px 0px 0 0px;
	text-align: center;
	font-size: 12px;
	height: 99px;
	width:204px;
	text-decoration: none;

}
#panelLinks li.first {
	background-image: url(../images/hpbanner_button_upmarket.jpg);
}
#panelLinks li.second {
	background-image: url(../images/hpbanner_button_intdesign.jpg);
}
#panelLinks li.third {
	background-image: url(../images/hpbanner_button_inthesub.jpg);
}
#panelLinks li.fourth {
	background-image: url(../images/hpbanner_button_news.jpg);
}
#panelLinks li.first a {

}
#panelLinks li.last a { border-right:none; }

#panelLinks li.first a:hover,#panelLinks li.first a.current:hover,#panelLinks li.first a.current  { color:#fff;}
#panelLinks li.second a:hover,#panelLinks li.second a.current:hover,#panelLinks li.second a.current  {

}
#panelLinks li.third a:hover,#panelLinks li.third a.current:hover,#panelLinks li.third a.current  {

}
#panelLinks li.fourth a:hover,#panelLinks li.fourth a.current:hover,#panelLinks li.fourth a.current  {

}
#panelLinks li.last a:hover,#panelLinks li.last a.current:hover,#panelLinks li.last a.current { color:#fff;}


#panelLinks li a.current { }

#panelLinks li a:hover { }

.menubar{
	color: #000;
}
.menubar a {
	color: #000;
	text-decoration: none;
	font-size: 11px;

}

a.menulink {
	color: #000;
	display:block;
	float:left;
	position:relative;
	height:26px;
	font-size:13px;
	font-weight: bold;
	text-decoration: none;
	background-repeat: no-repeat;
	width: 91px;
	padding-top: 7px;
	background-image: url(../images/header_off.jpg);

}
a.menulink:hover{
	color: #000;
	background-image: url(../images/header_on.jpg);
	background-repeat: no-repeat;
}

a.um_menulink{
	color: #000;
	display:block;
	float:left;
	position:relative;
	height:26px;
	font-size:13px;
	font-weight: bold;
	text-decoration: none;
	background-repeat: no-repeat;
	width: 93px;
	padding-top: 7px;
	background-image: url(../images/um_header_off.gif);

}

a.um_menulink:hover{
	color: #fff;
	background-image: url(../images/um_header_on.gif);
	background-repeat: no-repeat;
}
.hpinfo {
	height:289px;
	position:absolute;
	top:34px;
	width:792px;
	z-index:99;
	background-color: #FFF;
}
#info1 h2, #info2 h2, #info3 h2, #info4 h2, #info5 h2 {
	color: #333;
}
#info1 {
	background-image: url(../images/hpinfo1_upmarket.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

#info2 {
	background-image: url(../images/hpinfo2_designservice.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

#info3 {
	background-image: url(../images/hpinfo3_inthesun.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

#info4 {
	background-image: url(../images/hpinfo4_rightchoice.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

#info5 {
	background-position: right;
	background-repeat: no-repeat;
}

#info1, #info2, #info3, #info4, #info5 {
	padding: 15px;
	text-align: left;
}
#info1 p, #info2 p, #info3 p, #info4 p, #info5 p {
	font-size: 15px;
}
#info1 h3, #info2 h3, #info3 h3, #info4 h3, #info5 h3 {
	font-size: 16px;
	color: #000;
}

#info1 h4, #info2 h4, #info3 h4, #info4 h4, #info5 h4 {
	color: #000;
}

#info1 h3 a, #info2 h3 a, #info3 h3 a, #info4 h3 a, #info5 h3 a {
	font-weight: normal;
	color: #333;
}
.hpbanner_col_left {
	float: left;
	width: 420px;
}

#info1 h4 a, #info2 h4 a, #info3 h4 a, #info4 h4 a, #info5 h4 a {
	color: #000;
	text-decoration:none;
	font-size:16px;
	float:right;
	padding:25px 25px 0px 0px;
	
}

.plain_link:hover {
	margin-top:5px;
	color:#fff;
}