@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font: inherit;
	vertical-align: baseline;
	font-family:Arial;
	line-height:18px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{ text-decoration:none; color:#000000;}
.divclear{clear:both;}

h2{ color:#36a8ff; font-size:30px; text-transform:uppercase; font-weight:bold; padding:5px 0 20px; text-align:center; line-height: 34px;}
h3{ color:#033253; font-size:22px; text-transform:uppercase; padding:5px 0; font-weight:bold;}
h5{ color:#36a8ff; font-size:20px; font-weight:bold; text-transform:uppercase; padding:10px 0 5px; text-align:left;}
h6{ color:#FFAF36; font-size:14px; font-weight:bold; text-transform:uppercase; padding:10px 0 5px; text-align:left;}
p{ font-size:13px; line-height:22px; color:#171b1f; padding:4px 0; text-align:justify;}
p a:link{ color:#36a8ff;}
p a:visited{ color:#36a8ff;}
p a:hover{ color:#FFAF36;}
form{ width:438px;}
strong{ font-weight:bold;}

#wrapper{ width:100%; margin:0px auto; padding:0; font-family:"Arial";}
.wrap{ width:1230px; margin:0px auto; padding:0;}
#header{ height:60px; width:100%; background:#eaeff3; line-height:60px;}
#header .left{width:1140px; margin:0px auto;}
.sign_up{background:#36a8ff url("../images/key-icon.png") no-repeat scroll 20px center;
    content: "";
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    width: 25%; line-height:60px; color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase; padding:0 0 0 40px;}
	.sign_up a:link{ color:#fff;}
	.sign_up a:visited{ color:#fff;}
	.sign_up a:hover{ color:#0E111A;}
	/*Menu starts*/
			#menu
			{
			padding:0;
			margin:0;
			white-space:nowrap;
			list-style-type:none;			
			text-align:left;
			text-transform:uppercase;
			float:right;
			width:1190px;			
			}
			#menu li {display:inline;}
			#menu li a
			{
			padding:22px 22px 22px 13px;
			color:#60717e;
			text-decoration:none;
			font:bold 14px/60px "Arial";
			border-right:1px solid #dde4ea;
			}			
			#menu li a:hover 
			{
			color:#ffaf36;
			}			
			#menu li .current			
			{
			color:#ffaf36;
			}			
			/*Menu ends*/
#header_logo{ width:1230px; margin:0px auto; padding:0 0 5px; height:80px;}

#banner{ background:url(../images/banner.jpg) no-repeat center top; height:570px;}
.logo{ height:50px; width:205px; padding:12px 0 0;}
.banner_content{ width:440px; padding:150px 0 0 120px;}
.orange_head{ color:#fff; font-size:17px; font-weight:bold; background:#ffaf36; height:45px; padding:0 25px; text-transform:uppercase; line-height:45px; float:left;}
.blue_light{ background:url(../images/banner_content_bg.png) repeat; width:380px; padding:35px 30px; font-size:15px; line-height:24px; color:#fff;float:left;}
.readmore_btn{ float:right; padding:0 15px; background:#171b1f; height:45px; line-height:45px; color:#fff; text-transform:uppercase; font-size:14px; font-weight:bold;}
.readmore_btn:hover{ color:#FFAF36;}
#banner_inner{ background:url(../images/service-banner.jpg) no-repeat center top fixed; height:150px; padding:100px 0 0;}
#banner_inner h2{ color:#fff; line-height:40px; font-size:50px;}
#banner_inner p{ color:#36A8FF; text-align:center; width:800px; margin:0px auto; font-size:14px; line-height:24px;}
#contact{ margin:0px auto; width:1100px; height:350px;}
#contact .left{ width:800px; float:left;}
#contact .right{ width:250px; float:right; background:#36A8FF;height:300px; color:#fff; padding:50px 0 0 50px;}
#contact p{ color:#fff; line-height:21px; padding:0 0 22px; font-weight:normal; font-size:15px;}

#services{ background:#eaeff3; padding:50px 0; height:auto;}
.wrap_service{ width:1230px; margin:0px auto; padding:0; background:url(../images/services_bg.jpg) no-repeat left center; height:700px;}
.digital{ padding:15px 0 0 360px;}
.list1{ list-style:disc; margin:5px 10px;}
.list1 li{ color:#f79b10; font-size:17px; font-weight:bold; line-height:24px; margin:0 0 0 30px;}
.list1 li a{ color:#f79b10; font-size:14px; font-weight:normal; line-height:24px; padding:0 0 0 5px;}
.list1 li a:hover{ color:#36a8ff;}
.list2{ list-style:disc; margin:5px 10px;}
.list2 li{ color:#36A8FF; font-size:13px; font-weight:normal; line-height:24px; margin:0 0 0 30px;}
.messaging{ padding:70px 0 0 615px;}
.data{ padding:50px 0 0 750px;}

#content{ width:1230px; margin:0px auto; padding:50px 0;}
.welcome{ width:755px; margin:0px auto; line-height:24px; font-size:17px; font-weight:bold; text-align:center;}
#content .left{ width:900px; float:left;}
#content .right{ width:300px; float:right; padding:0 0 0 30px;}
.imgleft{ float:left; margin:10px 10px 10px 0;}
.imgright{ float:right; margin:10px 0px 10px 10px;}
.txt_box{ height:45px; float:left; width:290px; background:#E4F9FD; color:#686767; font-size:14px; padding:0 0 0 10px; border:0; margin:20px 0 40px;}

.solutions{ width:480px; background:#fff; border:1px solid #E5E5E5; box-shadow:1px 2px 2px #BDBDBD; padding:15px 15px 5px; float:left; margin:20px 50px;}
.services_btn{ float:left; padding:0 14px; background:#171b1f; height:26px; line-height:26px; color:#fff; text-transform:uppercase; font-size:11px; margin:5px 0 15px;}
.services_btn:hover{ color:#FFAF36;}

#footer{ height:150px; background:#2a2b2c; line-height:150px; }
#footer .right{width:1140px; margin:-150px auto 0;color:#eaeff3; line-height: 150px; text-align:right; font-size:17px; font-weight:bold;}
.footer_logo{background:#36a8ff;
    content: "";
    height: 135px;
    position:relative;
    left: 0;
    top: 0;
    width: 30%; line-height:135px;padding:15px 40px 0 0; text-align:right;}
#footer a:link{ color:#eaeff3;}
#footer a:visited{ color:#eaeff3;}
#footer a:hover{ color:#36a8ff; text-decoration:underline;}