/*========================================================
		Body Part
========================================================*/
body {
	margin: 0px;
	padding: 0px;
	background:url(../images/centerbg.jpg) repeat-x left 150px #D6EDF5;
	font-family:Arial;
}
#centerbg {
	background:url(../images/topbg.jpg) repeat-x left top;
}
#bottombg {
	background:url(../images/colorbg.jpg) repeat-x left bottom;
	padding:9px 0px 9px 0px;
}
#wrapper {
	width:950px;
	padding:0px;
	margin:0px auto 0px auto;
	display:table;
	position:relative;
}
/*========================================================
		Common classes
========================================================*/
a {	
	text-decoration:none;
}
h1, h2, h3, h4, h5, p {
	margin:0px;
	padding:0px 0px 10px 0px;
}
h2 {
	border-bottom:1px solid #1F1A17;
}
h3 {
	font-family:Arial;
	font-size:15px;
	color:#0081A9;
	padding-top:10px;
}
img {
	border:0px;
}
.bold {
	font-weight:bold;
}
.text-center {
	text-align:center;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-top {
	vertical-align:top;
}
.text-bottom {
	vertical-align:bottom;
}
.flot-left {
	float:left;
}
.flot-right {
	float:right;
}
.blutext {
	color:#0081A9;
}
.colorgrey {
	color:#585858;
}
.paddlft15 {
	padding-left:15px;
}
.paddright10 {
	padding-right:10px;
}
.paddtop10 {
	padding-top:10px;
}
.fntsize11 {
	font-size:11px;
}
.fntsize12 {
	font-size:12px;
}
.fntsize13 {
	font-size:13px;
}
.fntsize15 {
	font-size:15px;
}
.fntsize20 {
	font-size:20px;
}
.linhight16 {
	line-height:16px;
}
/*========================================================
		hover classes
========================================================*/
.black a {
	color:#333333;	
	text-decoration:none;
}
.black a:hover {
	color:#34BBE3;
	text-decoration:none;
}
/*========================================================
		Header Part
========================================================*/
#header { width:950px; height:93px; padding:14px 0px 13px 0px; }
#header .logo { width:227px; float:left;}
#header .callusbanner{ width:254px; float:right; }


/*========================================================
		Navigation Part
========================================================*/

#navigation {
	background:url(../images/navibg.jpg) no-repeat left top;
	line-height:38px;
	width:930px;
	height:38px;
	padding:2px 10px 0px 10px;
}
ul.navi {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.navi li {
	float:left;
}

/*navigation css */


ul#nav {
	padding:0px;
	margin:0px;
	z-index:5000;
}
ul#nav ul {
	position:absolute;
	display:none;
	width:180px;
}
ul#nav li {
	display:inline;
	float:left;
	position:relative;
	padding:0px;
}
ul#nav li a {
	display: block;
	color:#ACABAB;
	float:left;
	text-decoration: none;
}
ul#nav li ul {
    position: absolute;
	float:left;	 /* hidding submenus */
	display:none;
	top:38px;
	margin:0px;
	padding:0px 0px 6px 0px;
	left:0px;
	font-family:Arial,;
	font-size:12px;
	color:#FFFFFF;
	background-color:#1E2B3E;
	font-weight:bold;
	line-height:30px;	
		/*  For Change Background color and add image of background */ 
/*	border-bottom:3px solid #232B40;	*/
}
ul#nav  li:hover ul,
ul#nav  li.over ul /* This is for Internet Explorer 6  */ {
    display: block;
	float:left;
	cursor:pointer;
	width:180px;
    position: absolute;
    z-index: 3500;

}
ul#nav  li ul li {
	left:0px;
    color: #eeeeee;
	width:180px;
	padding:0px!important;	
}
ul#nav  li:hover ul li a,
ul#nav  li.over ul li a {
    display: block;
    padding:0px 0px 0px 5px;
	margin:0px;
    text-decoration: none;
    color: #eeeeee;
	width:175px;
}

ul#nav li ul li a:hover {
    color: #42BCE1;
	display:block;
	width:180px;	
}

ul#nav li.active a,
ul#nav li a:hover,
ul#nav li:hover a,
ul#nav li.over a {
	color:#42BCE1;
}

/*========================================================
		Centerpart Part
========================================================*/
#centerpart {
	width:950px;
	padding:20px 0px 0px 0px;
}
#centerpart .centertop {
	background:url(../images/centertop.jpg) no-repeat left top #ffffff;
	width:950px;
	float:left;
}
#centerpart .centerbottom {
	background:url(../images/centerbottom.jpg) no-repeat left bottom;
	padding:19px 18px 17px 17px;
	float:left;
	width:915px;		
}
.homepagebanner {
	width:608px;
	float:left;
}
.welcomepart {
	padding-bottom:18px;
	float:left;
}
.welcometext {
	width:270px;
	float:left;
	padding:20px 12px 0px 21px; 
	font-size:12px;
	line-height:20px;
	color:#333333;
	background:url(../images/welcomebg.jpg) repeat-x left top;
}
.teaserarea {
	background:url(../images/teaserbg.jpg) repeat-x left top;
	font-size:12px;
	color:#333333;
	float:left;		
	line-height:16px;
}
.divider {
	background:url(../images/divider.jpg) no-repeat right top;
	float:left;		
}
.teaser {
	width:258px;
	float:left;		
	padding:22px 20px 0px 25px;
}
.teaser1 {
	width:258px;
	padding:22px 20px 0px 25px;
}
/*========================================================
		inner Part
========================================================*/
.insidebanner {
	width:912px;
	padding:0px 0px 17px 0px;
}
.inner {
	font-family:Arial;
	font-size:12px;
	line-height:20px;
	color:#333333;
	padding:0px 25px 25px 15px;
}
.inner a {
	color:#0081A9;
}
.inner a:hover {
	color:#666666;
}
.inner ul {
	margin:0px;
	padding:0px 10px 10px 50px;
	list-style:none;
}
.inner ul li {
	background:url(../images/bulet.jpg) no-repeat left 4px;
	padding-left:20px;
	line-height:22px;
}
.hdivider {
	background:url(../images/hdivider.jpg) center top no-repeat;
	height:19px;
	padding-bottom:20px;
}
.inheader {
	background:url(../images/all_header.jpg) left top no-repeat;
	font-family:Arial;
	font-size:22px;
	color:#333333;
	padding:0px 40px 0px 50px;
	line-height:52px;
}

/*========================================================
		Footer part
========================================================*/
#footer {
	padding:10px 0px 30px 0px;
	font-size:11px;
	width:950px;
	margin:0 auto 0 auto;
	font-size:11px;
	color:#666666;
	line-height:17px;
	text-align:center;
}
#footer a {
	color:#666666;
}
#footer a:hover, #footer a.selected {
	color:#0099CC;
}


.leftblock {
	float:left;
	width:410px;
	padding:20px;
}
.icona { background:url(/images/a.jpg) no-repeat left top; padding-left:45px; line-height:35px; }
.iconb { background:url(/images/b.jpg) no-repeat left top; padding-left:45px; line-height:35px; }

.footerlogo { background:url(../images/epsilogic_logo.png) no-repeat right center; padding-right:20px; cursor:pointer;}
