/* 
CSS Document
Designer: asterix
*/

/* DEFAULT */

body
{
	width: 100%;
	background-color: #ffffff;
	margin: 0px auto;
	padding: 0px;
	font-size: 12px;
	font-family: Arial;
}

ul, li
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: justify;
}
image
{
	border: 0px;
}

a:link, a:visited
{
	text-decoration: none;
}
a:active, a:hover
{
	text-decoration: underline;
}

/* HEADER */
.header
{
	width: 100%;
	height: 158px;
	background: url(img/bg01.gif) repeat-x left top;
}
.header_1
{
	width: 950px;
	height: 158px;
	margin: 0px auto;
}

.h_1
{
	width: 390px;
	height: 114px;
	background: url(img/index_01.jpg) repeat-x left top;
}

.h_2
{
	width: 719px;
	height: 27px;
	margin-left: 230px;
	margin-top: 14px;
}
.h_2 li
{
	width: 98px;
	height: 27px;
	float: left;
	margin-left: 3px;
}

.h_2 a
{
	color: White;
	line-height: 27px;
	font-weight: bolder;
	display: block;
	text-align: center;
}
.h_2 a:link, .h_2 a:visited
{
	text-decoration: none;
	background: url(img/index_69.jpg) no-repeat left top;
}
.h_2 a:active, .h_2 a:hover
{
	background: url(img/index_65.jpg) no-repeat left top;
	text-decoration: none;
}


/* CONTENT */
.content
{
	width: 950px;
    overflow:hidden;
	margin: 0px auto;
	padding-bottom:30px;
}
.c_1
{
	width: 950px;
	height: 341;
	overflow: hidden;
}
.c_1_1
{
	width: 678px;
	height: 341px;
	background: url(img/t01.gif) no-repeat left top;
	float: left;
	overflow: hidden;
}

.c_1_1_1
{
	width: 600px;
	height: 32px;
	font-size: 25px;
	color: #3a4257;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 50px;
	margin-left: 60px;
	overflow: hidden;
	padding:0px;
}
.c_1_1_2
{
	width: 579px;
	height: 103px;
	font-size: 12px;
	color: #3a4257;
	margin-top: 20px;
	margin-left: 60px;
	overflow: hidden;
}
.c_1_1_3
{
	margin-left: 241px;
	margin-top: 18px;
}
.c_1_1_3_a a
{
	width: 201px;
	height: 41px;
	float: left;
	display: block;
}

.c_1_1_3_a a:link, .c_1_1_3_a a:visited
{
	background: url(img/index_159.gif) no-repeat left top;
}
.c_1_1_3_a a:active, .c_1_1_3_a a:hover
{
	background: url(img/index_159_1.gif) no-repeat left top;
}

.c_1_1_3_b a
{
	width: 202px;
	height: 41px;
	float: left;
	margin-left: 13px;
	display: block;
}
.c_1_1_3_b a:link, .c_1_1_3_b a:visited
{
	background: url(img/index_162.jpg) no-repeat left top;
}
.c_1_1_3_b a:active, .c_1_1_3_b a:hover
{
	background: url(img/index_162_1.gif) no-repeat left top;
}
.c_1_2
{
	width: 243px;
	height: 341px;
	background: url(img/index_150.jpg) no-repeat left top;
	float: left;
	overflow: hidden;
}

.c_2
{
	width: 902px;
	height: 355px;
	overflow: hidden;
	margin-left: 25px;
}

.c_2_1
{
	width: 622px;
	height: 355px;
	background-color: White;
	overflow: hidden;
	float: left;
}

.c_2_1_1
{
	width: 598px;
	height: 178px;
	margin-top: 9px;
}
.c_2_1_1_a
{
	width: 292px;
	height: 178px;
	background: url(img/bg02.gif) no-repeat left top;
	float: left;
}

.a01
{
	width: 148px;
	height: 125px;
	margin-top: 12px;
	padding-left: 15px;
	color: #3a4257;
	font-size: 20px;
	float: left;
}
.a01_1
{
	width: 100%;
	height: 21px;
	color: #3a4257;
	font-size: 20px;
}
.a01_2
{
	width: 100%;
	height: 101px;
	color: #3a4257;
	font-size: 11px;
	margin-top: 16px;
	padding-left: 8px;
}
.a01_2 a
{
	color: #a9291b;
	font-size: 11px;
}
.a01_2 li
{
	width: 148px;
	height: 18px;
	line-height: 12px;
}


.a02
{
	width: 60px;
	height: 80px;
	margin-top: 28px;
	color: #3a4257;
	float: left;
	padding-left: 28px;
}
.a02_1
{
	width: 85px;
	height: 55px;
	font-size: 40px;
	color: #3a4257;
	line-height: 55px;
}
.a02_1 a
{
	font-size: 30px;
	color: #3a4257;
}
.a02_2
{
	width: 59px;
	font-size: 12px;
	color: #3a4257;
	padding-left: 19px;
	line-height: 13px;
}
.a02_3
{
	margin-top: 4px;
}
.a02_3 a
{
	width: 84px;
	height: 19px;
	color: White;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	display: block;
	line-height: 17px;
}
.a02_3 a:link, .a02_3 a:visited
{
	background-color: #0e153e;
}
.a02_3 a:active, .a02_3 a:hover
{
	background-color: #50528a;
	text-decoration: none;
}

.c_2_1_1_b
{
	width: 292px;
	height: 178px;
	background: url(img/bg03.gif) no-repeat left top;
	float: left;
	margin-left: 10px;
}

.c_2_1_2
{
	width: 598px;
	height: 177px;
}
.c_2_1_2_c
{
	width: 292px;
	height: 178px;
	background: url(img/bg04.gif) no-repeat left top;
	float: left;
}
.c_2_1_2_d
{
	width: 292px;
	height: 178px;
	background: url(img/bg05.gif) no-repeat left top;
	float: left;
	margin-left: 10px;
}

.c_2_2
{
	width: 271px;
	height: 355px;
	overflow: hidden;
	float: left;
}
.c_2_2_a
{
	width: 272px;
	height: 248px;
	background:url(img/lnews_01.jpg) no-repeat left top;
	margin-bottom: 0px;
}
.c_2_2_a_1
{
	height:22px;
	padding-top:25px;
	padding-left:55px;
	font-size:18px;
	color:#3a4257;
}
.c_2_2_a_2
{
	background:url(img/lnews_02.jpg) repeat-y left top;
	height:193px;
	margin-bottom: 0px;
}
.lnewstxt
{
	margin:5px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:10px;
	color:#3a4257;
	margin-top:0px;
	text-align: justify;
	font-weight: bold;
	margin-bottom: 0px;
}
.lnewstxt li
{
	padding-bottom:5px;
}
.lntdate
{
	color:#3c4bb1;
	text-align: left;
}
.lnewstxt a:link, .lnewstxt a:visited
{
	color:#3a4257;
	text-decoration:none;
}
.lnewstxt a:active, .lnewstxt a:hover
{
	color:#3a4257;
	text-decoration:underline;
}
.c_2_2_b
{
	width: 272px;
	height: 51px;
	background: url(img/bg06.gif) no-repeat left top;
	margin-top: 9px;
}
.c_2_2_b_1
{
	font-size:20px;
	padding-left:15px;
	padding-top:5px;
}
.c_2_2_b_2
{
	font-size:12px;
	color:#81ac2e;
	padding-left:15px;
	padding-bottom: 15px;
}
.c_3
{
	margin-left: 25px;
	width: 900px;
}
.c_3_1 .c_3_1_00 li{ width:180px;}
.c_3_1 .c_3_1_0 li
{
	height: 59px;border-left: dotted 1px #bababa;
	border-bottom: dotted 1px #bababa;

}
.c_3_1 .c_3_1_0
{
	clear: both;width:100%;
	height: 59px;border-right: dotted 1px #bababa;
}
.c_3_1_1 img{ margin-top:5px; }
.c_3_1_00
{
	height:30px;
}
.c_3_1_0_1
{
	 background:url(img/index_08.jpg) no-repeat 145px top;
	 
}
.c_3_1_0_2
{
	 background:url(img/index_11.jpg) no-repeat 145px top;
	 
}
.c_3_1_0_3
{
	 background:url(img/index_14.jpg) no-repeat 145px top;
	 
}
.c_3_1_0_4
{
	 background:url(img/index_17.jpg) no-repeat 145px top;
	 
}
.c_3_1 ul li
{
	float: left;
	width: 179px;
	border-bottom: none;
	border-left: none;
	margin: 0px;
	border-collapse: collapse;
}
.c_3_1_d1
{
	height: 41px;
}
.c_3_1_d2
{
	height: 25px;
	 margin:0 auto;
	  margin-top:10px;
	text-align: center;
	line-height: 25px;
	font-size:12px;
}
.c_3_1_d216
{
	font-size:16px;
}
.c_3_1_d3
{
	height: 17px;
	width: 76px;
	line-height: 17px;
	margin: 0 auto;
	text-align: center;
}
 .c_3_1_12 {border-right: dotted 1px #bababa; width:540px;}

 .c_3_1_1 {border-right: dotted 1px #bababa; width:100%;}
.c_3_1 .c_3_1_1
{
	overflow:hidden;
	text-align: center;
	margin: 0 auto;
	clear: both;
	
}
.c_3_1 .c_3_1_1 li
{
	height: 28px;
	line-height: 28px;
	border-left: dotted 1px #bababa;
	border-bottom: dotted 1px #bababa;
	border-top:0px;
	width: 179px;
	margin: 0px;
	text-align: center;
}
.c_3_1 .c_3_1_2
{
	border-bottom: dotted 1px #bababa;
}

.backColor1
{
	background-color: #c7e096;
}
.backColor1 a
{
	font-size: 11px;
	color: White;
	display: block;
}
.backColor1 a:link, .backColor1 a:visited
{
	background-color: #b6e063;
	text-decoration: none;
}
.backColor1 a:active, .backColor1 a:hover
{
	background-color: #c7e096;
	text-decoration: none;
}

.backColor2
{
	background-color: #f79721;
}
.backColor2 a
{
	font-size: 11px;
	color: White;
	display: block;
}
.backColor2 a:link, .backColor2 a:visited
{
	background-color: #f79721;
	text-decoration: none;
}
.backColor2 a:active, .backColor2 a:hover
{
	background-color: #fab764;
	text-decoration: none;
}

.backColor3
{
	background-color: #0a4f49;
}
.backColor3 a
{
	font-size: 11px;
	color: White;
	display: block;
}
.backColor3 a:link, .backColor3 a:visited
{
	background-color: #c64f49;
	text-decoration: none;
}
.backColor3 a:active, .backColor3 a:hover
{
	background-color: #de736e;
	text-decoration: none;
}

.backColor4
{
	background-color: #131845;
}
.backColor4 a
{
	font-size: 11px;
	color: White;
	display: block;
}
.backColor4 a:link, .backColor4 a:visited
{
	background-color: #42466a;
	text-decoration: none;
}
.backColor4 a:active, .backColor4 a:hover
{
	background-color: #49529f;
	text-decoration: none;
}



/* FOOTER */
.footer
{
	width: 100%;
	height: 137px;
	background: url(img/bg02.jpg) repeat-x left top;
}
.footer img
{
	border: 0px;
}
.f_1
{
	width: 553px;
	height: 21px;
	margin-left: auto;
	padding-top: 29px;
}
.f_1 li
{
	float: left;
}
.f_2
{
	width: 370px;
	height: 12px;
	font-size: 12px;
	text-align: right;
	margin-top: 20px;
	margin-left: auto;
}

.f_2 li
{
	float: left;
}
.f_2 ul
{
	width: 100%;
}
.f_2 a
{
	color: #535a6c;
}
.f_3
{
	width: 950px;
	height: 12px;
	color: #535a6c;
	font-size: 12px;
	text-align: right;
	margin-top: 8px;
	margin-left: auto;
}
/* DETAILS */
.dmianad
{
	width: 100%;
	overflow: hidden;
	margin-top: 21px;
	padding-bottom: 38px;
	margin-left: 25px;
	overflow: hidden;
	height: 289px;
	background: url(img/detail_12.jpg) no-repeat left top;
}
.dmianad_about
{
	width: 100%;
	overflow: hidden;
	margin-top: 21px;
	padding-bottom: 38px;
	margin-left: 25px;
	overflow: hidden;
	height: 289px;
	background: url(img/about.jpg) no-repeat left top;
}
.dmianad_colo
{
	width: 100%;
	overflow: hidden;
	margin-top: 21px;
	padding-bottom: 38px;
	margin-left: 25px;
	overflow: hidden;
	height: 289px;
	background: url(img/colocation.jpg) no-repeat left top;
}
.dmianad_contact
{
	width: 100%;
	overflow: hidden;
	margin-top: 21px;
	padding-bottom: 38px;
	margin-left: 25px;
	overflow: hidden;
	height: 289px;
	background: url(img/Contact.jpg) no-repeat left top;
}
.dmianad_virt
{
	width: 100%;
	overflow: hidden;
	margin-top: 21px;
	padding-bottom: 38px;
	margin-left: 25px;
	overflow: hidden;
	height: 289px;
	background: url(img/virtualization.jpg) no-repeat left top;
}
.dmianad_1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 35px;
	color: #3a4257;
	text-align: left;
	text-transform: none;
	line-height: 33px;
	padding-left: 35px;
	padding-top: 30px;
	font-weight: bold;
}
.dmianad_2
{
	width: 456px;
	height: 37px;
	font-size: 12px;
	color: #3e4044;
	text-align: left;
	padding-top: 20px;
	padding-left: 35px;
}
.dmianad_3 ul
{
	width: 295px;
	height: 92px;
	padding-top: 18px;
	padding-left: 35px; 
}
.dmianad_3 li
{
	line-height: 18px;
	
	font-size: 12px;
	color: #3e4044;
	padding-left: 18px;
	background: url(img/dd.gif) no-repeat left center;}
.dmainbox
{
	width:900px;
	overflow:hidden;
	margin:0px auto;
	padding-bottom:20px;
}
.dcleft
{
	float:left;
	overflow:hidden;
	width:541px;
	
}
.dcright
{
	float:right;
	width:340px;
	overflow:hidden;
	border:1px soild red;
	color:#3a4257;
}
.dcheader
{
	background-repeat:no-repeat;
	width:325px;
	height:45px;
	line-height:45px;
	font-size:22px;
	padding-left:15px;
		border-bottom:1px solid #E6E6E6;
}
.pt17
{
	margin-top:17px;
	width: auto;
}
.drbox
{
	width:338px;
	border-left:1px solid #F3F3F3;
	border-right:1px solid #F3F3F3;
	border-bottom:1px solid #F3F3F3;
	padding-bottom:25px;
	overflow:hidden;
	background-image:url(img/detailsline.gif);
	background-repeat:repeat-x;
}
.drbox01
{
	width:100%;
	overflow:hidden;
	padding-top:20px;
}
.drbox01l
{
	width:60px;
	overflow:hidden;
	float:left;
	padding-top:5px;
}
.drbox01r
{
	float:left;
	width:263px;
	margin-left: 10px;
}
.drbox01r1
{
	font-size:16px;
	line-height:35px;

}
.drbox01r2
{
	font-size:11px;

	line-height:1.5;
}
.drboxtxt01
{
	font-size:11px;
	margin:10px;
	line-height:1.5;
	padding-top:5px;
}
.drboxtxt02
{
	font-size:11px;
	padding-left:10px;
	color:#44598f;
}
.ptop20
{
	padding-top:20px;
}
.ptop8
{
	padding-top:8px;
}

.gallerycontainer{
	position: relative;
	visibility: visible;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid black;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: 1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}