@charset "utf-8";
/* General Style Start Here */
body {
	margin:0 auto;
	padding:0 0 0 0;
	color:#000;
	background:#eaeaea;
	font:13px/20px Verdana, Arial, Helvetica, sans-serif;
	}
body, div, td, h1, h2, h3, h4, h5, p, ul, li, form {
	margin:0 auto;
	padding:0;
	}
	
ul {
	list-style-type:none;
	}
	
a {
	outline:none;
	}
	
.spacer {
	font-size:0;
	line-height:0;
	clear:both;
	}
/* General Style End Here */
/* Top Header Style Start Here */
#topHeader {
	background-color:#fff;
	color:inherit;
	height:140px;
	}
#topHeader div.topPan {
	position:relative;
	width:940px;
	margin:0 auto;
	}
div.topPan div.logoPan {
	float:left;
	width:371px;
	}
div.logoPan img {
	width:227px;
	height:47px;
	margin:29px 0 0 0;
	}
div.logoPan h1 {
	font-size:15px;
	line-height:19px;
	color: #000099;
	background-color:inherit;
	text-transform:uppercase;
	padding:0 0 0 6px;
	}
div.nav {
	position:absolute;
	background:url(../images/nav-bg.gif) 0 0 repeat-x;
	height:40px;
	border-top:1px solid #d9e1e3;
	border-right:1px solid #d9e1e3;
	width:940px;
	left:0;
	top:99px;
	}
div.nav ul  {
	float:left;
	width:940px;
	line-height:40px;
	}
div.nav ul li {
	float:left;
	width:auto;
	line-height:40px;
	}
div.nav ul li a, div.nav ul li a.active {
	display:block;
	font:13px/40px Verdana, Arial, Helvetica, sans-serif;
	color:#323a3c;
	text-decoration:none;
	letter-spacing:0.2px;
       background:url(../images/nav-div.gif)  left no-repeat;
	padding:0 25px 0 25px;
	}
div.nav ul li a:hover{
	color:#fff;
	background-color:#bebebe;
	text-decoration:none;
	}

div.nav ul li.nobg a {
	background-image:none;
	}
div.nav ul li a.active {
	color:#fff;
	background-color: #323a3c;
	text-decoration:none;
    background-image: none;
	}
/* Top Header Style End Here */
/* Header Style Start Here */
#outercontainer {
	width:970px;
	margin:0 auto;
        padding:0 0 0 0;
	}
#container {
	width:940px;
	margin:0 auto;
	padding:0 0 0px 0;
	}
#header {
	background:url(../images/body-top-bg.gif) #323a3c 0 100% no-repeat;
	height:239px;
	padding:10px 0 0 17px;
	}
#header div.leftPanel {
	float:left;
	width:540px;
	margin:45px 0 0 0;
	}
div.leftPanel h2 {
	font:bold 18px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	}
div.leftPanel p {
	font:14px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:14px 0 0 3px;
	}
div.leftPanel a.learnMore {
	display:block;
	width:234px;
	height:38px;
	background:url(../images/learnMore-btn.gif) 0 0 no-repeat;
	font:16px/34px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	text-decoration:none;
	margin:17px 0 0 0;
	padding:0 0 0 13px;
	}
div.leftPanel a.learnMore:hover {
	color:#d24747;
	background-color:inherit;
	}
div.leftPanel a.learnMore span {
	background:url(../images/more-icon.gif) 0 1px no-repeat;
	padding:0 0 0 22px;
	}
div.rightPanel {
	float:right;
	width:304px;
	height:213px;
	}
/* Header Style End Here */
/* Body Style Start Here */
#bodyPan {
	background-color:#f0f0f0;
	color:#000;
	margin: 0 auto;
	padding:0;
	}
/* Left Part Style Start Here */
div.bodyLeft {
	
	float:left;
	background:url(../images/right-shadow.gif) 100% 0 repeat-y #fff;
	width:671px;
	color:#000;
	padding:0 35px 37px 30px;
	}
div.bodyLeft a{
	color:#3e6ccd;
	background-color:inherit;
	text-decoration:none;
	}
div.bodyLeft a:hover{
	color:#000;
	background-color:inherit;
	}	
div.btmShadow {
	position:absolute;
	bottom:-3px;
	left:0;
	background:url(../images/btm-shadow.gif) 0 0 repeat-x;
	width:730px;
	height:6px;
	font-size:0;
	line-height:0;
	}
h2.heading {
	font:bold 22px/30px Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	background-color:inherit;
	margin:0 0 0 0;
	}
h2.extPadd {
	padding:10px 0 0 0!important;	
	}
div.bodyLeft p {
	padding:0 0 15px 0;
	}
a.readMore {
	display:block;
	width:125px;
	height:29px;
	background:url(../images/readMore-bg.gif) 0 0 no-repeat;
	font:bold 12px/29px Verdana, Arial, Helvetica, sans-serif;
	color:#fff !important;
	background-color:inherit;
	text-decoration:none;
	padding:0 0 0 13px;
	}
a.readMore:hover {
	color:#005881 !important;
	background-color:inherit;
	text-decoration:none;
	}
a.readMore span {
	background:url(../images/readMore-arrow.gif) 0 3px no-repeat;
	padding:0 0 0 10px;
	}
ul.list li {
	background:url(../images/icon.gif) 0 5px no-repeat;
	padding:0 0 0 25px;
	}
ul.list li a{
	color:#000040;
	background-color:inherit;
	text-decoration:underline;
}
ul.list li a:hover{
	color:#000;
	background-color:inherit;
}
ul.leftSide {
	float:left;
	width:260px;
	}
ul.rightSide {
	float:right;
	width:260px;
	}
ul.workLeft {
	float:left;
	width:227px;
	margin:15px 0 0 0;
	}
ul.workRght {
	float:right;
	width:227px;
	margin:15px 0 0 0;
	}
li.latestWork {
	padding: 2px;
	width:227px;
	height:140px;
	margin:0 0 6px 0;
	}
a.workLink {
	color:#fd0101;
	background-color:inherit;
	text-decoration:underline;
	}
a.workLink:hover {
	color:#5e5e5e;
	background-color:inherit;
	text-decoration:none;
	}
/* Left Part Style End Here */
/* Right Part Style Start Here */
#bodyRight {
	float:right;
	width:195px;
	margin:19px 0 0 0;
	}
h3.news {
	background:url(../images/recent-news-bg.gif) 0 0 no-repeat;
	height:42px;
	font:bold 18px/36px Verdana, Arial, Helvetica, sans-serif;
	color:#323a3c;
	background-color:inherit;
	padding:0 0 0 10px;
	margin:0 0 10px 0;
	}
h3.news span {
	display:block;
	float:left;
	background:url(../images/recentNews-icon.gif) 0 8px no-repeat;
	width:23px;
	padding:0 10px 0 0;
	}
a.newsLink {
	color:#3e6ccd;
	font-size:12px;
	font-weight:bold;
	background-color:inherit;
	text-decoration:underline;
	padding:0 0 0 10px;
	}
a.newsLink:hover {
	color:#5e5e5e;
	background-color:inherit;
	text-decoration:none;
	}
p.recentNews {
	font-size:12px;
	color:#000;
	background-color:inherit;
	line-height:18px;
	margin:5px 0 0 0;
	padding:0 0 20px 10px;
	}
p.line {
	background:url(../images/recentNews-div.gif) 0 100% no-repeat;
	height:2px;
	line-height:0;
	font-size:0;
	margin:0 0 10px 0;
	}
a.leftPadd {
	margin:0 0 0 10px;
	}
/* Right Part Style Start Here */
/* Body Style End Here */
/* Footer Style Start Here */
#footer-wrap{
	width:100%;
	height:275px;
	background-color:#000;
	float:left;
	background:url(../images/footer_bg.gif) repeat-x;
}
#footer-wrap div.footer{
	float:none;
	margin:0px auto;
	padding:11px 0 0 0;
	width:952px;
}

div.footer h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	background:#212222;
	margin:0;
	padding:4px 0 6px 6px;
}
div.footer div.pages{
       font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	width:147px;
	float:left;
	padding:0;
	margin:0 29px 0 0;
}
div.pages ul{
	width:147px;
	float:left;
	padding:3px 0 0 0;
	margin:0;
}
div.pages ul li{
	width:107px;
	float:none;
	background:url(../images/small_arrow_foot.gif) 0 7px no-repeat;
	margin-left:6px;
	padding:2px 0 4px 2px;
	border-bottom:1px solid #3b3b3b;
}
div.pages ul li a{
	padding:2px 0 2px 5px;
	text-decoration:none;
	color:#909090;
}

/* -- stylin services div --- */
div.services{
       font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	width:150px;
	float:left;
	margin:0 29px 0 0;
}
div.services ul{
	width:147px;
	float:left;
	padding:3px 0 0 0;
	margin:0;
}
div.services ul li{
	width:107px;
	float:none;
	background:url(../images/small_arrow_foot.gif) 0 7px no-repeat;
	margin-left:6px;
	padding:2px 0 2px 2px;
	border-bottom:1px solid #3b3b3b;
}
div.services ul li a{
	padding:2px 0 2px 5px;
	text-decoration: no-underline;
	color:#909090;
}

/* --- stylin miscellanious div --*/
div.various{
       font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	width:150px;
	float:left;
	margin:02 9px 0 0;
}
div.various ul{
	width:147px;
	float:left;
	padding:3px 0 0 0;
	margin:0;
}
div.various ul li{
	width:107px;
	float:none;
	background:url(../images/small_arrow_foot.gif) 0 7px no-repeat;
	margin-left:6px;
	padding:2px 0 2px 2px;
	border-bottom:1px solid #3b3b3b;
}
div.various ul li a{
	padding:2px 0 2px 5px;
	text-decoration:none;
	color:#909090;
}

/* --- stylin additional div --*/
div.additional{
	width:150px;
	float:left;
	margin:0 29px 0 0;
}
div.additional ul{
	width:147px;
	float:left;
	padding:6px 0 0 0;
	margin:0;
}

/* -- stylin social bookmarking div -- */
div.socialbookmarking{
	width:370px;
	float:left;
}

div.socialbookmarking p{
	color:#909090;
	font-size:11px;
	padding-left:8px;
}
div.socialbookmarking div.bookmarkIcons{
	width:239px;
	float:left;
	padding:4px 0;
}
div.socialbookmarking div.bookmarkIcons img{
	float:left;
	margin-left:9px;
}
div.socialbookmarking p.rights{
	width:300px;
	float:left;
	font-size:10px;
}
div.socialbookmarking p.rights a{
	color:#fff;
}
/* Footer Style End Here */

/* sIFR Style */

.title
{
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;	
}
			
.sIFR-active .title
{
	visibility: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
}



/* custom stylesheet for inner pages */

/* Navigation link in active state */


/* Styling the About Us page */
#bodytop {
	background:url(../images/body-top-bg.png) 0 100% no-repeat;
	padding:30px 0 0px 27px;
       margin: 0 auto;
	}
div#workLeft {
	float:left;
	width:560px;
	margin:15px 0 0 0;
	}
div#workLeft img{
  padding:0 .75em .75em 0;
  float: left;
}
div#workLeft div.company p{
  padding-bottom: .2em;
}
div#workLeft a{
  padding: .2em;
}

/* ---- Blog page ---- */

div#workLeft ul.blog li{
  padding-bottom: 25px;
  margin-bottom: 5px;
  background: url(../images/recent-news-bg.gif) 0 0 no-repeat;
}
div#workLeft ul.blog li h2{
  font-size: 22px;
  font-weight: 500;
  color: #1186CC;
  padding:.2em 0;
  margin: .5em 0;
}
div#workLeft ul.blog li img{
  float: left;
}
div#workLeft ul.blog li p{
  padding:0 .4em 2em .4em;
}
div#workLeft ul.blog li p.date{
  padding: .5em 0;
}
div#workLeft ul.blog li a.readMore{
	display:block;
	width:125px;
	height:29px;
	background:url(../images/readMore-bg.gif) 0 0 no-repeat;
	text-decoration:none;
	padding:0 0 0 13px;
    margin-bottom: 20px;
	}
div#workLeft ul.blog li a.readMore:hover {
	color:#005881 !important;
	background-color:inherit;
	text-decoration:none;
	}
div#workLeft ul.blog li a.readMore span {
	background:url(../images/readMore-arrow.gif) 0px 3px no-repeat;
	padding:0 0 0 10px;
	}
div#workLeft ul.blog li a.leftPadd{
	margin:0 0 0 10px;
	}


/* --- Portfolio ---- */

div.bodyLeft ul.portfolio{
    width: 520px;
    float: left;
    padding: 1em 2em;
}
div.bodyLeft ul.portfolio li{
  float: left;
  margin-right: 12px;
  padding: 2em;
}
div.bodyLeft ul.portfolio li p{
  padding:0;
  margin:0;
}
div.bodyLeft ul.portfolio li img{
  border: 1px solid
}

/* ----services page---- */
/* customize this for more acurate service links */

div.bodyLeft ul.partnerLinks{
  float: left;
  margin:0;
  padding:0;
}
ul.partnerLinks li{
  float: left;
  padding: 0 1em;
  margin-left: 15px;
}
ul.partnerLinks li a{
  text-align: center;
  color:#3e6ccd;
}


/* ----- Contact us page ----- */

/* Contact page main-body-left */
#bodyPan div#contact{
  float: left;
  position: relative;
  color:#7c7c7c;
}
#bodyPan div.bodyLeft p{
  padding-bottom: 20px;
}

/* Contact page right-side-bar-links */
div#bodyRight div.contact{
  width:285px;
  float: right;
  padding: .5em;
  margin-bottom: 20px;
}
div#bodyRight div.contact p, div.contact a{
  float: left;
  padding: .5em;
  padding-bottom: 0;
  color:#4a4a4a;
  background-color:inherit;
  line-height:18px;
  margin:5px 0 0 0;
  padding:0 0 9px 10px;
}
div.contact h3.news{
  padding:0;
}
div.contact a{
  text-decoration: none;
  color: #D24747;
}
div.contact a span{
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 120%;
}

/* ---Privacy & policy---- */
div.privacy{
  padding: 2.5em;
}
div.privacy p{
  line-height: 1.6em;
  padding: .7em 0;
  margin: .10em;
}