#topl{
	height:4px;
	clear:both; background-image:url(images/top-bar.png)}
	
#head{ background-color:#FFFFFF;}

#header {
	width: 980px;
	height: 146px;
	margin:auto;
	padding: 0px;
	background-image:url(images/dcs-bg1.png)
	
}
#logo {
	width: 265px;
	height: 135px;
	margin:auto;
	padding: 0px;
	FLOAT: left;
}

#call {
	width: 272px;
	height: 135px;
	margin: 0px;
	padding: 0px;
	FLOAT: right;
	
}

#top1 {
	width: 345px;
	height:120px;
	margin: 0px;
	margin-right:50px;
	margin-top:10px;
	padding: 0px;
	FLOAT: right;
	
}

#button {
	width: 980px;
	height: 46px;
	margin:auto;
	padding: 0px;
	background-image:url(images/button-bg.png)
;
}

#button1{
	width: 980px;
	height: 48px;
	margin:auto;
	padding: 10px;
}

#space {
	width: 980px;
	height: 35px;
	margin:auto;
	padding: 6px;

	
}

#flash {
	width: 980px;
	height: 300px;
	margin:auto;
	margin-top:10px;
	padding: 0px;
	background-color:#FFFFFF;}
	
	#flash1 {
	width: 980px;
	height: 300px;
	margin:auto;
	padding: 0px;
	}
	
	#flashbox{
	width: 200px;
	height: 300px;
	margin:auto;
	
	padding: 0px;
	float:left;
	background-image:url(images/box-f.jpg)}
	
#flashani{
	width: 795px;
	height: 300px;
	margin:auto;
	
	padding: 0px;
	float:right;
	background-color:#0000FF}


#spaceflash {
	width: 1024px;
	margin:auto;
	padding: 10px;
}

#center {
	width: 980px;
	height:980px;
	margin:0 auto;
	padding: 0px;
	background-color:#FFFFFF;
	display:block;

}

#centerproduct {
	width: 980px;
	height:235%;
	margin:0 auto;
	padding: 0px;
	background-color:#FFFFFF;
	display:block;

}

#centercorp {
	width: 980px;
	height:310%;
	margin:0 auto;
	padding: 0px;
	background-color:#FFFFFF;
	display:block;

}


#centerserver {
	width: 980px;
	height:330%;
	margin:0 auto;
	padding: 0px;
	background-color:#FFFFFF;
	display:block;

}

#centernet {
	width: 980px;
	height:225%;
	margin:0 auto;
	padding: 0px;
	background-color:#FFFFFF;
	display:block;

}

#centercash {
	width: 980px;
	height:245%;
	margin:0 auto;
	padding: 0px;
	background-color:#FFFFFF;
	display:block;

}

#centerdownload {
	width: 980px;
	height:160%;
	margin:0 auto;
	padding: 0px;
	background-color:#FFFFFF;
	display:block;

}

#centercctv {
	width: 980px;
	height:165%;
	margin:0 auto;
	padding: 0px;
	background-color:#FFFFFF;
	display:block;

}

#centerwebd {
	width: 980px;
	height:135%;
	margin:0 auto;
	padding: 0px;
	background-color:#FFFFFF;
	display:block;

}

#centerwebh {
	width: 980px;
	height:195%;
	margin:0 auto;
	padding: 0px;
	background-color:#FFFFFF;
	display:block;

}

#centerseo {
	width: 980px;
	height:120%;
	margin:0 auto;
	padding: 0px;
	background-color:#FFFFFF;
	display:block;

}

#centerbattery {
	width: 980px;
	height:205%;
	margin:0 auto;
	padding: 0px;
	background-color:#FFFFFF;
	display:block;

}

#centersp {
	width: 980px;
	height:290%;
	margin:0 auto;
	padding: 0px;
	background-color:#FFFFFF;
	display:block;

}




#centerdvr {
	width: 980px;
	height:160%;
	margin:0 auto;
	padding: 0px;
	background-color:#FFFFFF;
	display:block;

}

#centerretail {
	width: 980px;
	height:1500px;
	margin:0 auto;
	padding: 0px;
	background-color:#FFFFFF;
	display:block;

}



#centersoft {
	width: 980px;
	height:1200px;
	margin:0 auto;
	padding: 0px;
	background-color:#FFFFFF;
	display:block;

}


#left {
	width: 250px;
	height:auto;
	margin:auto;
	padding: 0px;
	FLOAT: left;
	background-color:#f8f8f8;
}

#leftbox {
	width: 250px;
	height: 160px;
	margin:auto;
	padding: 0px;
	FLOAT: left;
}

#lefthead {
	width: 250px;
	height: 40px;
	margin:auto;
	padding: 0px;
	FLOAT: left;
	background-image:url(images/button2.png)
}

#leftheadicon {
	width: 28px;
	height: 30px;
	margin:auto;
	padding: 5px;
	FLOAT: left;
}

#leftheading {
	width: 210px;
	height: 30px;
	margin:auto;
	margin-top:8px;
	padding: 0px;
	FLOAT: left;
}


#leftlink {
	width: 250px;
	height: 25px;
	margin:auto;
	padding: 0px;
	FLOAT: left;
	background-image:url(images/button1.png)
}

#leftlinkicon {
	width: 10px;
	height: 20px;
	margin:auto;
	padding: 3px;
	FLOAT: left;
}

#leftlinking {
	width: 210px;
	height: 20px;
	margin:auto;
	padding:3px;
	FLOAT: left;
	background-image:url(images/button1.png)
}


#right {
	width: 720px;
	height: auto;
	margin:auto;
	margin-right:5px;
	padding: 0px;
	FLOAT: right;
	background-color:#FFFFFF;
}

#rightinner{
	width: 720px;
	height: auto;
	margin:auto;
	margin-right:5px;
	padding: 0px;
	FLOAT: right;
	background-color:#FFFFFF;
}

#rightinnerbox1 {
	width: 720px;
	height: auto;
	margin:auto;
	padding: 0px;
	background-color:#F6F6F6;
	}

#righthead {
	width: 720px;
	height: 40px;
	margin:auto;
	padding: 0px;
	background-image:url(images/main1.png)
}

#rightheadicon {
	width: 20px;
	height: 30px;
	margin:auto;
	padding: 5px;
	FLOAT: left;
}

#rightheading {
	width: 650px;
	height: 30px;
	margin-top:10px;
	padding: 0px;
	FLOAT: left;
}

#rightbox1 {
	width: 720px;
	height: 156px;
	margin:auto;
	padding: 0px;
	background-image:url(images/back-center.png)}
	
	
#rightbox2 {
	width: 190px;
	height: 141px;
	margin:auto;
	padding: 5px;
	float:left;
	}

#rightbox3 {
	width: 500px;
	height: 175px;
	margin:auto;
	padding: 5px;
	float:left;
	}

#right1 {
	width: 720px;
	height: 226px;
	margin:auto;
	margin-right:5px;
	padding: 0px;
	FLOAT: right;
}

#rightbox4 {
	width: 281px;
	height: 226px;
	margin:auto;
	padding: 0px;
	FLOAT: left;
	background-image:url(images/box1.png)
}

#rightbox5 {
	width: 3px;
	height: 226px;
	margin-left:5px;
	padding: 0px;
	FLOAT: left;
	background-image:url(images/port_01.png)
}

#rightbox6 {
	width: 420px;
	height: 226px;
	margin:auto;
	padding: 0px;
	FLOAT: left;
	background-image:url(images/port_02.png)
}

#rightbox7 {
	width: 3px;
	height: 226px;
	margin:auto;
	padding: 0px;
	FLOAT: left;
	background-image:url(images/port_03.png)
}


#rightline {
	width: 251px;
	height: 20px;
	margin:auto;
	padding:3px;
	FLOAT: left;
}

#headingright {
	width: 260px;
	height: 30px;
	margin:auto;
	padding:5px;
	FLOAT: left;
}

#scroll {
	width: 380px;
	height: 160px;
	margin:auto;
	padding:0px;
	float:inherit;
	}
	
	#scrollmatter {
	width: 380px;
	height: 10px;
	margin:auto;
	padding:0px;
	float:inherit;
	}

#mid1 {
	width: 720px;
	height: 250px;
	margin:auto;
	margin-top:10px;
	margin-right:5px;
	padding: 0px;
	FLOAT: right;
}

	
		
#middel {
	width: 355px;
	height: 200px;
	margin:auto;
	padding: 0px;
	FLOAT: left;
}	

#middelright {
	width: 355px;
	height: 200px;
	margin:auto;
	padding: 0px;
	FLOAT: right;
}	


#middelhead {
	width: 355px;
	height: 35px;
	margin:auto;
	padding: 0px;
	FLOAT: left;
	background-image:url(images/main1.png)
}

#middelbox {
	width: 355px;
	height: 200px;
	margin:auto;
	padding: 0px;
	FLOAT: left;
	background-image:url(images/back-center.png)
}

#middelbox1 {
	width: 345px;
	height: 200px;
	margin:auto;
	padding: 0px;
	float:inherit;
}

#middelbox2 {
	width: 130px;
	height: 180px;
	margin:auto;
	padding: 0px;
	float:left;
}

#middelbox3 {
	width: 210px;
	height: 180px;
	margin:auto;
	padding: 0px;
	float:right;
}


#right5 {
	width: 720px;
	height: 80px;
    margin-top:10px;
	padding: 0px;
	FLOAT: right;
	margin-right:5px;
}

#right6 {
	width: 720px;
	height: 132px;
	margin:auto;
	padding: 0px;
	FLOAT: right;
	margin-right:5px;
}

#block {
	width: 980px;
	height: 33px;
	margin:auto;
	padding: 0px;
	background-color:#FFFFFF;
}
	
#footer{position:relative;
	height:120px;
	clear:both;BACKGROUND-COLOR:#93DDFD;}
	
	
#dcslogo {
	width: 250px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	FLOAT: right;
	
}

.style3{color:#333333;font-weight:none;font-family:Arial, Helvetica, sans-serif;font-size:13px;text-align:justify;}


A:link{text-decoration:none;color:#333333;font-size:13px}A:visited	{	
	text-decoration:	none;color:#333333;
	
	}	
		
A:active	{color:#333333;font-size:13px	
	text-decoration:	none;

	}	
	A:hover{text-decoration:none;color:#416882}
	
a.li {text-decoration:none;color:#000000;  font-family:Arial, Helvetica, sans-serif; font-size: 15px}
	
a.li:active	{color:#000000; font-size: 15px	
	text-decoration: none;}	
a.li:visited	{	
	text-decoration:	none; color:#000000;
	
	}	
a.li:hover {text-decoration:none; color: #FF0000}
	
.style7{font-size:16px;font-family:Arial, Helvetica, sans-serif, Helvetica, sans-serif;font-weight:bold;color:#026A9E;}

.name{font-size:14px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#000000;}

.normal-font{text-align:justify;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#ededed;}

.style8{text-align:justify;font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#024F9E;font-weight:bold;}

.stylehead{text-align:justify;font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#000000;font-weight:none;}

.style10{text-align:justify;font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#026A9E;font-weight:bold;}

.style12{text-align:justify;font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#ffffff;font-weight:bold;}

.style5{color:#000000;font-weight:bold;font-family:Arial, Helvetica, sans-serif;text-align:justify;font-size:15px}

.style9{text-align:justify;font-size:13px;font-family:Arial, Helvetica, sans-serif, Helvetica, sans-serif;font-weight:sharp;color:#000000;}

.htext{text-align:justify;font-size:12px;font-family:Arial, Helvetica, sans-serif, Helvetica, sans-serif;font-weight:sharp;color:#000000;}

.style6{text-align:justify;font-size:13px;font-family:Arial, Helvetica, sans-serif;font-weight:sharp;color:#000000;}

.bottam{text-align:justify;font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:none;color:#ffffff;}

.form-text{
	BORDER-RIGHT:#cccccc1pxsolid;PADDING-RIGHT:4px;BORDER-TOP:#cccccc1pxsolid;PADDING-LEFT:4px;FONT-SIZE:12px;PADDING-BOTTOM:1px;BORDER-LEFT:#cccccc1pxsolid;PADDING-TOP:1px;BORDER-BOTTOM:#cccccc1pxsolid;FONT-FAMILY:TrebuchetMS
}

.dot{
	BORDER-RIGHT:#cccccc1pxdashed;
	PADDING-RIGHT:0px;
	BORDER-TOP:#cccccc1pxdashed;
	PADDING-LEFT:0px;
	FLOAT:left;
	MARGIN-BOTTOM:0px;
	PADDING-BOTTOM:0px;
	MARGIN-LEFT:0px;
	BORDER-LEFT:#cccccc1pxdashed;
	WIDTH:193px;
	PADDING-TOP:0px;
	BORDER-BOTTOM:#cccccc1pxdashed;
	POSITION:relative;
	BACKGROUND-COLOR:ffffff;
	left:50;
	top:0;
	height:0;
}

.SELECT{
	FONT:12pxVerdana
}

.tabtxt{text-align:justify;font-size:11px;font-family:Arial, Helvetica, sans-serif;font-weight:none;color:#333333;}

.promatter{text-align:center;font-size:11px;font-family:Arial, Helvetica, sans-serif;font-weight:none;color:#333333;}

.txt{text-align:justify;font-size:11px;font-family:Arial, Helvetica, sans-serif;font-weight:none;color:#333333;}


.bbb2{
	MARGIN:0px0px0px0px;BORDER-BOTTOM:#666666 1px dashed;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#000000;
}

.bbb3{
	MARGIN:0px0px0px0px;BORDER-left:#666666 1px dashed;font-family:Arial, Helvetica, sans-serif;font-size:12px;
}

#container{
	MARGIN:0pxauto;WIDTH:765px
}

#slideshowContainer{
	PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;OVERFLOW:hidden;WIDTH:980;CURSOR:pointer;PADDING-TOP:0px;POSITION:relative;HEIGHT:500
}
#slideshowNavigation{
	BORDER-RIGHT:mediumnone;BORDER-TOP:mediumnone;Z-INDEX:765;BORDER-LEFT:mediumnone;BORDER-BOTTOM:mediumnone;POSITION:absolute
}
.slideshowButton{
	CURSOR:pointer
}
#pauseButton{
	Z-INDEX:765;RIGHT:7px;POSITION:absolute;TOP:347px
}
#playButton{
	Z-INDEX:765;RIGHT:7px;POSITION:absolute;TOP:347px
}
#previousImage{
	PADDING-LEFT:1px;Z-INDEX:765;FILTER:alpha(opacity=50);CURSOR:pointer;POSITION:absolute;TOP:179px;ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";moz-opacity:0.5;khtml-opacity:0.5;opacity:0.5
}
#nextImage{
	Z-INDEX:765;FILTER:alpha(opacity=50);LEFT:960;CURSOR:pointer;POSITION:absolute;TOP:179px;ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";moz-opacity:0.5;khtml-opacity:0.5;opacity:0.5
}
.slideContainer{
	PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px;POSITION:absolute
}


.PopBoxImageSmall
{
	border:none0px#ffffff;
	cursor:url("images/magplus.cur"),pointer;
}
.PopBoxImageLarge
{
	border:solid1px#999999;
	cursor:url("images/magminus.cur"),pointer;
}
.PopBoxImageShrink
{
	cursor:url("images/magminus.cur"),pointer;
}
.PopBoxImageLink
{
	cursor:pointer;
}
.PopBoxImageMove
{
	border:none0px#ffffff;
	cursor:pointer;
}


html,body{height:100%;}

#wrap{min-height:100%;}

#main{overflow:auto;
	padding-bottom:150px;}/*mustbesameheightasthefooter*/



/*OperaFix*/
body:before{
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

.box {
	BORDER-RIGHT: #3A73C4 1px solid; BORDER-TOP: #3A73C4 1px solid; BACKGROUND-COLOR: #8EB3E8; BORDER-LEFT: #3A73C4 1px solid; COLOR: #3A73C4; BORDER-BOTTOM: #3A73C4 1px solid
}

.boxwhite {
	BORDER-RIGHT: #F6F7F1 1px solid; BORDER-center: #F6F7F1 1px solid; BORDER-TOP: #F6F7F1 1px solid; BACKGROUND-COLOR: #ECEADF; BORDER-LEFT: #F6F7F1 1px solid; COLOR: #F6F7F1; BORDER-BOTTOM: #F6F7F1 1px solid
}

.boxinner {
	BORDER-RIGHT: #FF6600 1px solid; BORDER-TOP: #FF6600 1px solid; BACKGROUND-COLOR: #ffffff; BORDER-LEFT: #FF6600 1px solid; COLOR: #FF6600; BORDER-BOTTOM: #FF6600 1px solid
}

.boxrignt {
	BORDER-RIGHT: #DDDDDD 1px solid; BORDER-TOP: #DDDDDD 1px solid; BACKGROUND-COLOR: #ffffff; BORDER-LEFT: #DDDDDD 1px solid; COLOR: #DDDDDD; BORDER-BOTTOM: #DDDDDD 1px solid
}


* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Helvetica, sans-serif;
	background: url(images/stripe.png) repeat;
}

p {
	font-size: 1.3em;
	margin-bottom: 15px;
}

#page-wrap {
	width: 660px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 800px;
	height: auto !important;
	height: 800px;
}

#contact-area {
	width: 500px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 420px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin-left: 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: left;
}

td.left {
	width: 80px;
	text-align: left;
	font-size: 1.4em;
]

#catpcha-area {
	margin-left: 200px;
}