@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.eot');
    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bold-webfont.woff') format('woff'),
         url('fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold_italic';
    src: url('fonts/roboto-bolditalic-webfont.eot');
    src: url('fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bolditalic-webfont.woff') format('woff'),
         url('fonts/roboto-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rokkittregular';
    src: url('fonts/rokkitt-regular-webfont.eot');
    src: url('fonts/rokkitt-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rokkitt-regular-webfont.woff') format('woff'),
         url('fonts/rokkitt-regular-webfont.ttf') format('truetype'),
         url('fonts/rokkitt-regular-webfont.svg#rokkittregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'rokkittbold';
    src: url('fonts/rokkitt-bold_0-webfont.eot');
    src: url('fonts/rokkitt-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rokkitt-bold_0-webfont.woff') format('woff'),
         url('fonts/rokkitt-bold_0-webfont.ttf') format('truetype'),
         url('fonts/rokkitt-bold_0-webfont.svg#rokkittbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#container	{
	width:100%;
	height:auto;
	background:url(images/hdr-bg.jpg) center top repeat-x;
}
#header	{
	width:100%;
	height:528px;
	background:url(images/hdr-full-bg.jpg) center top no-repeat;
}
#hdr-tp	{
	width:100%;
	height:auto;
	border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}
#top-inside	{
	width:960px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
#logo	{
	width:247px;
	height:auto;
	overflow:hidden;
	float:left;
	margin-top:40px;
	margin-bottom:36px;
}
#nav	{
	width:460px;
	height:auto;
	overflow:hidden;
	float:right;
}
#nav ul	{
	list-style:none;
	padding:0px;
	margin:0px;
}
#nav ul li	{
	width:142px;
	float:right;
	padding:40px 0px 34px 0px;
	text-align:center;
	border-right: solid 1px rgba(255, 255, 255, 0.1);
}
#nav ul li.first	{
	border-left: solid 1px rgba(255, 255, 255, 0.1);
}
#nav ul li a	{
	padding:0 0 0 0;
	font:normal 13px 'robotobold';
	text-decoration:none;
	color:#FFF;
	text-transform:uppercase;
	text-align:center;
	display:block;
	line-height:35px;
	text-shadow: 0px 1px 0px #07192d;
}
#nav ul li a:hover	{
	color:#ffc631;
	display:block;
}
#hdr-mdl	{
	width:960px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	margin-top:15px;
}
#hdr-lft-sec	{
	width:475px;
	height:auto;
	overflow:hidden;
	float:left;
	font:normal 14px 'robotoregular';
	text-decoration:none;
	color:#FFF;
	text-shadow: 0px 1px 0px #07192d;
}
#hdr-lft-sec ul	{
	list-style:none;
	padding:0px;
	margin:0px;
	margin-top:12px;
}
#hdr-lft-sec ul li	{
	padding:2px 0 2px 31px;
	font:normal 18px 'robotobold_italic';
	text-decoration:none;
	color:#fff;
	background:url(images/bullet.png) 0px 5px no-repeat;
	text-transform:uppercase;
	text-shadow: 0px 2px 0px #07192d;
}
h1	{
	font:normal 44px 'rokkittbold';
	text-decoration:none;
	color:#FFF;
	text-shadow: 0px 2px 0px #07192d;
	margin:0px;
}
h1 strong	{
	font:normal 44px 'rokkittbold';
	text-decoration:none;
	color:#ffc631;
}
h1 span	{
	font:normal 16px 'robotoregular';
	text-decoration:none;
	color:#fff;
}

#slider-main	{
	width:462px;
	height:auto;
	overflow:hidden;
	float:right;
}
#wrapper	{
	width:100%;
	height:auto;
}
#services-main	{
	width:auto;
	height:auto;
	overflow:hidden;
	border-bottom:#ebebeb solid 1px;
	padding-bottom:7px;
}
#service	{
	width:312px;
	height:auto;
	overflow:hidden;
	float:left;
	font:normal 13px 'robotoregular';
	text-decoration:none;
	color:#606060;
	text-align:center;
	margin-right:12px;
}
#service.last	{
	margin-right:0px;
}
h3	{
	font:normal 30px 'rokkittregular';
	text-decoration:none;
	color:#144b74;
	text-transform:uppercase;
	margin:0px;
}
#contents-main	{
	width:960px;
	width:960px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	margin-top:10px;
}
#body-contents	{
	width:auto;
	height:auto;
	overflow:hidden;
	font:normal 13px 'robotoregular';
	text-decoration:none;
	color:#606060;
	margin-top:15px;
}
#application-sec	{
	width:100%;
	height:auto;
	background-color:#f2f4f6;
	padding-top:20px;
	padding-bottom:15px;
	margin-top:10px;
}
#app-inside	{
	width:960px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
h2	{
	font:normal 40px 'rokkittregular';
	text-decoration:none;
	color:#000000;
	margin:0px;
	text-align:center;
}
h2 span	{
	font:normal 40px 'rokkittbold';
	text-decoration:none;
	color:#105da6;
	text-transform:uppercase;
}
#footer	{
	width:100%;
	height:auto;
	background:url(images/ftr-bg.jpg) center bottom repeat-x #134e8f;
	margin-top:20px;
}
#ftr-inside	{
	width:960px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	font:normal 13px 'robotobold';
	text-decoration:none;
	color:#FFF;
	text-transform:uppercase;
	text-shadow: 0px 2px 0px #07192d;
	padding-top:30px;
	padding-bottom:28px;
}
#ftr-inside span	{
	float:right;
}
#ftr-inside ul	{
	list-style:none;
	padding:0px;
	margin:0px;
}
#ftr-inside ul li	{
	float:left;
	padding:0 10px 0 10px;
	background:url(images/ftr-divider.jpg) right no-repeat;
}
#ftr-inside ul li.last	{
	background:none;
}
#ftr-inside ul li a	{
	padding:0 0 0 0;
	font:normal 13px 'robotobold';
	text-decoration:none;
	color:#FFF;
	text-transform:uppercase;
}
#ftr-inside ul li a:hover	{
	color:#ffc631;
}





/*--------download-page--------*/
#d-bx-main	{
	width:auto;
	height:auto;
	overflow:hidden;
	background:url(images/light-bk.jpg) center bottom repeat-x;
	padding:25px 25px;
	border-top:#f5f5f5 solid 1px;
	margin-top:15px;
}
#d-bx-main2	{
	width:auto;
	height:auto;
	overflow:hidden;
	padding:25px 25px;
	margin-top:15px;
}
#download-icon	{
	width:48px;
	height:auto;
	overflow:hidden;
	float:left;
}
#detail-info	{
	width:400px;
	height:auto;
	overflow:hidden;
	float:left;
	font-family: 'robotoregular';
	font-size:13px;
	color:#606060;
	text-align:justify;
	line-height:16px;
	margin-left:20px;
}
#detail-info p	{
	margin-top:10px;
}
h4	{
	font:normal 25px 'rokkittbold';
	text-decoration:none;
	color:#105da6;
	margin:0px;
}
#donwloaded	{
	width:100px;
	height:auto;
	overflow:hidden;
	float:left;
	margin-left:30px;
	text-align:center;
	font-family: 'robotoregular';
	font-size:16px;
	color:#0567ac;
	border-bottom:#d5d5d5 dotted 1px;
	border-top:#d5d5d5 dotted 1px;
	padding:10px 0px;
}
#donwloaded span	{
	font-family: 'robotoregular';
	font-size:11px;
	color:#535353;
	text-transform:uppercase;
}
#download-btn	{
	width:279px;
	height:auto;
	overflow:hidden;
	float:right;
}


/*--------detail-page--------*/
#detail-bx	{
	width:auto;
	height:auto;
	overflow:hidden;
	background:#f8f8f8;
	padding:25px 25px;
	border:#eaeaea solid 1px;
	margin-top:10px;
}
#full-detail	{
	width:840px;
	height:auto;
	overflow:hidden;
	float:left;
	font-family: 'robotoregular';
	font-size:13px;
	color:#535353;
	text-align:justify;
	line-height:18px;
	margin-left:20px;
}
#full-detail p	{
	margin-top:10px;
}
#full-detail ul	{
	list-style:none;
	padding:0px;
	margin:0px;
	margin-left:14px;
	margin-top:14px;
}
#full-detail ul li	{
	list-style:disc;
	padding:3px 0 3px 0;
}
.detail-img	{
	float:right;
	padding:3px;
	background-color:#FFF;
	border:#eaeaea solid 1px;
	margin:0 0 15px 20px;
}



/*--------contact-page--------*/

#clear	{
	width:100%;
	height:10px;
	overflow:hidden;
	clear:both;
}
h5	{
	font:normal 20px 'rokkittbold';
	text-decoration:none;
	color:#082948;
	margin:0px;
}
#contact-left-sec	{
	width:180px;
	height:auto;
	overflow:hidden;
	float:left;
	font-family: 'robotoregular';
	font-size:13px;
	color:#535353;
	margin-top:10px;
}
#contact-left-sec p	{
	margin-top:10px;
}
#contact-left-sec a	{
	font-family: 'robotoregular';
	font-size:13px;
	color:#535353;
	text-decoration:underline;
}
#contact-left-sec a:hover	{
	text-decoration:none;
	color:#0d4f8a;
}

#contact-form	{
	width:380px;
	height:auto;
	overflow:hidden;
	float:left;
	margin-left:25px;
	margin-top:5px;
	font-family: 'robotoregular';
	font-size:14px;
	color:#535353;
}
#contact-form ul	{
	list-style:none;
	padding:0px;
	margin:0px;
}
#contact-form ul li.f-txt	{
	width:auto;
	padding:12px 0 3px 5px;
}
#contact-form ul li.fields	{
	width:auto;
	padding:0 0 0 0;
}
#contact-form ul li.submit-btn	{
	width:156px;
	padding-top:10px;
	margin-left:5px;
}
.input-field	{
	width:280px;
	height:auto;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#999;
	border:#e7e7e7 solid 1px;
	padding:4px 6px;
	margin-left:5px;
}
.input-field:hover	{
	-moz-box-shadow: 0 0 5px 5px #d5d5d5;
	-webkit-box-shadow: 0 0 5px 5px #d5d5d5;
	box-shadow: 0 0 3px 1px #f0f0f0;
	border:#cfcfcf solid 1px;
}
.input-field:focus	{
	-moz-box-shadow: 0 0 5px 5px #d5d5d5;
	-webkit-box-shadow: 0 0 5px 5px #d5d5d5;
	box-shadow: 0 0 3px 1px #f0f0f0;
	border:#cfcfcf solid 1px;
}
.text-area	{
	width:340px;
	height:auto;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#999;
	border:#e7e7e7 solid 1px;
	padding:4px 6px;
	margin-left:5px;
}
.text-area:hover	{
	-moz-box-shadow: 0 0 5px 5px #d5d5d5;
	-webkit-box-shadow: 0 0 5px 5px #d5d5d5;
	box-shadow: 0 0 3px 1px #f0f0f0;
	border:#cfcfcf solid 1px;
}
.text-area:focus	{
	-moz-box-shadow: 0 0 5px 5px #d5d5d5;
	-webkit-box-shadow: 0 0 5px 5px #d5d5d5;
	box-shadow: 0 0 3px 1px #f0f0f0;
	border:#cfcfcf solid 1px;
}
#map	{
	width:350px;
	height:auto;
	overflow:hidden;
	float:left;
	border:#8f8f8f solid 1px;
	margin-bottom:25px;
	margin-left:17px;
}