/*
 ::Table Of Content

 1.) Home page Content
 2.) Slide-show
 3.) Server-Time page Content
 -------------------------------------------*/
/*
 1.) Home page Content
 -----------------------------------------------*/
#content  {
	overflow: hidden;
	padding-top: 78px;
}
#menu {
    padding: 5px 20px;
    font-family: "Helvetica Neue", Helvetica, Arial;
    font-size: 12px;
    line-height: 18px;
    color: #0471cc;
}

a { text-decoration: none }

/* ===[ Dark Button CSS ]=== */

.button {
    outline: 0;
    padding: 5px 12px;
    display: block;
    color: #9fa8b0;
    font-weight: bold;
    text-shadow: 1px 1px #1f272b;
    border: 1px solid #0471cc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #0471cc; /* old browsers */
    background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #0471cc 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#3D4850), color-stop(4%,#313d45), color-stop(100%,#0471cc)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D4850', endColorstr='#0471cc',GradientType=0 ); /* ie */
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */
}

.button:hover {
    color: #0471cc;
    background: #0471cc; /* old browsers */
    background: -moz-linear-gradient(top, #0471cc 3%, #404F5A 4%, #2E3940 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#0471cc), color-stop(4%,#404F5A), color-stop(100%,#2E3940)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0471cc', endColorstr='#2E3940',GradientType=0 ); /* ie */
}

.button:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    color: #fff;
    padding: 6px 12px 4px;
    background: #0471cc; /* old browsers */
    background: -moz-linear-gradient(top, #0471cc 3%, #252E34 51%, #222A30 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#0471cc), color-stop(51%,#252E34), color-stop(100%,#222A30)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0471cc', endColorstr='#222A30',GradientType=0 ); /* ie */
    -moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
    box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */
}

/* ===[ Other stuff: ]=== */

.vertical-list {
    list-style: none;
    padding: 10px;
    width: 200px;
    border-radius: 5px;

}

.vertical-list .button {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #515B62; /* old browsers */
    background: -moz-linear-gradient(top, #515B62 3%, #444E55 5%, #394147 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#515B62), color-stop(5%,#444E55), color-stop(100%,#394147)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515B62', endColorstr='#394147',GradientType=0 ); /* ie */
}

.vertical-list li { margin: 0 0 5px }

.side-bar  {
	width: 270px;
	float: left;
}

.main-content  {
	width: 420px;
	float: left;
	margin: 0 10px;
}

.side-link  {
	width: 270px;
	float: right;
}

.form  {
	color: #ffffff;
	margin-top: 3px;
}

.title  {
	background: url(../images/h1-repeater.png) repeat-x left top;
	margin: 0 50px 0 29px;
	border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	border: 1px solid #0471cc;
	border-bottom: none;
	-webkit-box-shadow: 3px 3px 10px 2px #000000;
	box-shadow: 3px 3px 10px 0px #000000;
}

.main-form  {
	background: url(../images/side-box-repeater.png) repeat-x left top;
	padding: 0 3px;
	border: 1px solid #0471cc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 3px 3px 10px 2px #000000;
	box-shadow: 3px 3px 10px 0px #000000;
}



.cpanel-form  {
	background: url(../images/side-box-repeater.png) repeat-x left top;
	padding: 0 3px;
	border: 1px solid #0471cc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 3px 3px 10px 2px #000000;
	box-shadow: 3px 3px 10px 0px #000000;
}


label,  input[type="text"]  {
	display: block;
}

label  {
	font-size: 1.2em;
	line-height: 2;
	text-shadow: 2px -1px 3px #0186f3;
	filter: dropshadow(color=#0186f3,  offx=2,  offy=-1);
}

input[type="text"]  {
	background: url(../images/input-repeater.png) repeat-x left top;
	width: 250px;
	height: 26px;
	border: 1px solid #0471cc;
	border-top: 2px solid #0471cc;
	border-right: 2px solid #0471cc;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #ffffff;
	padding: 0 5px;
}

input[type="password"]  {
	background: url(../images/input-repeater.png) repeat-x left top;
	width: 250px;
	height: 26px;
	border: 1px solid #0471cc;
	border-top: 2px solid #0471cc;
	border-right: 2px solid #0471cc;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #ffffff;
	padding: 0 5px;
}

input[type="submit"]  {
	background: url(../images/button.png) no-repeat left -4px;
	display: block;
	border: none;
	width: 191px;
	height: 64px;
	margin: 9px auto;
	font-family: Tahoma,  sans-serif;
	font-size: 1.8em;
	line-height: 1;
	color: #ffffff;
	cursor: pointer;
	text-transform: uppercase;
}

input[type="submit"]:hover, input[type="submit"]:focus {
	 background-position:left -88px;
	 ;
}


.main-form span  {
	font-size: 1.2em;
	line-height: 1.2;
	display: block;
	text-shadow: 2px -1px 3px #0186f3;
	filter: dropshadow(color=#0186f3,  offx=2,  offy=-1);
	padding:0px 0px 5px 20px;
}

.performance,  .performnace-time  {
	margin-top: 16px;
}

.performance-desc,  .introduction-desc  {
	background: url(../images/performance.png) repeat-x left top;
	text-align: center;
	padding: 19px 16px 7px;
	border: 1px solid #0471cc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 3px 3px 10px 2px #000000;
	box-shadow: 3px 3px 10px 0px #000000;
}

.performance span,  .performnace-time span  {
	display: block;
	border: 1px solid #0471cc;
	border-top: 2px solid #0471cc;
	border-right: 2px solid #0471cc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.4;
	margin-bottom: 17px;
	color: #ffffff;
	background: url(../images/span-back.png) repeat-x left top;
}

.performnace-time span  {
	margin: 10px 0 28px;
}

.performnace-time .span  {
	margin-bottom: 0px;
}

.side-nav li  {
	background: url(../images/link-back.png) repeat-x left top;
	font-size: 2.4em;
	line-height: 1.7;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	 text-shadow: 1px 1px 10px #000000;
filter: dropshadow(color=#000000,  offx=1,  offy=1);

}

.side-nav a  {
	color: #ffffff;
	display: block;
	padding: 13px 21px 13px 16px;
	overflow: hidden;
	text-align: center;
}

.arrow,  .doller,  .home  {
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
	float: left;
}

.arrow  {
	display: inline-block;
	width: 52px;
	height: 46px;
	background-position: left -38px;
	vertical-align: middle;
}

.doller  {
	display: inline-block;
	width: 52px;
	height: 46px;
	background-position: -79px -35px;
	vertical-align: middle;
}

.home  {
	display: inline-block;
	width: 52px;
	height: 46px;
	background-position: -178px -38px;
	vertical-align: middle;
}

.online  {
	margin-top: 14px;
}

.onlien  {
	background: url(../images/side-box-repeater.png) repeat-x left top;
	padding: 12px 0;
	text-align: center;
	border: 1px solid #0471cc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 3px 3px 10px 2px #000000;
	box-shadow: 3px 3px 10px 0px #000000;
}

.onlien span,  .digit span,  .time li span  {
	font-family: 'ds-digitalitalic';
	font-size: 5em;
	line-height: 0.95;
	color: #ffffff;
	border-radius: 0;
	text-shadow: 2px -1px 3px #0186f3;
}

.number  {
	padding: 0;
	position: relative;
}

.img-desc  {
	width: 100%;
	overflow: hidden;
	padding-bottom: 13px;
}

.img-desc img  {
	float: left;
}

.digit  {
	position: relative;
}

.digit span  {
	margin-top: 35px;
	display: block;
}

.back-text,  .number-text  {
	opacity: 0.1;
	position: absolute;
	right: 0;
	top: 0;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	/* IE 5-7 */
	filter: alpha(opacity=10);
}

.number-text  {
	right: 114px;
}

.img-desc span  {
	float: right;
	background: none;
	border: none;
}

.introduction  {
	margin-top: 0px;
}

.intoduction-title  {
	margin: 0 248px 0 34px;
}

.introduction-desc  {
	background: url(../images/introduction-back.png) repeat-x left top;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.2;
	color: #ffffff;
	padding: 33px 16px 32px;
	text-shadow: 2px -1px 3px #0186f3;
}

.introduction-desc span  {
	display: block;
	float: left;
}

.introduction-desc ul  {
	overflow: hidden;
	font-weight: bold;
}

.introduction-desc .upadate  {
	width: 73px;
	color: #111111;	
}

.introduction-desc .new  {
	width: 216px;
}

.introduction-desc .by  {
	float: right;
	text-align: right;
}

.comment  {
	background: url(../images/second-box-repeater.png) repeat-x left top;
	padding: 5px 16px 41px 5px;
	border: 1px solid #0471cc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 10px;
	-webkit-box-shadow: 3px 3px 10px 2px #000000;
	box-shadow: 3px 3px 10px 0px #000000;
	font-style: italic;
}

.comment span,  .comment a  {
	display: block;
	float: none;
	color: #ffffff;
}

.comment p  {
	margin-top: 12px;
}

/*
 2.) Slide-Show
 -----------------------------------------------*/
.slides_container {
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.pagination  {
	position: absolute;
	right: -17px;
	bottom: 31px;
	background: url(../images/slider-back.png) no-repeat right top;
	width: 100%;
	z-index: 100;
	padding-right: 18px;
}

#slides  {
	position: relative;
}

.pagination li  {
	float: right;
	background: url(../images/li-back.png) repeat-x left center;
	padding: 15px 4px;
}

#slides a  {
	text-indent: -9999px;
	display: block;
}

.pagination li a  {
	background: url(../images/sprite.png) no-repeat -41px top;
	width: 20px;
	height: 18px;
	margin-top: 1px;
}

.pagination li.current a,  .pagination li a:hover  {
	background: url(../images/sprite.png) no-repeat left top;
}

#slides .prev,  #slides .next  {
	display: none;
}

/*
 3.) Server-Time page Content
 -----------------------------------------------*/
.server-time  {
	width: 519px;
	margin: 100px auto;
	border: 1px solid #02759c;
	background: url(../images/server-time-back.png) no-repeat left top;
	position: relative;
	padding-bottom: 19px;
}

.wrapper-back  {
	background: none !important;
}

.dang  {
	background: url(../images/server-time.png) no-repeat left top;
	width: 100%;
	height: 26px;
}

.dang a  {
	font-size: 1.4em;
	line-height: 1.2;
	color: #ffffff;
	font-weight: bold;
	float: right;
	margin: 6px 12px 0 0;
	padding: 0 33px;
	text-shadow: 2px -1px 3px #0186f3;
	filter: dropshadow(color=#0186f3,  offx=2,  offy=-1);
}

.time  {
	text-align: center;
	color: #ffffff;
	text-shadow: 2px -1px 3px #0186f3;
	filter: dropshadow(color=#0186f3,  offx=2,  offy=-1);
	margin-top: 19px;
}

.time li  {
	font-size: 1.4em;
	line-height: 1;
	font-weight: bold;
	position: relative;
}

.time li span  {
	font-size: 3.5em;
	font-weight: normal;
}

.time-text  {
	opacity: 0.1;
	position: absolute;
	right: 205px;
	top: 0;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	/* IE 5-7 */
	filter: alpha(opacity=10);
}

.server-content  {
	width: 425px;
	padding: 73px 37px;
	margin: 0 10px;
}

.server-content li  {
	font-size: 1.3em;
	line-height: 1;
	color: #ffffff;
	font-weight: bold;
}

.server-content .li-content  {
	font-size: 0.71em;
	font-style: italic;
	font-weight: normal;
	line-height: 1.3;
	display: block;
}

.dang-form  {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 5;
	margin: 1px;
	width: 100%;
}

.request-form  {
	width: 476px;
	background: url(../images/drop-down.png) repeat-x left top;
	padding: 9px 18px 5px 23px;
	overflow: hidden;
	display: none;
}

.dang-form label  {
	color: #ffffff;
	margin-left: 2px;
	line-height: 1.3;
}

.dang-form input[type="text"]  {
	width: 163px;
	height: 22px;
	border-radius: 4px;
}

.dang-form .text  {
	width: 76px !important ;
}

.dang-form input[type="submit"]  {
	background: url(../images/button-2.png) no-repeat left top;
	width: 122px;
	height: 39px;
	font-size: 1.4em;
	line-height: 1;
	font-weight: bold;
}

.form-one  {
	float: left;
	margin-top: 11px;
	width: 179px;
}

.form-one label {
line-height: 1.8;
}

	
.form-two  {
	float: right;
	width: 179px;
}

.form-two input[type="text"],  .form-one .input  {
	background: url(../images/form-text.png) repeat-x left top;
}

.form-two input[type="submit"]  {
	margin: 9px 0 3px;
}