/******************************************************** **************MAIN**********************************************************************/

*{border:0;margin:0;padding:0;}

html{margin: 0;padding: 0;}

body {margin: 0;margin-bottom: 0px;background-color: #616b84;padding: 0;}

a:link {text-decoration: none;color: #688DBD; font-weight: bold;}

a:visited {text-decoration: none;color: #688DBD; font-weight: bold;}

a:hover, a:active {text-decoration: underline;color: #688DBD; font-weight: bold;}

p{padding-bottom: 5px; text-align: left;}

.title{color: #394D68; font-weight: bold; font-size: 11px;}

.news{color: #394D68; font-weight: bold; font-size: 8px;}

.imgstyle{padding-top: 5px; position: absolute; left: 0px;}

.designer{float: right; left: 0px; position: absolute; top: 0px; left: 530px;}

.just{text-align: justify;}





.headcore

{

	color: #394D68; 

	font-weight: bold; 

	font-size: 21px;

	top: 220px;

	left: 20px;

	width: 700px;

	height: 20px;

	float: left;

	position: absolute;

	z-index: 2;

}

.head1

{

	color: #394D68; 

	font-weight: bold; 

	font-size: 21px;

	top: 425px;

	left: 20px;

	width: 124px;

	height: 20px;

	float: left;

	position: absolute;

	z-index: 2;

}

.head2

{

	color: #394D68; 

	font-weight: bold; 

	font-size: 21px;

	top: 425px;

	left: 295px;

	width: 85px;

	height: 22px;

	float: left;

	position: absolute;

	z-index: 2;

}

.head3

{

	color: #394D68; 

	font-weight: bold; 

	font-size: 21px;

	top: 217px;

	left: 570px;

	width: 200px;

	height: 23px;

	float: right;

	position: absolute;

	z-index: 2;

}

/***********************************************************************HEADER***********************************************************************/

#header

 {

	width: 775px;

	height: 179px;

	margin: 0 auto;

	background: url(images/header.jpg) no-repeat;

}

/**********************************************************************FOOTER***********************************************************************/

#footer-div

{

	bottom: 50px;

	width: 770px;

	height: 50px;

	margin: 0 auto;

	position: relative;

	background-color: #000000;	

}

#footer-txt

{

	bottom: -3px;

	left: 1px;

	width: 775px;

	height: 5px;

	margin: 0 auto;

	position: relative;

	font: 10px Verdana, serif;

	color: #ffffff;

	font-weight: normal;

}

/**********************************************************************BOX1***********************************************************************/

#box1

{

	top: -5px;

	left: 20px;

	width: 265px;

	height: 200px;

	margin: 0 auto;

	float: left;

	position: absolute;

	padding-top: 10px;

	background: url(images/panel-bg.jpg) repeat-x;

}

#box1-content

{

	text-align: justify;

	line-height: 12px;

	font: 11px Verdana, serif;

	color: #40546F;

	line-height: 13px;

	padding: 0px 10px 7px 7px;

	position: relative;

}

/**********************************************************************BOX2***********************************************************************/

#box2

{

	top: -5px;

	left: 295px;

	width: 265px;

	height: 200px;

	margin: 0 auto;

	float: left;

	position: absolute;

	padding-top: 6px;

	background: url(images/panel-bg.jpg) repeat-x;

}

#box2-content

{

	text-align: left;

	line-height: 12px;

	font: 11px Verdana, serif;

	color: #40546F;

	line-height: 13px;

	padding: 5px 6px;

	position: relative;

}

/**********************************************************************BOX3***********************************************************************/

#box3

{

	top: -212px;

	left: 570px;

	width: 200px;

	height: 370px;

	margin: 0 auto;

	float: right;

	text-align: justify;

	line-height: 12px;

	font: 11px Verdana, serif;

	color: #40546F;

	padding: 5px 5px;

	position: absolute;

	padding-top: 10px;

	background: url(images/panel-bg.jpg) repeat-x;

}



/**********************************************************************COREBOX***********************************************************************/

#corebox

{

	top: 250px;

	left: 20px;

	width: 240px;

	height: 370px;

	margin: 0 auto;

	float: left;

	text-align: justify;

	line-height: 12px;

	font: 11px Verdana, serif;

	color: #40546F;

	padding: 5px 5px;

	position: absolute;

	padding-top: 10px;

	background: url(images/panel-bg.jpg) repeat-x;

}

#corebox2

{

	top: 250px;

	left: 275px;

	width: 240px;

	height: 370px;

	margin: 0 auto;

	float: left;

	text-align: justify;

	line-height: 12px;

	font: 11px Verdana, serif;

	color: #40546F;

	padding: 5px 5px;

	position: absolute;

	padding-top: 10px;

	background: url(images/panel-bg.jpg) repeat-x;

}

#corebox3

{

	top: 250px;

	left: 530px;

	width: 240px;

	height: 370px;

	margin: 0 auto;

	float: right;

	text-align: justify;

	line-height: 12px;

	font: 11px Verdana, serif;

	color: #40546F;

	padding: 5px 5px;

	position: absolute;

	padding-top: 10px;

	background: url(images/panel-bg.jpg) repeat-x;

}

/**********************************************************************BOX-CONTAINER***********************************************************************/

#box-container

 {

	top: 25px;

	left: 0px;

	width: 800px;

	height: 168px;

	margin: 0 auto;

	position: relative;

	float: left;

}

/********************************************************************ABOUT***********************************************************************/

#box-about

{

	top: 250px;

	left: 20px;

	width: 520px;

	height: 200px;

	margin: 0 auto;

	float: left;

	position: absolute;

	padding-top: 10px;

}

#box-aboutcont

{

	text-align: left;

	line-height: 12px;

	font: 11px Verdana, serif;

	color: #40546F;

	line-height: 13px;

	padding: 5px 10px 7px 7px;

	position: relative;

}

#box-mis

{

	top: 380px;

	left: 20px;

	width: 520px;

	height: 200px;

	margin: 0 auto;

	float: left;

	position: absolute;

	padding-top: 10px;

}

#box-miscont

{

	text-align: left;

	line-height: 12px;

	font: 11px Verdana, serif;

	color: #40546F;

	line-height: 13px;

	padding: 5px 10px 7px 7px;

	position: relative;

}

#box-vis

{

	top: 460px;

	left: 20px;

	width: 520px;

	height: 200px;

	margin: 0 auto;

	float: left;

	position: absolute;

	padding-top: 10px;

}

#box-viscont

{

	text-align: left;

	line-height: 12px;

	font: 11px Verdana, serif;

	color: #40546F;

	line-height: 13px;

	padding: 5px 10px 7px 7px;

	position: relative;

}



#box-clients

{

	top: 220px;

	left: 537px;

	width: 246px;

	height: 427px;

	margin: 0 auto;

	float: right;

	position: absolute;

	padding-top: 10px;

	background: url(images/clients.jpg) no-repeat;

}

#box-prod-right

{

	top: -10px;

	left: 400px;

	width: 322px;

	height: 200px;

	margin: 0 auto;

	float: right;

	position: absolute;

	padding-top: 10px;

}

#box-prod-icon

{

	top: 360px;

	left: 40px;

	width: 711px;

	height: 208px;

	margin: 0 auto;

	float: right;

	position: absolute;

	padding-top: 10px;

	background: url(images/main-prods2.jpg) no-repeat;

}

#box-prod-icon2

{

	top: 2oopx;

	left: 440px;

	width: 322px;

	height: 422px;

	margin: 0 auto;

	float: right;

	position: absolute;

	padding-top: 10px;

	background: url(images/main-prods.jpg) no-repeat;

}

/********************************************************************PRODUCTS***********************************************************************/

#box-prods

{

	top: 245px;

	left: 23px;

	width: 520px;

	height: 200px;

	margin: 0 auto;

	float: left;

	position: absolute;

	padding-top: 10px;

}

#box-prodscont

{

	text-align: left;

	line-height: 12px;

	font: 11px Verdana, serif;

	color: #40546F;

	line-height: 13px;

	padding: 5px 10px 7px 7px;

	position: relative;

}

/********************************************************************LABELS***********************************************************************/

#box-label1

{

	top: 220px;

	left: 25px;

	width: 119px;

	height: 26px;

	margin: 0 auto;

	float: left;

	position: absolute;

	padding-top: 10px;

	background: url(images/about-lbl.jpg) no-repeat;

}

#box-label2

{

	top: 220px;

	left: 25px;

	width: 168px;

	height: 26px;

	margin: 0 auto;

	float: left;

	position: absolute;

	padding-top: 10px;

	background: url(images/prods-lbl.jpg) no-repeat;

}

#box-label3

{

	top: 220px;

	left: 25px;

	width: 107px;

	height: 24px;

	margin: 0 auto;

	float: left;

	position: absolute;

	padding-top: 10px;

	background: url(images/serv-lbl.jpg) no-repeat;

}

#box-label4

{

	top: 220px;

	left: 25px;

	width: 143px;

	height: 29px;

	margin: 0 auto;

	float: left;

	position: absolute;

	padding-top: 10px;

	background: url(images/contact-lbl.jpg) no-repeat;

}

/********************************************************************CONTAINER***********************************************************************/

#container

 {
	top: 0px;
	min-width: 800px !important;
	width: 800px;
	height: auto;
	position: relative;
	margin: 0 auto;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color: #FFFFFF;

}

#flashform_cont

{

	top: 260px;

	left: 400px;

	width: 350px;

	height: 350px;

	margin: 0 auto;

	float: right;

	position: absolute;

	padding-top: 10px;

	border: 1px #cccccc solid;

}

/********************************************************************BANNER***********************************************************************/

#banner

 {

	width: 553px;

	height: 212px;

	margin: 0 auto;

	position: relative;

	float: left;

	left: 14px;

	top: 0px;

	z-index: 2;

	background: url(images/banner.jpg) no-repeat;

}

/*******************************************************************NAVIGATION***********************************************************************/

#navi 

 {
	top: 0px;
	left: 1px;
	width: 775px;
	height: 37px;
	margin: 0 auto;
	z-index: 2;
	position: relative;
	background: url(images/navi2.jpg) no-repeat;
}

#nav li a 

{

	display:block;

	float:left;

	outline: none;

	background: url(images/navi.jpg) no-repeat;	

}		

#nav{width: 775px;height: 37px;}

#nav ul{width: 775px;height: 37px;}

#nav li {display:inline;	outline: none;}



/*******************************************************************BUTTON-SIZES***********************************************************************/



li#btn-home a{width: 76px;height: 37px;}

li#btn-about a {width: 82px;height: 37px;}

li#btn-products a {width: 79px;height:37px;}

li#btn-services a {width: 71px;height: 37px;}

li#btn-core a{width: 90px;height: 37px;}

li#btn-contact a {width: 70px;	height: 37px;}



/******************************************************************BUTTON-STATES***********************************************************************/

li#btn-home a{background-position: 0px 0px;}

li#btn-about a{background-position: -76px 0px;}

li#btn-products a{background-position: -158px 0px;}

li#btn-services a{background-position: -237px 0px;}

li#btn-core a{background-position: -309px 0px;}

li#btn-contact a{background-position: -402px 0px;}



li.current#btn-home a{background-position: 0px -37px; position: relative;}

li.current#btn-about a{background-position: -76px -37px; position: relative;}

li.current#btn-products  a {background-position: -158px -37px;	position: relative;}

li.current#btn-services  a {background-position: -237px -37px; position: relative;}

li.current#btn-core a {background-position: -309px -37px; position: relative;}

li.current#btn-contact a {	background-position: -402px -37px; position: relative;}	



li#btn-home a:hover{background-position: 0px -37px; position: relative;}

li#btn-about a:hover{background-position: -76px -37px; position: relative;}

li#btn-products  a:hover {background-position: -158px -37px;	position: relative;}

li#btn-services  a:hover {background-position: -237px -37px; position: relative;}	

li#btn-core a:hover {background-position: -309px -37px; position: relative;}	

li#btn-contact a:hover{background-position: -402px -37px; position: relative;}	
#container #home #mainimg {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 3px;
}
#container #home #maintxt {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 14px;
	margin-bottom: 10px;
}
#container #home #maintxt #dvbox {
	margin-top: 15px;
	margin-bottom: 10px;
	position: relative;
}

#container #home #maintxt #products {
	height: auto;
	width: 65%;
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 10px;
	margin-left: 4px;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-bottom: 20px;
	padding-right: 3px;
}
#products img {
	float: left;
	padding-right: 5px;
}

#container #home #maintxt #news {
	height: auto;
	width: 32%;
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 10px;
	margin-left: 4px;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-bottom: 20px;
}
.readmore {
	display: block;
	padding: 3px;
	border: 1px solid #CCC;
	margin-top: 4px;
	color: #09F;
	margin-right: 2px;
	font-weight: normal;
}
.readmore:hover {
	display: block;
	padding: 3px;
	border: 1px solid #CCC;
	margin-top: 4px;
	color: #999;
	background-color: #FFF;
	margin-right: 2px;
	font-weight: normal;
}


#container #clear {
	clear: both;
}
#news img {
	float: left;
	padding-right: 5px;
}
.newsHead {
	font-weight: bold;
	font-size: 13px;
}
#container #home #maintxt #clients {
	height: auto;
	width: 98%;
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 10px;
	margin-left: 4px;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: dotted;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-bottom: 20px;
	padding-right: 3px;
	clear: both;
}
#clients img {

}
#container #home #cl {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#container #home #maintxt #productsMain {
	height: auto;
	width: 98%;
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 10px;
	margin-left: 4px;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-bottom: 20px;
	padding-right: 3px;
}
#productsMain img {
	float: left;
	padding-right: 5px;
}