@font-face{ src:url(../fonts/BebasNeue.otf);font-family:arun;}
@font-face{ src:url(../fonts/Sansation-Light.ttf);font-family:arun2;}
@font-face{ src:url(../fonts/helvetica-neue-lt-com-57-condensed.ttf);font-family:arun3;}
@font-face{ src:url(../fonts/Reflex.ttf);font-family:arun4;}
@font-face{ src:url(../fonts/YanoneKaffeesatz-Regular.otf);font-family:arun5;}
@font-face{ src:url(../fonts/Cuprum-Regular.ttf);font-family:arun6;}
@font-face{ src:url(../fonts/OpenSans-Regular.ttf);font-family:arun7;}
/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}
/* HTML ELEMENTS */
body { font:62.5% Georgia,'Times New Roman',serif; letter-spacing:1; }
/* COMMON CLASSES */
.break { clear:both; }
#socialall {
width:51px;
height:241px;
float:right;
right:0px;
top:200px;
background:url(../images/social_bg.png) repeat;
position:fixed;
border-top-left-radius:6px;
border-bottom-left-radius:6px;
}
#socialall #socialfixed {
width:27px;
height:211px;
float:left;
margin:15px 12px 15px 12px;
}
#socialfixed #si01 {
width:27px;
height:26px;
float:left;
margin:0px 0px 11px 0px;
background:url(../images/Social01.png) no-repeat;
}
#socialfixed #si02 {
width:27px;
height:26px;
float:left;
margin:0px 0px 11px 0px;
background:url(../images/Social02.png) no-repeat;
}
#socialfixed #si03 {
width:27px;
height:26px;
float:left;
margin:0px 0px 11px 0px;
background:url(../images/Social03.png) no-repeat;
}
#socialfixed #si04 {
width:27px;
height:26px;
float:left;
margin:0px 0px 11px 0px;
background:url(../images/Social04.png) no-repeat;
}
#socialfixed #si05 {
width:27px;
height:26px;
float:left;
margin:0px 0px 11px 0px;
background:url(../images/Social05.png) no-repeat;
}
#socialfixed #si06 {
width:27px;
height:26px;
float:left;
margin:0px 0px 0px 0px;
background:url(../images/Social06.png) no-repeat;
}
/* HEADER */
#header { height:570px; }
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:570px; position:absolute; }
#topnav-outer { height:20px; position:relative; top:0px;}
#topnav_headermain { width:985px; height:20px; margin:0 auto;}
#topnav_links { width:168px; height:15px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; text-decoration:none; margin-top:12px; }
.toplinks{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; text-decoration:none; margin-top:12px;}
.toplinks:hover{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold; text-decoration:none; margin-top:12px;}
/* NAVIGATION */
#nav-outer { height:100px; position:relative; top:0px; }
#header_main { 
width:985px; 
height:100px;
margin:auto;
}
#header_main #header_logo { 
width:120px; 
height:105px;
float:left;
margin:15px 0px 0px 0px;
background:url(../images/logo.png) no-repeat;
}
#header_main #header_linksall { 
width:680px; 
height:100px;
float:right;
}
#header_linksall #toplinks {
width:680px;
height:auto;
float:left;
margin:14px 0px 0px 0px;
}
#toplinks #leftcaptions {
width:auto;
height:auto;
float:right;
margin:0px 0px 0px 0px;
}
#leftcaptions #searchall {
width:200px;
height:24px;
float:right;
margin:8px 0px 0px 0px;
background-color:#004675;
}
#searchall #searchbox {
width:160px;
height:24px;
float:left;
margin:3px 0px 0px 6px;
}
.fld { 
font-family:arun3; 
font-size:11px; 
color:#7ea1b9;
width:120px; 
height:16px; 
margin:1px 0px 0px 0px;
background-color:#004675;
border:none;
}
#searchall #searchicon {
width:14px;
height:13px;
float:right;
margin:5px 5px 0px 0px;
background:url(../images/search_icon.png) no-repeat;
cursor:pointer;
}
#toplinks .onelinksall {
width:auto;
height:auto;
float:right;
margin:12px 0px 0px 0px;
}
.onelinksall .tlinks {
width:auto;
height:auto;
float:left;
}
.onelinksall .tlinks ul {
margin:0px;
padding:0px;
}
.onelinksall .tlinks ul li {
width:auto;
height:auto;
float:left;
font-family:arun6;
font-size:13px;
color:#fff;
list-style:none;
padding:1px 16px 0px 0px;
}
.onelinksall .tlinks ul li:hover {
width:auto;
height:auto;
float:left;
font-family:arun6;
font-size:13px;
color:#8aaac0;
list-style:none;
padding:1px 16px 0px 0px;
}

#header_linksall #bottomlinks {
width:auto;
height:auto;
float:right;
margin-top:31px;
margin-right:5px;
}
/* Adjusting the margins, paddings and no list styles */
	.navigation  {
		margin:0; 
		padding:0; 
		list-style:none;
	}	
	
	/* Little tricking with positions */
	.navigation  li {
		float:left;			/* Show list items inline */
		width:auto;
		position:relative; 
	}
		
	/* Playing with Main Categories */
	.navigation  li a {
		color:#fff;
		display:block;  	/* Making sure a element covers whole li area */
		padding:0px 0px 0px 0px; 
		text-decoration:none; /* No underline */
		font-family:arun3;
		font-size:15px;
		height:30px;
		margin:0px 0px 0px 0px;
		text-transform:uppercase;
	}

	.navigation  li a:hover {
		color:#fff;
		border-bottom:0px solid #1bafe6;
	}
		
	/* Sub Cat Menu stuff*/
	.navigation  ul {
	background-color:#004775;
	border-top:4px solid #5aa2d0;
		position:absolute; 
		left:0; 
		display:none; /* Hide it by default */
		margin:0px 0 0 0px; 
		padding:0; 
		list-style:none;
		z-index:1000;
	}
		
	.navigation  ul li {
		width:196px; 
		float:left; 
		border-top:none;
	}
		
	/* Sub Cat menu link properties */
	.navigation  ul a {
		display:block;    	/* Making sure a element covers whole li area */
		height:15px;
		padding:10px 0px 13px 8px; 
		color:#fff;
		text-decoration:none;	
		border-top:none;
		text-align:left;
		margin:0px 0px 0px 0px;
		text-transform:none;
		border-bottom:0px solid;
		font-size:14px;		
	}		
	.navigation  ul a:hover {
	background-color:#0d507c;
		color:#fff;
		border-bottom:0px solid #1bafe6;
	}
.bottomlinksmidline {
width:3px;
height:10px;
float:left;
font-family:arun3;
font-size:16px;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
text-transform:uppercase;
padding:0px 9px 0px 8px;
}
/* CONTENT */
#content { color:#575757; background-color:#FFFFFF; }
#latestnews { 
width:100%; 
height:50px;
float:left;
background-color:#005085;
}
#latestnews #lnfixed { 
width:985px; 
height:50px;
margin:auto;
}
#lnfixed #lnhead { 
width:90px; 
height:auto;
float:left;
font-family:arun3;
font-size:18px;
color:#e5bc2d;
margin:13px 10px 0px 0px;
}
#lnfixed #lntext { 
width:885px; 
height:auto;
float:left;
font-family:arun3;
font-size:13px;
color:#fff;
margin:17px 0px 0px 0px;
}


#bodyfixed { 
width:985px; 
min-height:480px; 
margin:auto;
}

#bodyfixed #threeboxall { 
width:985px; 
height:124px;
float:left;
margin:10px 0px 10px 0px;
}
#threeboxall #onebox { 
width:320px; 
height:124px;
float:left;
background:url(../images/box01bg.jpg) no-repeat;
margin:0px 0px 0px 0px;
}
#threeboxall #twobox { 
width:320px; 
height:124px;
float:left;
background:url(../images/box02bg.jpg) no-repeat;
margin:0px 0px 0px 0px;
}
#threeboxall #threebox { 
width:320px; 
height:124px;
float:left;
background:url(../images/box03bg.jpg) no-repeat;
margin:0px 0px 0px 0px;
}
.obheading { 
width:185px; 
height:88px;
float:left;
margin:18px 0px 0px 120px;
}
.obheading .boxheads { 
width:185px; 
height:23px;
float:left;
margin:0px 0px 0px 0px;
font-family:arun3;
font-size:16px;
color:#005085;
}
.obheading .boxtexts { 
width:185px; 
height:65px;
float:left;
margin:0px 0px 0px 0px;
}
.boxtextss01 { 
font-family:arun3;
font-size:12px;
color:#5a602a;
}
.boxtextss02 { 
font-family:arun3;
font-size:12px;
color:#7b210c;
}
.boxtextss03 { 
font-family:arun3;
font-size:12px;
color:#003f5c;
}

#threeboxall #boxspace { 
width:12px; 
height:124px;
float:left;
margin:0px 0px 0px 0px;
}
#threeboxall #boxspace02 { 
width:13px; 
height:124px;
float:left;
margin:0px 0px 0px 0px;
}
#bodyfixed #body_topdesign {
width:985px;
height:330px;
float:left;
margin:12px 0px 0px 0px;
}
#body_topdesign #btdheadall {
width:985px;
height:30px;
float:left;
margin:0px 0px 0px 0px;
}
#btdheadall #btdhfont {
width:80px;
height:30px;
float:left;
margin:0px 0px 0px 0px;
font-family:arun3;
font-size:24px;
color:#696969;
text-transform:uppercase;
}
#btdheadall #btdhdesign {
width:894px;
height:12px;
float:right;
margin:10px 0px 0px 0px;
background:url(../images/splitter.jpg) repeat;
}

#body_topdesign #btdbodyall {
width:985px;
height:290px;
float:left;
margin:10px 0px 0px 0px;
}
#btdbodyall .btopboxoneall {
width:315px;
height:290px;
float:left;
margin:0px 0px 0px 0px;
}
.btopboxoneall .onetopall {
width:315px;
height:135px;
float:left;
margin:0px 0px 0px 0px;
}
.onetopall #otaicon {
width:39px;
height:39px;
float:left;
margin:0px 0px 0px 0px;
background:url(../images/business_consulting.png) no-repeat;
}
.onetopall #otaicon2 {
width:39px;
height:39px;
float:left;
margin:0px 0px 0px 0px;
background:url(../images/brand.png) no-repeat;
}
.onetopall #otaicon3 {
width:39px;
height:39px;
float:left;
margin:0px 0px 0px 0px;
background:url(../images/application_development.png) no-repeat;
}
.onetopall #otaicon4 {
width:39px;
height:39px;
float:left;
margin:0px 0px 0px 0px;
background:url(../images/mobile.png) no-repeat;
}
.onetopall #otaicon5 {
width:39px;
height:39px;
float:left;
margin:0px 0px 0px 0px;
background:url(../images/information.png) no-repeat;
}
.onetopall #otaicon6 {
width:39px;
height:39px;
float:left;
margin:0px 0px 0px 0px;
background:url(../images/manpower.png) no-repeat;
}
.onetopall .otacontentall {
width:266px;
height:135px;
float:left;
margin:0px 0px 0px 10px;
}
.otacontentall .serinnhead {
width:266px;
height:auto;
float:left;
margin:4px 0px 0px 0px;
font-family:arun4;
font-size:16px;
color:#666666;
font-weight:bold;
text-transform:uppercase;
}
.serinnhead02 {
font-family:arun4;
font-size:16px;
color:#005085;
font-weight:bold;
text-transform:uppercase;
}

.more {
font-family:arun3;
font-size:12px;
color:#005085;
font-weight:bold;
}
.more:hover {
font-family:arun3;
font-size:12px;
color:#666;
font-weight:bold;
}

.otacontentall .serinntext{
width:266px;
height:102px;
float:left;
margin:3px 0px 0px 0px;
font-family:arun3;
font-size:12px;
color:#666666;
line-height:17px;
}

.btopboxoneall .onetopspace {
width:315px;
height:20px;
float:left;
margin:0px 0px 0px 0px;
background-color:#fff;
}

#btdbodyall .btopboxspace {
width:20px;
height:290px;
float:left;
margin:0px 0px 0px 0px;
background-color:#fff;
}
#footer_design {
width:100%;
height:295px;
float:left;
background-color:#005085;
border-top:4px solid #1d79b6;
}
#footer_design #ftr2 {
width:100%;
height:255px;
float:left;
}
#ftr2 #ftr2_fixed {
width:985px;
height:255px;
margin:auto;
}
#ftr2_fixed #ftr_fix02 {
width:985px;
height:215px;
float:left;
margin:20px 0px 20px 0px;
}
#ftr_fix02 .ftrlinksboxall {
width:232px;
height:215px;
float:left;
margin:0px 0px 0px 0px;
}
.ftrlinksboxall .ftrlhead {
width:232px;
height:22px;
float:left;
margin:0px 0px 0px 0px;
border-bottom:1px dotted #ccc;
font-family:arun3;
font-size:17px;
color:#FFFFFF;
font-weight:normal;
}
.ftrlinksboxall .ftrllall {
width:232px;
height:192px;
float:left;
margin:0px 0px 0px 0px;
}
.ftrllall .ftrlinksetall {
width:232px;
height:31px;
float:left;
margin:0px 0px 0px 0px;
border-bottom:1px solid #065d96;
}
.ftrllall .ftrlinksetall:hover {
width:232px;
height:31px;
float:left;
margin:0px 0px 0px 0px;
border-bottom:1px solid #1d79b6;
background-color:#1d79b6;
}
.ftrlinksetall .ftrlicon {
width:13px;
height:7px;
float:left;
margin:15px 5px 0px 4px;
background:url(../images/icon2.png) no-repeat;
}
.ftrllall .ftrlink {
width:auto;
height:auto;
float:left;
margin:8px 0px 0px 0px;
font-family:arun3;
font-size:13px;
color:#8fcef7;
}

#ftr_fix02 .ftrlinksboxspace {
width:19px;
height:215px;
float:left;
margin:0px 0px 0px 0px;
}
#footer_design #copyright {
width:100%;
height:39px;
float:left;
border-top:1px solid #2586c6;
}
#copyright #copyright_fixed {
width:985px;
height:39px;
margin:auto;
}
#copyright_fixed #copyleftall {
width:auto;
height:auto;
float:left;
font-family:arun3;
font-size:13px;
color:#fff;
margin-top:10px;
}
#copyright_fixed #copyleftall a { color:#FFFFFF}
#copyright_fixed #copyrightall {
width:auto;
height:auto;
float:right;
margin-top:10px;
}
#copyright_fixed #copyrightall ul {
margin:0px;
padding:0px;
}
#copyright_fixed #copyrightall ul li {
width:auto;
height:auto;
float:left;
font-family:arun3;
font-size:12px;
color:#FFFFFF;
list-style:none;
text-transform:uppercase;
letter-spacing:0.3px;
}
#copyright_fixed #copyrightall ul li:hover {
width:auto;
height:auto;
float:left;
font-family:arun3;
font-size:12px;
color:#FFFFFF;
list-style:none;
text-decoration:underline;
letter-spacing:0.3px;
}
.copyrightall_line {
width:1px;
height:12px;
float:left;
background-color:#ccc;
margin:4px 10px 0px 10px;
}