body { margin:0px; padding:0px; font-family: 'Roboto', sans-serif; font-size:12px; }
a,img { border:none; }
.fix { clear:both; }
.fleft { float:left; }
.fright { float:right; }
.ml25 { margin-left:40px; }
.mb10 { margin-bottom:10px; }
.blue { background:#F0F0FF; }
.clblue { color:#2b3887; }
.dblue { background:#2b3887; color:#FFF; }
.dgrey { background:#CACAC8; color:#2b3887; }
.row-0 { background:#1c2874; width:100%; float:left; height:auto; overflow:auto; }
ul.openingslist { width:100%; margin:0px 0px 0px 0px; padding:0px; list-style:none; }
ul.openingslist li { padding:10px 0px 10px 20px; border-bottom:1px dotted #CCC; background:url(images/tipGrey.png) 0px 15px no-repeat; display:block; }
ul.openingslist li.bnone { border:none; }
.moreicon { padding:0px 0px 0px 20px; background:url(images/add.png) 0px 5px no-repeat; font-size:14px; color:#293785; }
.moreicon:hover { color:#F60; }
h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px; }
h2 { float:left; width:100%; margin-bottom:10px; font-weight:normal; }
p { margin:0px; padding:0px; line-height:22px; }
/* main content */
.right-colm { width:680px; padding:10px; margin:0px; float:right; border:8px solid #f2f4ff; border-top:none; border-bottom:none; } 
.left-colm { width:215px; padding:10px; margin:0px; float:left;  } 
.boxy { padding:10px; width:100%; border:8px solid #f2f4ff; -webkit-border-top-right-radius: 30px; 
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomleft: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px; float:left; }
#slides {
  overflow:hidden;
  width: 995px;
  margin:0px auto;
  position:relative;
  z-index:1;
  height: 350px;
}
ul.socialmenu { list-style:none; float:right; width:250px; padding:0px; margin:3px 0px 0px 0px; position:absolute; top:5px; left:0px;  z-index:150; }
ul.socialmenu li a { float:left; display:block; margin:0px 10px 0px 0px; background:url(images/socialmedia.jpg) no-repeat; width:35px; height:37px;  }
ul.socialmenu li a.facebook { background-position:-15px -165px; }
ul.socialmenu li a.twitter { background-position:-53px -165px; }
ul.socialmenu li a.google { background-position:-92px -165px; }
ul.socialmenu li a.linkedin { background-position:-135px -165px; }
ul.socialmenu li a.youtube { background-position:-335px -165px; }
ul.socialmenu li a:hover { opacity:0.4;
filter:alpha(opacity=40); }
.banner-style {
	  width: 995px;
	   background:url(images/slide-bg.png) no-repeat;
  position:absolute;
  z-index: 3;
  bottom: 0px;
  height:70px;
  padding:5px 0px 0px 0px;
  border-radius:4px;
  border:none;
  margin-left:auto;
  margin-left:auto;
}

.mt5 { margin-top:5px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mb20 { margin-bottom:20px; }
.aligncenter { text-align:center; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:30px; }
.textjusfy { text-align:justify; }
a { text-decoration:none; }
h2.titles { margin:0px 0px 5px 0px; float:left; padding:0px; font-weight:normal; color:#07176f; }
.main-wrap { width:990px; padding:0px; margin:0px auto; }
.row-1 { margin:0px; padding:0px; width:100%; height:auto; overflow:auto; }
.row-2 { margin:0px; padding:0px; width:100%; height:auto; overflow:auto; position:relative; }
.row-3 { margin:0px; padding:0px; width:100%; height:auto; overflow:auto; }
.row-4 { margin:15px 0px 10px 0px; padding:15px 0px; width:100%; height:auto; background:#293786; overflow:auto; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; }
.row-5 { margin:15px 0px 30px 0px; padding:0px; width:100%; height:auto; overflow:auto; }
.row-7 { margin:0px; padding:10px 0px; width:100%; border-top:1px solid #E2E2E2; height:auto; overflow:auto; background:#F9F9F9; }
.row-6 { margin:0px; padding:10px 0px; width:100%; height:auto; overflow:auto; background:#293786; }
.row-8 { margin:0px; padding:10px 0px; width:100%; border-top:1px solid #E2E2E2; height:auto; overflow:auto; background:#F3F3F3; }
.logo { float:left; display:block; margin:40px 0px 10px 0px; }
.topright-nav { float:right; width:130px; margin:0px; padding:0px; }
.topright-nav .telfrend { float:right; display:block; width:65px; margin:0px 50px 0px 0px; -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; padding:10px 10px 10px 10px; color:#FFF; background:#283684; }
.topright-nav .telfrend img { float:left; margin-left:15px; }
.topright-nav ul.topmenu { list-style:none; float:right; width:190px; padding:0px; margin:13px 0px 0px 0px; }
.topright-nav ul.topmenu li a { float:left; display:block; margin:0px 10px 0px 0px; }
ul.mainmenu { margin:23px 0px 10px 0px; float:right; width:688px; padding:0px; list-style:none; }
ul.mainmenu li a { padding:5px 10px; background:#293785; color:#FFF; margin:0px; display:block; float:left; font-size:13px; }
ul.mainmenu li a.clorange { color:#FFF; margin-left:5px; background:#F90; }
.shadow-box { width:100%; float:left; background:url(images/slider_dark_shaddow.png) top center no-repeat; position:absolute; z-index:50; height:20px; }
.banner-section { /*background:#F8F8F8;*/ background:url(images/bg.jpg) top center no-repeat; padding:20px 0px 0px 0px; float:left; width:100%; height:360px; }
.premium-pt { margin:0px; padding:0px 0px 5px 0px; float:left; width:100%; } 
.box { width:300px; padding:10px; float:left; color:#333; }
.box:hover { background:#F0F0FF; }
.box .bpoint { float:left; width:32px; padding-right:5px; margin-right:10px; padding-bottom:20px; font-size:28px; border-right:1px solid #999; }
.box .btext { float:left; width:250px; }
.btnIconLeft { background: url(images/puchase_but_bg.png) repeat-x 0 0; border-radius:3px; display:inline-block; color: #FFF;  }
.btnIconLeft span { display: block; float: left; padding: 5px 10px; }
.welcometxt { float:left; width:500px; margin:0px; padding:0px; }
/* list styles */
.list {  }
.list .legend { display: block; font-weight: bold; padding-bottom: 4px; }
.list ul { list-style:none; margin:0px; padding:0px; }
.list ul li { text-transform:capitalize; padding: 0 0 0 25px; margin:8px 0px; line-height:22px; }
.tipGrey ul li { background: url(images/tipGrey.png) no-repeat 0 6px; }
.tipGrey ul li a { color:#1c2874; }
/* tabs */
.tabsy { float:right; width:450px; margin:0px; padding:0px; }
ul.tabs { /*background: url(../images/leftNavBg.png) repeat-x;*/ height: 35px; float:left; margin:0px; padding:0px; border-bottom: 1px solid #d5d5d5; width:100%; }
ul.tabs li { float: left; height: 35px; line-height: 35px; margin-right:3px; border-left: none; overflow: hidden; position: relative; font-size: 13px; }
ul.tabs li a { text-decoration: none;  display: block; padding: 0px 12px; background: url(images/puchase_but_bg.png) repeat-x 0 0; outline: none; color:#FFF; -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px; }
ul.tabs li a:hover { color:#FFF; background: url(images/puchase_but_bg_hover.png) repeat-x 0 0; }
ul.tabs li.activeTab  { color:#FFF; -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px; background: url(images/puchase_but_bg_hover.png) repeat-x 0 0; height: 35px; }
ul.tabs li.activeTab a { color:#FFF; } 
.tab_container { overflow: hidden; clear: both; float: left; width: 100%; }
.tab_content { padding:0px; }

/* new box items */
.newsbox { width:100%; float:left; color:#333; }
.newsbox .bpoint { float:left; width:55px; padding-right:5px; margin-right:10px; padding-bottom:20px; color:#F60; border-right:1px solid #999; }
.newsbox .bpoint span.date { float:left; font-size:28px; font-weight:bold; }
.newsbox .bpoint span.month-year { float:left; font-size:12px; }
.newsbox .btext { float:left; width:370px; }

/* new box items */
.newsbox1 { width:100%; float:left; color:#333; }
.newsbox1 .bpoint { float:left; width:55px; padding-right:5px; margin-right:10px; padding-bottom:20px; color:#F60; border-right:1px solid #999; }
.newsbox1 .bpoint span.date { float:left; font-size:28px; font-weight:bold; }
.newsbox1 .bpoint span.month-year { float:left; font-size:12px; }
.newsbox1 .btext { float:left; width:600px; }

/* ===== Table ===== */

.tableStatic thead td { padding: 3px 0 2px 0; text-align: center; border-left: 1px solid #D5D5D5; background: #efefef url(../images/leftNavBg.png) repeat-x; border-bottom: 1px solid #D5D5D5; font-size: 11px; color: #878787; }
.tableStatic thead td:first-child { border-left: none; }

.tableStatic tbody tr { border-top: 1px solid #e7e7e7; }
.tableStatic tbody tr:nth-child(even) { background-color:#f5f5f5; }

.tableStatic tbody td { border-left: 1px solid #e7e7e7; padding: 12px 10px; vertical-align: middle; }
.tableStatic tbody td a { color:#F60; }
.tableStatic tbody td:first-child { border-left: none; }

/*Testimonial box and font style and colours*/
.testimonial {
	margin:10px 0px 0px 0px;
	padding: 20px 25px;
	background-color: #f2f2f2; /*Change colour here and in .arrow-down*/
	float: left;
	font: italic 12px Georgia, "Times New Roman", Times, serif;
	color: #53646d;
	line-height:23px;
	border-radius:5px;
	background-image: linear-gradient(#CEF3FF, #B7EDFF);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CEF3FF), to(#B7EDFF));
    background-image: -webkit-linear-gradient(top, #CEF3FF, #B7EDFF);
    background-image:    -moz-linear-gradient(top, #CEF3FF, #B7EDFF);
    background-image:     -ms-linear-gradient(top, #CEF3FF, #B7EDFF);
    background-image:      -o-linear-gradient(top, #CEF3FF, #B7EDFF);
/*Uncomment to add round corners*/
/*	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; */
}
/*Author section wrapper*/
.author-wrapper {
	width: 100%;
	margin-bottom: 20px;
	float: left;
}
/*This creates the arrow with no need for an image, thanks to css-tricks.com*/
.arrow {
	width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #B7EDFF;
    margin: 0 0 0 25px;
}
/*Author Name*/
.testimonial-name {
	float: left;
    margin: 0 8px;
	color: #1e4673;
	padding-top: 5px;
	font: bold 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
/*Author Job Title*/
.testimonial-name span {
    color: #53646d;
	font-weight: normal;
}
.clwhite { color:#FFF; }
.boxyleft { float:left; width:500px; margin:0px; padding:0px; }
.boxyright { float:right; width:360px; margin:0px; padding:0px; }
ul.footmenu { list-style:none; padding:0px; margin:0px; }
ul.footmenu li a { float:left; margin:0px; display:block; margin-right:10px; color:#000; }
form.updateform { width:100%; margin:0px; padding:0px; }
form.updateform input[type='text'] { width:250px; padding:5px 3px; border:1px solid #E1E1E1; float:left; }
form.updateform input[type='submit'] { background:#293785; padding:5px 10px; float:left; margin-left:10px; border:none; color:#FFF; border-radius:3px; }
ol,ul {
	list-style:none;
	margin:0px; padding:0px;
}
.sti-menu{
	width:715px;
	float:right;
	position:relative;
	margin:15px 0px 0px 0px;
}
.sti-menu li{
	float:left;
	width:110px;
	height:80px;
	border-right:1px solid #F3F3F3;
	margin:1px;
}
.sti-menu li.bnone { border:none; }
.sti-menu li.open{ width:140px; }
.sti-menu li a{
	display:block;
	overflow:hidden;
	background:#fff;
	text-align:center;
	height:100%;
	width:100%;
	position:relative;
}
.sti-menu li a h2{
	color:#6b6b6b;
	font-family: 'Roboto', sans-serif; font-size:13px;
	font-weight:normal;
	position:absolute;
	padding:10px;
	width:100px;
	top:40px;
	left:0px;
}
.sti-menu li a h2.openings { width:130px;  }
.sti-menu li a h3{
	font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif; 
	font-size:18px;
	font-style:italic;
	color: #111;
	position:absolute;
	top:248px;
	left:0px;
	width:180px;
	padding:10px;
}
.sti-icon{
	width:30px;
	height:30px;
	position:absolute;
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
	left:45px;
	top:5px;
}
.sti-icon-home{
	background-image:url(images/home.png);
}
.sti-icon-about{
	background-image:url(images/about.png);
}
.sti-icon-services{
	background-image:url(images/services.png);
}
.sti-icon-news{
	background-image:url(images/news.png);
}
.sti-icon-family{
	left:60px;
	background-image:url(images/family.png);
}
.sti-icon-opening{
	left:60px;
	background-image:url(images/openings.png);
}
.sti-icon-contact{
	background-image:url(images/contact.png);
}
.sti-icon-technology{
	background-image:url(images/technology.png);
}
.contact_one { float:left; border-left:2px solid #2b3887; width:270px; margin:10px 10px; padding:0px 0px 0px 10px; }
.contact_one strong { color:#2b3887; }
.dots { display:block; height:5px; border-bottom:1px solid #E9E9E9; margin:10px 0px; width:100%; float:left; }
h3.title { color: #666666; float: left; font-size: 12px; margin: 0; padding: 0 0 10px 0; width: 100%; }
form#formstyle { margin:0px; float:left; padding:0px; }
form#formstyle label { clear:both; width:60px; float:left; margin:10px 0px; padding:0px; }
form#formstyle input { border:1px solid #CCC; float:left; height:20px; margin:10px 0px; }
form#formstyle select { border:1px solid #CCC; float:left; height:20px; margin:10px 0px; }
form#formstyle textarea { clear:both; border:1px solid #CCC; width:210px; height:50px; float:left; }
form#formstyle input.submit { height:25px; width:60px; float:left; background:#F90; border-radius:3px; color:#FFF; border:none; }
.gmap3{
		margin:0;
		padding:0;
        border: 1px dashed #C0C0C0;
        width: 100%;
        height: 300px;
      }
.flip-left { float:left; width:500px; margin:10px; padding:0px 50px 0px 0px; border-right:1px dashed #FFF; color:#FFF; }
form#tellstyle { margin:0px 40px 0px 0px; float:right; padding:0px; color:#FFF; }
form#tellstyle .telbox { float:left; width:100px; margin:10px 50px 0px 10px; padding:0px; }
form#tellstyle .telbox2 { clear:both; float:left; width:310px; margin:0px 0px 0px 10px; padding:0px; }
form#tellstyle .telbox1 { clear:both; float:left; width:310px; margin:0px 0px 0px 10px; padding:0px; }
form#tellstyle label { clear:both; width:100px; float:left; margin:0px; padding:0px; }
form#tellstyle input { border:1px solid #CCC; float:left; height:20px; margin:5px 0px; }
form#tellstyle input.femail { border:1px solid #CCC; width:310px; float:left; height:20px; margin:5px 0px;  }
form#tellstyle textarea { clear:both; margin-top:5px; border:1px solid #CCC; width:310px; height:50px; float:left; }
form#tellstyle input.submit { clear:both; height:25px; width:60px; float:left; margin:10px 0px 10px 10px; background:#F90; border-radius:3px; color:#FFF; border:none; }
form#applystyle { width:100%; background:#2b3887; margin:0px; border-radius:5px; float:right; padding:0px; color:#FFF; }
form#applystyle .telbox { float:left; width:100px; margin:10px 50px 0px 10px; padding:0px; }
form#applystyle .telbox2 { clear:both; float:left; width:310px; margin:0px 0px 0px 10px; padding:0px; }
form#applystyle .telbox1 { clear:both; float:left; width:310px; margin:0px 0px 0px 10px; padding:0px; }
form#applystyle label { clear:both; width:100px; float:left; margin:0px; padding:0px; }
form#applystyle input { border:1px solid #CCC; float:left; height:20px; margin:5px 0px; }
form#applystyle input.femail { border:1px solid #CCC; width:310px; float:left; height:20px; margin:5px 0px;  }
form#applystyle textarea { clear:both; margin-top:5px; border:1px solid #CCC; width:310px; height:50px; float:left; }
form#applystyle input.submit { clear:both; height:25px; width:60px; float:left; margin:10px 0px 10px 10px; background:#F90; border-radius:3px; color:#FFF; border:none; }
div.imges img { margin:5px; padding:0px; }