html { background: url(../img/index-bg.png) repeat-x center top #fcfcea; }
body { background: url(../img/index-body-bg.jpg) no-repeat center top; font: 12px/16px Arial,sans-serif; }

/* HEADER */
header { height: 216px; }
#topOfPage hgroup { height: 180px; }
#topOfPage h1 { height: 70px; }
#topOfPage p {
	font-size: 15px;
	line-height: 20px;
	color: #5d5b3c;
	height: 110px;
}

/* MAIN */
#mainSection h2,
#mainSection h3 {
	font-family: Helvetica, Arial, sans-serif;
}

#mainSection {
	position: relative;
	z-index: 0;
	width: 650px;
	float: right;
}

#mainSection article {
	padding-top: 11px;
	background: #fff;
	position: relative;
	background: url(../img/article-header-bg.png) repeat-x 0 0 #fff;
	width: 650px;
}

#mainSection h1 { line-height: 0; }

#mainSection h2 {
	font-size: 16px;
	line-height: 18px;
	position: absolute;
	left: 5px;
	top: 6px;
	z-index: 10;
}

#mainSection h3 {
	padding-left: 5px;
	font-size: 14px;
	line-height: 16px;
}

#mainSection h3#proListIai {
	margin-top: -35px;
	position: relative;
	z-index: 10;
}

p.accorodionTrigger {
	margin: 0;
	padding: 0;
	color: #2a6d89;
	font-size: 16px;
	position: absolute;
	right: 8px;
	top: 5px;
	cursor:pointer;
}

#mainSection ul { margin-left: 15px; }
#mainSection ul li {
	padding: 0 10px 16px 0;
	width: 200px;
	float: left;
	position: relative;
}
#mainSection ul li a {
	display: block;
	width: 200px;
	height: 95%;
	color: #000;
}
#mainSection ul li a:hover:after {
	content: " ";
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0;
	width: 200px;
	height: 95%;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: inset 0 0 20px -5px #c66;
	-webkit-box-shadow: inset 0 0 20px -5px #c66;
	box-shadow: inset 0 0 20px -5px #c66;
}
#mainSection ul li.vLine {
	background: url(../img/product-v-line.png) no-repeat right top;
}
#mainSection ul li.hvLine {
	background:
		url(../img/product-v-line.png) no-repeat right top,
		url(../img/product-h-line.png) no-repeat left bottom;
	-pie-background:
		url(../img/product-v-line.png) no-repeat right top,
		url(../img/product-h-line.png) no-repeat left bottom;
	behavior: url(/css/PIE.htc);
}
#mainSection ul li p {
	padding-left: 5px;
	line-height: 14px;
}
#mainSection ul li p.img {
	padding-left: 0;
}
#mainSection ul li p.img img {
	display: block;
	position: relative;
	z-index: 0;
}

/* ASIDE */
aside {
	width: 300px;
	float: left;
}

aside section,
aside section article {
	position: relative;
}

/* ASIDE > #slider */
#slider {
	width: 298px;
	height: 248px;
	border: 1px solid #b9168d;
}

#slider h2 {
	font-size: 20px;
	line-height:24px;
	position: absolute;
}
#slider p {
	position: absolute;
}
#slider a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}


#slidBanner1 {
	background: url(../img/ban-01.jpg) no-repeat;
}
#slidBanner1 h2 {
	left: 195px;
	top: 10px;
	color: #fff;
}
#slidBanner1 p {
	left: 195px;
	top: 65px;
	color: #fff;
}
#slidBanner2 {
	background: url(../img/ban-02.jpg) no-repeat;
}
#slidBanner2 h2 {
	left: 87px;
	top: 190px;
	width: 211px;
	text-align: center;
	color: #060;
}
#slidBanner2 p {
	left: 87px;
	top: 160px;
	width: 211px;
	text-align: center;
}
#slidBanner3 {
	background: url(../img/ban-03.jpg) no-repeat;
}
#slidBanner3 h2 {
	left: 5px;
	top: 5px;
	color: #05a;
}
#slidBanner3 h2 em {
	font-size: 26px;
}


#topics {
	margin-top: 18px;
	padding-bottom: 5px;
	background: url(../img/topics-footer.png) no-repeat left bottom #fff;
}

#topics header {
	margin: 0;
	width: 276px;
	height: auto;
	padding: 0 0 5px;
}

#topics header p {
	width: 47px;
	height: 42px;
	display: inline-block;
	vertical-align: middle;
}

#topics h2 {
	width: 220px;
	font-size: 14px;
	line-height:16px;
	display: inline-block;
	vertical-align: middle;
}

#topics article {
	border-left: 2px solid #034085;
	border-right: 2px solid #034085;
	padding: 4px 10px;
	width: 276px;
}

#topics article .date {
	padding: 3px 0;
	text-align: right;
	border-bottom: 1px dotted #034085;
	color: #034085;
}

#indService {
	margin-top: 30px;
	background: -moz-linear-gradient(right top, #fff, #fcfcea);    /* FireFox */
	background: -webkit-gradient(linear, 100% 0, 0 100%, from(#fff), to(#fcfcea));    /* old Safari */
	background: -webkit-linear-gradient(right top, #fff, #fcfcea);    /* Safari Crome */
	background: -o-linear-gradient(right top, #fff, #fcfcea);    /* Opera */
	background: linear-gradient(right top, #fff, #fcfcea);    /* official */
	-webkit-box-shadow: 1px -1px 1px #e8e8d7;
	-moz-box-shadow: 1px -1px 1px #e8e8d7;
	box-shadow: 1px -1px 1px #e8e8d7;
}

#indService:after {
	position: absolute;
	width: 130px;
	height: 130px;
	content: ' ';
	top: 10px;
	right: 10px;
	-webkit-transform: skew(-5deg, -5deg);
	-moz-transform: skew(-5deg, -5deg);
	-ms-transform: skew(-5deg, -5deg);
	-o-transform: skew(-5deg, -5deg);
	transform: skew(-5deg, -5deg);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 6px -6px 12px rgba(0, 0, 0, 0.3);
	z-index: -1;
}

#indService article {
	margin-left: -1px;
	padding:5px 0;
}

#indService h1 {
	padding-top: 12px;
}

#indService h2 {
	margin: 0 0 4px 58px;
	font-size: 16px;
	line-height: 18px;
}

#indService a { color: #db3400; }
#indService a:hover { color: #c66 }

#indService p {
	margin-left: 58px;
	padding-right: 10px;
}

#indService p.icon {
	margin-left: 0;
	padding-right: 0;
	float: left;
}

/* CLEAR FIX */
#indService article:after,
#mainSection ul:after {
	content:"";
	clear:both;
	display:block;
	height:0;
}