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

body {background-image:url(../images/bg.jpg); background-repeat: repeat-x; background-position:top; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000}
a {outline:none;}
.clear {clear:both; float:none;}
img {border:none}
p a{ color:#000;; text-decoration:none;}
p a:hover{ color:#074265; text-decoration:none;}




input[type='text1'] {outline-style:none; width:285px; height:28px; line-height:28px; border:0px; margin:3px 0 0 19px; background:none; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#989898;}
input[type='text2'] {outline-style:none; width:230px; height:37px; line-height:37px; border:0px;  background:none; font-size:13px; padding-left:6px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#f19410;}
input[type='text3'] {outline-style:none; width:336px; height:28px; line-height:30px; border:1px solid #d0cfcf;  background:#f0f0f0; font-size:13px; padding-left:6px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3a3a3a;}

textarea[type='textarea1'] {outline-style:none; width:336px; height:150px; border:1px solid #d0cfcf;  background:#f0f0f0; font-size:13px; padding:5px 0 0 6px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3a3a3a;}
input[type='select'] {}

#maincontainer {width:920px; margin:auto;}
#top_area {width:920px; height:120px; background:url(../images/top-bg.jpg) no-repeat;}
#logo {width:171px; height:101px; padding:6px 0 0 10px; float:left;}
#callnow {width:216px; height:60px; background:url(../images/callnow-bg.png) no-repeat; float:right; margin-top:15px; font-size:15px; font-weight:bold; color:#484848; padding:27px 0 0 112px;}
#callnow a {color:#484848; text-decoration:none;}
#callnow a:hover {color:#87a5ac; text-decoration:underline;}

#navigation_area{width:1008px; height:42px;}
.nav_line {width:1px; height:38px; float:left; background:url(../images/nav-line.png) no-repeat; margin:0 5px 0 5px;}
.home_button {width:87px; text-align:center; line-height:38px; float:left; }
.home_button a {width:87px; height:42px; font-size:12px; color:#ffffff; float:left; text-decoration:none;}
.home_button a:hover {color:#ffffff; line-height:42px;  background:url(../images/home-hover-btn.jpg) no-repeat;}
#selected1 a {color:#ffffff; line-height:42px; background:url(../images/home-hover-btn.jpg) no-repeat;}
.aboutus_button {width:105px; text-align:center; line-height:38px; float:left;}
.aboutus_button a {width:105px; height:42px; font-size:12px; color:#ffffff; float:left; text-decoration:none;}
.aboutus_button a:hover {color:#ffffff; line-height:42px;  background:url(../images/aboutus-hover-btn.jpg) no-repeat;}
#selected2 a {color:#ffffff; line-height:42px; background:url(../images/aboutus-hover-btn.jpg) no-repeat;}
.services_button {width:105px; text-align:center; line-height:38px; float:left;}
.services_button a {width:105px; height:42px; font-size:12px; color:#ffffff; float:left; text-decoration:none;}
.services_button a:hover {color:#ffffff; line-height:42px;  background:url(../images/services-hover-btn.jpg) no-repeat;}
#selected3 a {color:#ffffff; line-height:42px; background:url(../images/services-hover-btn.jpg) no-repeat;}
.portfolio_button {width:105px; text-align:center; line-height:38px; float:left;}
.portfolio_button a {width:105px; height:42px; font-size:12px; color:#ffffff; float:left; text-decoration:none;}
.portfolio_button a:hover {color:#ffffff; line-height:42px;  background:url(../images/portfolio-hover-btn.jpg) no-repeat;}
#selected4 a {color:#ffffff; line-height:42px; background:url(../images/portfolio-hover-btn.jpg) no-repeat;}
.testimonials_button {width:125px; text-align:center; line-height:38px; float:left;}
.testimonials_button a {width:125px; height:42px; font-size:12px; color:#ffffff; float:left; text-decoration:none;}
.testimonials_button a:hover {color:#ffffff; line-height:42px;  background:url(../images/testimonials-hover-btn.jpg) no-repeat;}
#selected5 a {color:#ffffff; line-height:42px; background:url(../images/testimonials-hover-btn.jpg) no-repeat;}
.contactus_button {width:125px; text-align:center; line-height:38px; float:left;}
.contactus_button a {width:125px; height:42px; font-size:12px; color:#ffffff; float:left; text-decoration:none;}
.contactus_button a:hover {color:#ffffff; line-height:42px;  background:url(../images/contactus-hover-btn.jpg) no-repeat;}
#selected6 a {color:#ffffff; line-height:42px; background:url(../images/contactus-hover-btn.jpg) no-repeat;}
.big_button {width:auto; text-align:center; line-height:38px; float:left;}
.big_button a {width:auto; height:42px; font-size:12px; color:#ffffff; float:left; text-decoration:none; width:157px; text-align:center}
.big_button a:hover {color:#ffffff; line-height:42px;  background:url(../images/big_hover.jpg) no-repeat; width:157px; text-align:center}
#selected7 a {color:#ffffff; line-height:42px; background:url(../images/big_hover.jpg) no-repeat; }

#header {width:920px; height:177px; margin-top:20px;}
.home_header_img {background:url(../images/home3-header-img.jpg) no-repeat;}
.aboutus_header_img {background: url(../images/aboutus2-header-img.jpg) no-repeat;}
.services_header_img {background:url(../images/services-header-img.jpg) no-repeat;}
.portfolio_header_img {background:url(../images/portfolio-header-img.jpg) no-repeat;}
.contactus_header_img {background:url(../images/contactus-header-img.jpg) no-repeat;}
.testimonial_header_img {background:url(../images/testimonials-header-img.jpg) no-repeat;}
.Facebook_Applications_img {background:url(../images/Facebook-Applications-img.jpg) no-repeat;}
.iphone_Applications_img {background:url(../images/Iphone-Application-img.jpg) no-repeat;}
.Android_Applications_img {background:url(../images/android-Application-img.jpg) no-repeat;}
.Blackberry_Applications_img {background:url(../images/blackberry-applications-img.jpg) no-repeat;}
.facebook_fanpage_img {background:url(../images/facebook-fanpages-img.jpg) no-repeat;}
.facebook_connect_img {background:url(../images/facebook-connect-img.jpg) no-repeat;}
.facebook_widget_img {background:url(../images/facebook-widgets-img.jpg) no-repeat;}
.mobilephone_Applications_img {background:url(../images/mobilephone-applications-img.jpg) no-repeat;}
.sitemap_img {background:url(../images/sitemap.jpg) no-repeat;}


#centercontainer {width:920px;}
#services_container {width:920px; height:191px; margin-top:10px;}
#services_container a {color:#074265; text-decoration:none;}
#services_container  a:hover {color:#f78f1e; text-decoration:underline;}
.sc_area {width:124px; height:172px; float:left; background:url(../images/services-shaded-bg.png) no-repeat; padding:10px; line-height:45px; color:#074265; font-weight:bold; text-align:center; margin-right:11px;}
.sc_area2 {width:124px; height:172px; float:left; background:url(../images/services-shaded-bg2.png) no-repeat; padding:10px; line-height:45px; color:#074265; font-weight:bold; text-align:center; margin-right:11px;}
.sc_area3 {width:124px; height:172px; float:left; background:url(../images/services-shaded-bg3.png) no-repeat; padding:10px; line-height:45px; color:#074265; font-weight:bold; text-align:center;}
.sc_img1 {width:124px; height:125px; background:url(../images/facebook-connect-img.png) no-repeat;}
.sc_img1:hover {opacity:0.5;filter:alpha(opacity=50);}
.sc_img2 {width:124px; height:125px; background:url(../images/fb-fanpages-img.png) no-repeat;}
.sc_img2:hover {opacity:0.5;filter:alpha(opacity=50);}
.sc_img3 {width:124px; height:125px; background:url(../images/facebook-apps-img.png) no-repeat;}
.sc_img3:hover {opacity:0.5;filter:alpha(opacity=50);}
.sc_img4 {width:124px; height:125px; background:url(../images/android-apps-img.png) no-repeat;}
.sc_img4:hover {opacity:0.5;filter:alpha(opacity=50);}
.sc_img5 {width:124px; height:125px; background:url(../images/blackberry-img.png) no-repeat;}
.sc_img5:hover {opacity:0.5;filter:alpha(opacity=50);}
.sc_img6 {width:124px; height:125px; background:url(../images/iphoneapps-img.png) no-repeat;}
.sc_img6:hover {opacity:0.5;filter:alpha(opacity=50);}

#bodycontent_area {width:920px;}
#bodycontent_toparea {width:920px; background:url(../images/bodycontent-bg.jpg) no-repeat; padding-top:20px;}
#op_area {width:228px; float:left; background:url(../images/_op-vertcal-line.jpg) no-repeat right;}
#op_left {width:213px; float:left;}
#op_head_left {width:203px; height:41px; background:url(../images/op-head-bg.jpg) no-repeat; padding-left:10px; line-height:41px; font-family:Trebuchet MS; text-transform:uppercase; font-size:20px; color:#00578b; font-weight:bold;}
#op_head {width:203px; height:41px; background:url(../images/op-head-bg.jpg) no-repeat; padding-left:10px; line-height:41px; font-family:Trebuchet MS; text-transform:uppercase; font-size:20px; color:#00578b; font-weight:bold;}
#op_head span {color:#2583a3; font-weight:normal;}
.op_imgbg_area {width:213px; height:105px; margin-top:15px;}
.op_img_bg {width:175px; height:101px; background: url(../images/op-imgbg.jpg) no-repeat; margin:auto;  padding:4px 0 0 4px; }
.op_img_bg:hover {background: url(../images/op-imgbg-hover.jpg) no-repeat; }
.op_img {width:160px; height:96px;}
#viewmore_btn {width:191px; height:18px; margin-top:15px; line-height:18px; text-align:right; padding-right:22px; background:url(../images/vm-arrow.png) no-repeat; background-position:right; text-decoration:none; font-size:14px; color:#525252; font-weight:bold;}
#viewmore_btn:hover {background:url(../images/vm-arrow-hover.png) no-repeat; background-position:right; color:#f78f1e;}
/**#op_right {width:15px; height:434px; float:left; background:url(../images/op-vertcal-line.jpg) no-repeat;}**/
#bc_area {width:662px; float:left; padding:0 15px 0 15px;}
#bc_area h1 {font-family:Trebuchet MS; font-size:20px; color:#2583a3; text-transform:uppercase; margin:15px 0 -8px 0;}
#bc_area h1 span {color:#00578b; font-weight:bold;}
#bc_area h2 {font-size:13px; color:#00598e; margin:15px 0 -6px 0; .margin-bottom:-12px;}
#bc_area h3 {font-size:12px; color:#00598e; margin:15px 0 -6px 0; .margin-bottom:-12px;}
#bc_area p {text-align:justify; line-height:18px;}
#bc_area ul {line-height:20px; text-decoration:none;}
#bc_area li {list-style:url(../images/arrow1.jpg);}
#os_area {width:233px; float:right; margin-left:15px; margin-right:-15px;}
#os_area2 {width:233px; float:left;}
#os_left {width:11px; height:245px; float:left; background:url(../images/os-vertical-shadedline.jpg) no-repeat;}
#os_right {width:222px; float:left;}
#os_head {width:212px; height:41px; background:url(../images/os-head-bg.jpg) no-repeat; padding-left:10px; line-height:41px; font-family:Trebuchet MS; text-transform:uppercase; font-size:20px; color:#00578b; font-weight:bold;}
#os_head span {color:#2583a3; font-weight:normal;}
.osl_area {width:222px; height:30px;}
.osl_left {width:32px; height:19px; float:left; text-align:center; padding-top:11px;}
.osl_right {width:190px; height:30px; float:right; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#7c7c7c;}
.osl_right a {color:#7c7c7c; text-decoration:none;}
.osl_right a:hover {color:#00578b; font-weight:bold;}
.osl_right .selected {color:#00578b; font-weight:bold;}
.osl_line {width:222px; height:1px; background:url(../images/os-horizantal-shadedline.jpg) no-repeat}


#op_left {width:11px; height:245px; float:left; background:url(../images/os-vertical-shadedline.jpg) no-repeat}
#op_right {width:222px; float:left; margin:30px 0 0 0;}
#op_head {width:212px; height:41px; background: url(../images/os-head-bg2.jpg) no-repeat; padding-left:10px; line-height:41px; font-family:Trebuchet MS; text-transform:uppercase; font-size:20px; color:#00578b; font-weight:bold;}
#op_head span {color:#2583a3; font-weight:normal;}
.opl_area {width:222px; height:30px;}
.opl_left {width:32px; height:19px; float:left; text-align:center; padding-top:11px;}
.opl_right {width:190px; height:30px; float:right; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#7c7c7c;}
.opl_right a {color:#7c7c7c; text-decoration:none;}
.opl_right a:hover {color:#00578b; font-weight:bold;}
.opl_right .selected {color:#00578b; font-weight:bold;}
.opl_line {width:222px; height:1px; background:url(../images/os-horizantal-shadedline.jpg) no-repeat}














#bodycontent_bottomarea {width:920px; height:30px; background:url(../images/bodycontent-bottom-bg.png) no-repeat}

#bodycontent_leftarea {width:657px; float:left; padding:0 15px 0 15px;}
#bodycontent_leftarea h1 {font-family:Trebuchet MS; font-size:20px; color:#2583a3; text-transform:uppercase; margin:0 0 -8px 0;}
#bodycontent_leftarea h1 span {color:#00578b; font-weight:bold;}
#bodycontent_leftarea h2 {font-size:13px; color:#00598e; margin:15px 0 -6px 0; .margin-bottom:-12px;}
#bodycontent_leftarea h2.testimonials {font-size:13px; color:#00598e; margin:30px 0 15px 0; background:url(../images/comm-2.jpg) no-repeat 0 0 ; text-indent:30px;  }
.comments {font-size:13px; color:#666666; line-height:20px; margin-top:30px;}

#bodycontent_services {width:890px; float:left; padding:0 15px 0 15px; text-align:justify;}

#bodycontent_services h1 {font-family:Trebuchet MS; font-size:20px; color:#2583a3; text-transform:uppercase; margin:0 0 -8px 0;}
#bodycontent_services h1 span {color:#00578b; font-weight:bold;}
#bodycontent_services h2 {font-size:13px; color:#00598e; margin:15px 0 -6px 0; .margin-bottom:-12px;}
#bodycontent_services h2 a {font-size:13px; color:#00598e; text-decoration:none;}
#bodycontent_services h2 a:hover {font-size:13px; color:#2583a3; text-decoration:none;}
#bodycontent_leftarea h2.testimonials {font-size:13px; color:#00598e; margin:30px 0 15px 0; background:url(../images/comm-2.jpg) no-repeat 0 0 ; text-indent:30px;  }
.comments {font-size:13px; color:#666666; line-height:20px; margin-top:30px;}







#bodycontent_leftarea p {text-align:justify; line-height:18px;}
#bodycontent_leftarea ul {line-height:20px; text-decoration:none;}
#bodycontent_leftarea li {list-style:url(../images/arrow1.jpg);}
#bodycontent_rightarea {width:692px; float:left;}

#bodycontent_innerarea {width:890px; padding:0 15px 0 15px;}
#bodycontent_innerarea h1 {font-family:Trebuchet MS; font-size:20px; color:#2583a3; text-transform:uppercase; margin:0px 0 -8px 0;}
#bodycontent_innerarea h1 span {color:#00578b; font-weight:bold;}
#bodycontent_innerarea p {text-align:justify; line-height:18px;}

#cu_area {width:890px; height:400px; padding-top:25 px; }
#cu_left {width:357px; height:400px; float:left;}
#cu_right {width:533px; height:400px; float:left;}
#cu_left span {color:#2583a3; }

.pd_area {width:890px; height:162px; margin-top:20px;} 
.pd_area span {font-size:13px; color:#074265; font-weight:bold}
.pd_child {width:253px; height:142px; background: url(../images/portfolio-detail-bg.jpg) no-repeat; float:left; margin-right:40px; padding:10px;}
.pd_child_last {width:253px; height:142px; background: url(../images/portfolio-detail-bg.jpg) no-repeat; float:left; padding:10px;}
.pd_area_last span {font-size:13px; color:#074265; font-weight:bold}
.pdc_area {width:253px; height:102px; margin-top:5px;}
.pdc_left {width:113px; height:102px; float:left;}
.pdc_right {width:140px; height:102px; float:left; color:#999999; font-family:Arial, Helvetica, sans-serif;}
.pdc_viewdetails {width:253px; height:20px; line-height:20px; color:#2f789f; font-size:13px; text-align:right; font-weight:bold;}
.pdc_viewdetails a {color:#2f789f; text-decoration:underline;}
.pdc_viewdetails a:hover {color:#f78f1e;}

.pdfull_area {width:670px; float:left; color:#074265; font-weight:bold;  }
.pdfull_area h1 { margin-bottom:20px !important;}
.pdfull_box {width:207px; height:229px; background-image:url(../images/pdfull-bg.png); float:left; margin-bottom:25px; font-size:14px; } 
.pdfull_box a, .pdfull_box2 a{text-decoration:none; color:#074265;}
.pdfull_box a:hover, .pdfull_box2 a:hover {text-decoration:none; color:#f78f1e;}
.pdfull_box2 {width:207px; height:229px; background-image:url(../images/pdfull-bg.png); float:left; margin-left:20px; margin-bottom:25px; font-size:14px;}
.pdfull_box2 span, .pdfull_box span{ width:207px; text-align:center; float:left; margin-top:10px;}
.pdfull_child {width:166px; height:166px; margin:15px 0 0 20px; float:left;} 
.pdfull-nextbox {height:30px; float:left; margin:0 auto; width:100%; padding:15px 0 0 0; color:#074265; font-weight:bold; text-align:center}
.pdfull-arrow {float:left; width:13px; height:11px; margin-top:2px; }
.pdfull-num{float:left; margin:0 20px;}
.pdfull-num a { text-decoration:none; color:#074265;} 
.pdfull-num a:hover { text-decoration:none; color:#f78f1e;} 


.pdfull-nextbox p { text-align:center !important; margin:0; padding:0;}
.pdfull-nextbox p a { text-decoration:none; color:#074265;} 
.pdfull-nextbox p a:hover { text-decoration:none; color:#f78f1e;} 

.pdfull-nextbox p img { margin:0 10px}



#left_banner{width:222px; float:left; margin:auto;}

#footer {width:920px; height:148px; height:175px; margin-top:10px; background:url(../images/footer-bg.png) no-repeat; padding-top:23px; }
#footer_child {width:875px; height:148px; margin:auto;}
#fc_linksarea {width:875px; height:88px;  height:115px; color:#0f0f0f; font-size:12px;}
#fc_linksarea ul {line-height:20px; text-decoration:none; margin:0; padding:0;}
#fc_linksarea li {list-style:none; margin-left:5px; line-height:22px;}
#fc_linksarea li a {color:#0f0f0f; text-decoration:none;}
#fc_linksarea li a:hover {color:#2583a3; text-decoration:underline;}
.fcl_area {width:235px; height:88px;  float:left; border-right:1px solid #becad0; padding-left:5px; padding-top:8px;}
.fcl_area_mid {width:235px; height:88px; height:110px;  float:left; border-right:1px solid #becad0; padding-top:8px; padding-left:5px}
.fcl_area_last {width:120px; height:88px; height:110px;  float:left; border-right:1px solid #becad0; padding-top:8px; padding-left:5px}
#fcl_logo_area {margin-top:-10px; width:150px; height:88px; height:110px;  float:left; background:url(../images/logo-footer.jpg) no-repeat; background-position:right;}
#fc_bottom{width:875px; height:39px; color:#3a3a3a; margin-top:20px;}
#fc_bottom_left{width:775px; height:39px; float:left;}
#fc_bottom_right{width:100px; height:39px; float:left;}
.fc_socialicon{width:27px; height:39px; margin-right:9px; float:left;}
.fc_socialicon:hover{opacity:0.5;filter:alpha(opacity=50);}
.fc_socialicon_last{width:27px; height:39px; float:left;}
.fc_socialicon_last:hover{opacity:0.5;filter:alpha(opacity=50);}



.test-div {float:left; margin:8px 0 8px 0; border-bottom:1px dashed #CCCCCC; width:657px;}

.osl_area_sitemap {width:450px; height:30px;}
.osl_right_sitemap {width:400px; height:30px; float:right; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#7c7c7c;}
.osl_right_sitemap a {color:#7c7c7c; text-decoration:none;}
.osl_right_sitemap a:hover {color:#00578b; font-weight:bold;}
.osl_right_sitemap .selected {color:#00578b; font-weight:bold;}