@charset "utf-8";
body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	background: #F2F2F2;
}
#home-bg { background: #FFFFFF url(../images/bg-home.jpg) repeat-x center top; }
#sub-bg { background: #FFFFFF url(../images/bg-sub.jpg) repeat-x center top; }
#container {
	margin: 0px auto;
	width: 960px;
	padding-top: 2px;
}
#main-nav {
	display: block;
	background: url(../images/spr-menu.gif) no-repeat;
	height: 31px;
	margin-bottom: 5px;
}
#main-nav li {
	display: inline-block;
	float: left;
}
#main-nav a {
	display: block;
	text-indent: -10000px;
	line-height: 31px;
	text-transform: uppercase;
	text-align: center;
	/*margin-left: 1px;*/
}
#main-nav .home { width: 72px;}
#main-nav .about { width: 94px; }
#main-nav .prodesign { width: 139px; }
#main-nav .prorange { width: 135px; }
#main-nav .application { width: 111px; }
#main-nav .trial { width: 128px; }
#main-nav .faq { width: 62px; }
#main-nav .casestudy { width: 107px; }
#main-nav .contact { width: 112px; }
#main-nav .current a, #main-nav a:hover { background:url(../images/spr-menu.gif) no-repeat; }
#main-nav .home:hover, #main-nav .current .home { background-position:0 -31px; }
#main-nav .about:hover, #main-nav .current .about { background-position:-72px -31px; }
#main-nav .prodesign:hover, #main-nav .current .prodesign { background-position:-166px -31px; }
#main-nav .prorange:hover, #main-nav .current .prorange { background-position:-305px -31px; }
#main-nav .application:hover, #main-nav .current .application { background-position:-440px -31px; }
#main-nav .trial:hover, #main-nav .current .trial { background-position:-551px -31px; }
#main-nav .faq:hover, #main-nav .current .faq { background-position:-679px -31px; }
#main-nav .casestudy:hover, #main-nav .current .casestudy { background-position:-741px -31px; }
#main-nav .contact:hover, #main-nav .current .contact { background-position:-848px -31px; }
#cumi-logo { float: left; }
#cerdak-logo {
	float: left;
	margin-left: 125px;
}
#murugappa-logo { float: right; }
#banner { margin-top: 3px; }
#sub-bg #banner img {
	height: 175px;
	width: 960px;
}
#slide-holder {
	display: block;
	float: left;
	width: 708px;
}
#banner-cont {
	float: left;
	display: block;
	background: url(../images/bg-banner-cont.jpg) no-repeat center top;
	height: 225px;
	padding: 110px 35px 20px;
	width: 182px;
}
#banner-cont h1 {
	background: url(../images/hd-why-cerdak.gif) no-repeat;
	line-height: 50px;
	text-indent: -10000px;
}
#banner-cont p {
	line-height: 18px;
	padding-bottom: 25px;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 5px;
}
#banner-cont .ebro, #banner-cont .video {
	display: block;
	width: 177px;
	margin: 5px auto 0px;
	height: 42px;
	text-indent: -10000px;
	clear: both;
}
#banner-cont .ebro:hover { background: url(../images/btn-ebro.jpg) no-repeat; }
#banner-cont .video:hover { background: url(../images/btn-video.jpg) no-repeat; }
#banner-cont .ebro { background: url(../images/btn-ebro-hover.jpg) no-repeat; }
#banner-cont .video { background: url(../images/btn-video-hover.jpg) no-repeat; }
#main-cont {
	background: url(../images/bg-content.gif) repeat-y center top;
	margin-top: 2px;
}
#content {
	width: 707px;
	float: left;
	padding: 0px 0px 15px;
}
#content h1 {
	font: normal 18px/36px Verdana, Arial, Helvetica, sans-serif;
	color: #214092;
	background: #F2F2F2;
	text-indent: 15px;
	border-top: 3px solid #214092;
	margin-bottom: 10px;
}
#content h2 {
	font-size: 14px;
	color: #003366;
	padding-bottom: 10px;
	padding-top: 10px;
}
#content h3 {
	font-size: 12px;
	color: #006699;
	padding-bottom: 10px;
	padding-top: 10px;
}
#content p {
	line-height: 18px;
	font-size: 12px;
	padding-bottom: 15px;
}
#content ul {
	margin-left: 25px;
	margin-bottom: 10px;
}

#content li {
	background: url(../images/bt-arrow.gif) no-repeat left 10px;
	text-indent: 15px;
	line-height: 24px;
	font-size: 12px;
}
#content ol {
	margin-left: 25px;
	list-style: decimal;
}
#content ol li { background: url(none); }
#cont {
	padding-right: 15px;
	padding-left: 15px;
}
#cont a {
	color: #006699;
	text-decoration: none;
}
#cont a:hover { text-decoration: underline; }
#cont .protbl {
	width: 90%;
	margin: 0 auto;
	background: #F2FAFF;
}
.protbl td {
	border: 1px solid #006699;
	text-align: center;
	padding: 5px;
}

.protbl .tbl-head td {
	background: #006699;
	color: #FFFFFF;
	padding: 5px;
}
.tbl-head strong { font-size: 14px; }
.protbl .tbl-title td {
	background: #C9E9F5;
	color: #006699;
	font-weight: 700;
}
#cont a.top {
	text-align: right;
	line-height: 42px;
}
#faq li {
	list-style: decimal outside;
	padding-bottom: 15px;
	line-height: 24px;
	text-indent: 0px;
}
.more {
	float: right;
	background: url(../images/btn-more.gif) no-repeat;
	height: 13px;
	width: 33px;
	text-indent: -10000px;
}

#content .more { margin-right: 20px; }
#right-cont .more {
	margin-right: 35px;
	margin-bottom: 5px;
}
#banner-cont .more { margin-top: -35px; }
#content .cont-column {
	width: 315px;
	padding: 0px 15px 0px 0px;
	float: left;
}
#advantage { line-height: 24px; }
#right-cont {
	width: 251px;
	float: right;
}
#right-cont h1 {
	font: normal 18px/36px Verdana, Arial, Helvetica, sans-serif;
	color: #214092;
	background: #F2F2F2;
	text-indent: 25px;
	border-top: 3px solid #214092;
}
#right-cont ul {
	list-style: disc;
	margin-left: 35px;
	margin-top: 10px;
	margin-right: 25px;
}
#right-cont li {
	font-size: 12px;
	line-height: 18px;
}
#right-cont p {
	padding: 10px 15px 15px 25px;
	line-height: 18px;
}
#right-cont a {
	text-decoration: none;
	color: #CC0000;
	font-style: italic;
}
#right-cont a:hover { text-decoration: underline; }
#footer-bg { background: url(../images/bg-footer.gif) repeat-x center top; }
#footer {
	padding: 15px 25px;
	text-align: center;
	margin: 0px auto;
	width: 910px;
	font-size: 11px;
}
#footer a {
	text-decoration: none;
	color: #333333;
	padding-right: 6px;
	padding-left: 5px;
}
#footer a:hover { text-decoration: underline; }
#footer .design { padding: 0px; }
#footer p { padding-top: 15px; }