@charset "UTF-8";

html{
	height:100%;
    border-left:0px;
    border-right:0px;
    overflow: auto;
	width: 100%;
	color: #324566;
}
.center{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	left: 35%;
	font-size: 0.9em;
	text-decoration: none;
	font-weight: bolder;
	vertical-align: middle;
	color: #324566;
}
.centerSmall{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	left: 35%;
	font-size: 0.9em;
	text-decoration: none;
	font-weight: bolder;
	vertical-align: middle;
	color: #324566;
}
/* ==============  Header ======================= */
.headerText{
	position: absolute;
	text-indent: 5px;
	color: #324566;
	background-color: transparent;
	font: bold 1.2em Arial;
}
.headerArea{
	height: 80px;
	background-color: #1B2A3F;
}
.header {
	width: 740px;
	height: 80px;
	background-color: #1B2A3F;
	margin-left: auto;
	margin-right: auto;
}
/* ==============  IMGS ======================= */
.img_index{
  	width: 320px;
  	height: auto;
  	text-align: center;
	float: left;
	border: 2px solid #101d2e;
	margin: 5px 0 7px;
}	
.img_index img_index{
  	display: inline;
  	margin: 3px;
  	border: 1px solid #ffffff;
  	text-align: center;
}
.img_servies{
  	width: 185px;
  	height: auto;
  	text-align: center;
	float: left;
	border: 2px solid #101d2e;
	margin: 5px 0 7px;
}	
.img_servies img_servies{
  	display: inline;
  	margin: 3px;
  	border: 1px solid #ffffff;
  	text-align: center;
}
.what{
	color: #324566;
	text-align: center;
 	font-weight: normal;
  	width: 320px;
  	margin: 10px 2px 2px;
	font-size: 10px;
}
/* ==============  Logo ======================= */
.logo {
	width: 260px;
	height: 80px;
	float: left;
	background: url(images_dcst/logo.jpg) no-repeat;
	background-repeat: no-repeat;
}
.wun {
	width: 30px;
	height: 30px;
	float: left;
	background: url(http://tinyurl.com/3beuo9) no-repeat;
	background-repeat: no-repeat;
	z-index: 99;
}
/* ==============  Spacer ======================= */
.separator_start {
	height: 80px;
	width: 33px;
	background-image: url(images_dcst/separator_start.jpg);
	background-repeat: no-repeat;
	float: left;
}
.separator {
	height: 80px;
	width: 11px;
	background-image: url(images_dcst/separator.jpg);
	background-repeat: no-repeat;
	float: left;
}
.separator_end {
	height: 80px;
	width: 21px;
	background-image: url(images_dcst/separator_end.jpg);
	background-repeat: no-repeat;
	float: left;
}
.underHeader {
	height: 20px;
	width: 100%;
	background-image: url(images_dcst/underHeader.jpg);
	background-repeat: repeat-x;
}
body{
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #23354D;
	top: 0px;
	left: 0px;
}
/* ==============  Content  ======================= */
.contentAreaContainer {
	position: absolute;
	margin: 0px;
	padding: 0px;
	background-color: #23354D;
	bottom: 100px;
}
.contentArea p{
	display: inline-block;
	text-indent: 10px;
	margin-right: 30px;
	line-height: 120%;
	color: #324566;
}
.warn{
	display: inline-block;
	text-indent: 10px;
	margin-right: 30px;
	line-height: 120%;
	font-size: 10px;
	color: #d80407;
}
.warn a:active{
	font-size: 10px;
	color: #d80407;
}

.warn a:link{
	font-size: 10px;
	color: #d80407;
}
.warn a:hover{
	font-size: 10px;
	color: #324566;
}
.warn a:visited{
	font-size: 10px;
	color: #d80407;
}


.contentArea {
	width: 740px;
	text-align: left;
	background-color: #23354D;
	margin-left: auto;
	margin-right: auto;
	word-spacing: .5px;
}
.contentAreaCenter {
	width: 740px;
	top: 50%;
	text-align: left;
	background-color: #23354D;
	margin-left: auto;
	margin-right: auto;
	word-spacing: .5px;
}
/* ==============  Tables ======================= */
table.index{
	text-indent: 0px;
	color: #324566;
	font-size: 1.0em;
	font-family: Arial;
	table-layout: auto;
	width: 97%;
	line-height: 120%;
	padding-left: 5px;
}
table.about{
	text-indent: 0px;
	color: #324566;
	font-size: 1.0em;
	font-family: Arial;
	table-layout: auto;
	width: 95%;
	line-height: 120%;
	white-space: normal;
	padding-left: 5px;
}
table.services{
	padding-right: 10px;
	text-indent: 0px;
	color: #324566;
	font-size: 1.0em;
	font-family: Arial;
	table-layout: auto;
	width: 100%;
	padding-left: 5px;
}
table.contact{
	text-indent: 0px;
	color: #324566;
	font-size: 1.0em;
	font-family: Arial;
	table-layout: auto;
	width: 100%;
}
table.billing{
	text-indent: 0px;
	color: #324566;
	font-size: 1.0em;
	font-family: Arial;
	table-layout: auto;
	width: 100%;
}
table.image{
	text-indent: 0px;
	color: #324566;
	font-size: 12px;
	font-family: Arial;
	table-layout: auto;
	width: 150px;
	float: right;
}

/* ==============  Content Links ======================= */
.contentArea a:link {
	color: #324566;
}
.contentArea a:visited {
	color: #324566;
}
.contentArea a:hover {
	color: #f30000;
	cursor: pointer;
}
.contentArea a:active {
	color: #324566;
}
/* ==============  Buttons ======================= */
.navButton {
	height: 47px;
	width: 68px;
	background-image: url(images_dcst/nav_current.jpg);
	text-align: center;
	float: left;
	padding-top: 33px;
	font-family: Arial;
	font-size: 12px;
	color: #ced2b9;
	text-decoration: none;
}
.navButton:hover {
	background-image: url(images_dcst/nav_hover.jpg);
	color: #eef1e3;
	text-decoration: underline;
}
.navButton:active {
	background-image: url(images_dcst/nav_active.jpg);
	color: #eef1e3;
}
.navButtonCurrent {
	height: 47px;
	width: 68px;
	background-image: url(images_dcst/nav_current.jpg);
	text-align: center;
	float: left;
	padding-top: 33px;
	font-family: Arial;
	font-size: 12px;
	color: #41608b;
	text-decoration: none;
	cursor: default;
}
/* ==============  Tan Box ======================= */
.tanBoxTop {
	width: 740px;
	height: 18px;
	margin-bottom: -1px;
	background-image: url(images_dcst/tanBox_top.jpg);
	background-repeat: no-repeat;
}
.tanBoxMid {
	width: 632px;
	padding-left: 68px;
	padding-top: 20px;
	padding-bottom: 22px;
	padding-right: 20px;
	background-image: url(images_dcst/tanBox_middle_bg.jpg);
	background-repeat: repeat-y;
	background-color: #CED2B9;
	color: #24344B;
	font-family: Arial;
	font-size: 12px;
}
.tanBoxMidText {
	width: 606px;
	float: left;
	color: #324566;
}
.tanBoxBottom {
	width: 740px;
	height: 22px;
	background-image: url(images_dcst/tanBox_bottom.jpg);
	background-repeat: no-repeat;
}
/* ==============  Listbox ======================= */
.listbox_services{
	display: inline-block;
	list-style-position: inside;
	list-style-type: disc; /* bulluts */
	width:100%;
	clear: right;
	line-height: 190%;
	color: #324566;
}
.listbox_about{
	display: inline-block;
	list-style-position: inside;
	list-style-type: disc; /* bulluts */
	width:97%;
	clear: right;
	line-height: 120%;
	color: #324566;
}
.listbox_Index{
	display: inline-block;
	list-style-position: inside;
	list-style-type: disc;
	width: 97%;
	line-height: 150%;
	color: #324566;
}
.listboxImg{
	display: inline-block;
	list-style-position: inside;
	list-style-type: none;
	width: 100%;
	clear: left;
	line-height: 150%;
	color: #324566;
}
/* ==============  Footer ======================= */
.footerAreaS {
	top: auto;
	right: 0;
	left: 0;
	bottom: 0;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-image: url(images_dcst/footer_bg.jpg);
	background-repeat: repeat-x;
	color: #324566;
	padding-left: 17px;
	padding-top: 30px;
	padding-right: 14px;
	font-family: Arial;
	font-size: 0.7em;
	cursor: auto;
	position: fixed;
}
.footerAreaD {
	top: auto;
	right: 0;
	left: 0;
	bottom: 0;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-image: url(images_dcst/footer_bg.jpg);
	background-repeat: repeat-x;
	color: #324566;
	padding-left: 17px;
	padding-top: 30px;
	padding-right: 14px;
	font-family: Arial;
	font-size: 0.7em;
	cursor: auto;
}

.footerContainer {
	width: 530px;
	margin-left: auto;
	margin-right: auto;
}
.footerAreaS a {
	color: #324566;
}
.footerAreaS a:hover {
	color: #eef1e3;
	cursor: pointer;
}
.footerAreaD a {
	color: #324566;
}
.footerAreaD a:hover {
	color: #eef1e3;
	cursor: pointer;
}
.footerLeft {
	float: left;
}
.footerRight {
	float: right;
	margin-right: 5px;
}
.invisible {
	width: 0px;
	height: 0px;
}
.version{
	color: white;
	height: 30px;
	position: relative;
	left: 0;
	bottom: 0;
	float: right;
	font-family: Arial;
	font-size: 0.7em;
}
.valid{
	left: 120px;
}