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

*{margin:0px; padding:0px; border:0px; outline:0px;}
body{margin:0px; padding:0px; font:12px  Arial, Helvetica, sans-serif; color:#000000; background:url(../images/bg.jpg) repeat-x #e7e8e9;}
p{font:normal 12px/20px Arial, Helvetica, sans-serif; color:#000000;}
h1{font:bold 30px Arial, Helvetica, sans-serif; color:#0076c5; margin:0px; padding:0px;}
h2, h3, h4, h5{font:normal 22px Arial, Helvetica, sans-serif; color:#0076c5;}
.clear{clear:both;}
.mtop15{margin-top:15px;}

#main{width:950px; height:auto; margin:0px auto;}
.phone{width:410px;height:32px;float:left;margin-top:10px;margin-left:20px; background:url(../images/phone.jpg) no-repeat;}

.social-icons{width:100px; height:25px; float:right; display:inline;}
.facebook-icon{width:25px; height:25px; float:left; margin-right:4px;}
.twitter-icon{width:25px; height:25px; float:left; margin-right:4px;}
.blog-icon{width:25px; height:25px; float:left;}

/* top navigation starts */
.top_nav{width:810px; margin:0px auto 0px; text-decoration:none; height:42px; padding:17px 0px 0px; float:left;}  
.top_nav ul{margin:0px 0 0 0; padding:0; list-style:none;}    
.top_nav li{margin:0px; padding:0px 2px; float:left; display:block;}
.top_nav li a{float:left; display:block; color:#fff; text-decoration:none; padding:0px 0px 0px 15px; font:normal 14px Arial, Helvetica, sans-serif; color:#0071a6; text-transform:uppercase;}
.top_nav li a span{float:left; display:block; color:#0071a6; text-decoration:none; height:42px; padding:0px 22px 0 0px; cursor:pointer; line-height:42px;}
.top_nav li a:hover{background:url(../images/left_menu.jpg)  no-repeat left top; height:42px;}
.top_nav li a:hover span{background:url(../images/right_menu.jpg)  no-repeat right top; height:41px; color:#0071a6;}
.top_nav li a.current{background:url(../images/left_menu.jpg)  no-repeat left top;  color:#0071a6; text-decoration:none; height:42px;}  
.top_nav li a.current span{background:url(../images/right_menu.jpg)  no-repeat right top;  color:#0071a6; height:42px;}
/* top navigation end */

.home-top-nav{width:135px; height:45px; float:right; background:url(../images/home-nav.jpg) no-repeat; margin:10px 0px 0px 0px; font:bold 14px Arial, Helvetica, sans-serif; color:#ffffff; text-align:center; padding:16px 0px 0px 0px;}
.home-top-nav a{color:#ffffff; text-decoration:none;}
.home-top-nav a:hover{color:#000000; text-decoration:none;}

/********** Banner Section **********/
#banner{width:950px; height:451px; float:left; background:#ffffff; margin:9px 0px 10px;}

/********** MDL Section **********/
#mdl-container{width:950px; height:auto; float:left; margin:10px 0px 10px;}
#mdl-container li{ list-style:disc;margin:15px 0px 15px 15px; padding-left:10px;line-height:20px;}
#mdl-container .left, .left_nw{width:660px; height:auto; float:left;}
#mdl-container .left li{ list-style:disc;margin:10px 0px 10px 15px;padding-left:10px;line-height:20px;}
#mdl-container .left li a{text-decoration:none; color:#000000;}
#mdl-container .left li a:hover{text-decoration:underline; color:#000000;}

#mdl-container .left_nw li a{color:#999999;}
#mdl-container .left_nw li a:hover{color:#333333;}
#mdl-container .left_nw li{ list-style:none;margin:10px 0px 10px 0px;line-height:20px;}
.link-cat{width:100%;height:auto;border-top:solid 1px #999999 ;}
.left p{margin:20px 0px 0px 0px; padding:0px 10px 0px 0px;}
.left-top{width:660px; height:164px; float:left; margin:0px 0px 30px;}
.banner-btn-section{width:660px; height:auto; float:left; margin:0px 0px 0px 0px;}
.banner-btn-1{width:109px; height:75px; float:left; background:#90b9d2; margin:0px 1px 0px 0px;}
.banner-btn-1 a{width:109px; height:75px; float:left; background:#90b9d2; text-decoration:none; cursor:pointer;}
.banner-btn-1 a:hover{width:109px; height:75px; float:left; background:#004c70; text-decoration:none; cursor:pointer;}
.banner-btn-1 .content{font:normal 11px/14px Arial, Helvetica, sans-serif; color:#ffffff; text-align:center; margin:2px 0px 0px 0px;}
.arial-22{font:normal 18px Arial, Helvetica, sans-serif; color:#ffffff; text-align:center; width:100%; margin:9px 0px 0px;}
.banner-content{width:660px; height:87px; text-align:left; float:left; background:#f4f4f5;}
.banner-content p{padding:10px 10px 0px 10px; font:normal 16px Arial, Helvetica, sans-serif; color:#000000;}
.banner-content .click-here{padding:5px 0px 0px 10px; font:normal 12px Arial, Helvetica, sans-serif; color:#3b586a;}
.banner-content .click-here a{color:#3b586a; text-decoration:none;}

.left-top-heading{width:100%; font:normal 18px Arial, Helvetica, sans-serif; color:#6f6f6f; float:left;}
.left-top-subhead{width:100%; font:bold 14px/20px Arial, Helvetica, sans-serif; color:#000000; float:left; margin:16px 0px 0px;}

#mdl-container .right{width:269px; height:auto; float:right;}
.right-services{width:243px; height:auto; background:#ffffff; padding:16px 13px;}
.right-services ul{list-style:none; margin:20px 0px 0px;}
.right-services ul li{list-style:none; margin:0px 0px 18px; padding:0px 0px 0px 30px; display:block; height:19px;line-height:19px;}
.service-heading{font:normal 20px Arial, Helvetica, sans-serif; color:#0071a6;}
.right-small-btn-1{width:269px; height:71px; margin:7px 0px 0px 0px;}
.right-small-btn-2{width:269px; height:71px; margin:4px 0px 0px 0px;}

/********** Home Page Second MDL Section **********/
#home-mdl{width:100%; height:auto; float:left; background:#f0f1f2;padding-bottom:10px;}
#home-mdl .home-container{width:950px; height:auto; margin:35px auto 0px;}
.home-container .box-section{width:226px; height:auto; float:left;}
.box-section img{width:213px; height:157px; float:left; border:5px solid #FFFFFF; margin:0px 0px 15px;}
.box-section p{color:#525252; margin:15px 0px 15px;}
.more-btn{width:53px; height:23px; float:left; background:#004c70; margin:10px 30px 0px 0px; text-align:center; line-height:23px; color:#ffffff;}
.more-btn a{color:#ffffff; text-decoration:none;}

/********** Footer Section **********/
#footer{width:100%; height:auto; background:#0071a6; float:left; margin:10px 0px 0px;}
.footer-container{width:934px; height:auto; margin:0px auto; padding:10px 8px 10px;}
.footer-left{width:483px; height:auto; float:left;}
.footer-left ul{float:left; width:220px;}
.footer-left ul li{list-style:none; display:block;}
.footer-left ul li a{background:url(../images/footer-arrow.jpg) no-repeat 0px 2px; display:block; padding:0px 0px 0px 25px; margin:0px 0px 15px; color:#ffffff; text-decoration:none;}
.footer-left ul li a:hover{text-decoration:underline;}

.bottom-nav{width:150px; height:auto; float:left; margin:20px 0px 0px 10px;}
.bottom-link{width:200px; height:auto; float:left; margin:20px 0px 0px 10px;}
.bottom-nav li{width:116px;}
.bottom-link li{width:176px;}
.bottom-nav li, .bottom-link li{list-style:none; display:block; color:#ffffff; padding:0px 7px 3px 0px;margin-bottom:10px;border-bottom:1px dotted #ffffff;}
.bottom-nav ul li a, .bottom-link ul li a{color:#ffffff; text-decoration:none;}
.bottom-nav ul li a:hover, .bottom-link ul li a:hover{color:#bbd4db;}
.bottom-nav ul li a.active, .bottom-link ul li a.active{color:#bbd4db;}

.footer-right{width:250px; height:auto; float:right; margin:85px 0px 0px 0px;}
.footer-right p{color:#ffffff;text-align:right;}
.footer-right p a{color:#ffffff;text-decoration:none;}
.footer-right p a:hover{text-decoration:underline;}
/********** Contact Section Ends **********/
#ContactForm { padding-top:1px; width:266px; float:left; margin:15px 0px 0px 0px;}
#ContactForm .wrapper{ min-height:43px; padding:1px}
#ContactForm .textarea_box{ min-height:240px; padding:1px;}
#ContactForm .bg{ background:#eeeeee; border:1px solid #fff; float:left; width:296px;}
#ContactForm .bg2{background:#eeeeee; border:1px solid #fff; float:left; width:296px;}
#ContactForm .input {width:266px; height:14px; background:none; padding:10px 14px; color:#898989; font:12px Arial, Helvetica, sans-serif; border:1px solid #cccccc;}
#ContactForm textarea{ overflow: auto; width:266px; height:191px; background:none; padding:10px 14px; color:#898989; font:12px Arial, Helvetica, sans-serif; margin:0; border:1px solid #cccccc;}
.submit-button, .submit-button-banner{background:url(../images/submit.jpg) no-repeat; width:92px; height:34px; cursor:pointer; margin:10px 0px 0px 0px;}
.submit-button{ float:left;}
.submit-button-banner{float:right;}

.contact-info{width:300px; height:auto; float:right; padding-right:0px; margin:15px 0px 0px 0px; color:#666666;}
.contact-info p{color:#666666;}
.contact-info a{text-decoration:underline; color:#777777;}

/********** other class **********/
.mLeft15{margin-left:15px;}

/*************** Read more btn     ***********/
.service_provide_content{margin-top:20px; width:150px; float:left;	margin-right:10px;}
.service_provide_content p{line-height:1.5em;}
.service_provide_content li{display:block; list-style:none; padding:0px 0px 10px 10px; background:url(../images/arrow.png) left 5px no-repeat;}

.read_more1 { margin-top:26px;}
.read_more2 { margin-top:55px;}
.read_more3 { margin-top:40px;}
.read_more4 { margin-top:80px;}

/******  14 Nov  ******/
.slider {width:248px; height:248px; float:left;margin-bottom:15px; border:solid 1px #f4f4f2;}

/******  Testimonial  ******/
.testimonials{width:248px; height:auto; float:left;margin-bottom:15px;}
.testimonial_text{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; font-style:italic;}

.blue{color:#0281ab;}
.mtop{margin-top:10px;}
.pad{padding-left:15px;}
#mdl_right_content{width:252px; height:auto; float:right; padding:15px 5px 0px 10px;}
.green{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#587c00; font-weight:bold;}

/*inner page css starts*/
.green{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#587c00; font-weight:bold;}
.inner_box_1{width:642px; height:auto; float:left; line-height:16px; margin-top:5px; margin-bottom:5px;}
.inner_heading_defining{width:400px; height:34px; background:url(../images/defining_icon.png) left no-repeat; font:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#bc4055; line-height:34px; padding-left:60px;}

.inner_heading_design{width:400px; height:61px; background:url(../images/web_icon.png) left no-repeat; font:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#bc4055; line-height:61px; padding-left:60px;}
.inner_heading_coding{width:400px; height:40px; background:url(../images/development_icon.png) left no-repeat; font:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#bc4055; line-height:40px; padding-left:60px;}
.inner_heading_seo{width:400px; height:37px; background:url(../images/sco_icon.png) left no-repeat; font:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#bc4055; line-height:37px; padding-left:60px;}

.inner_para{margin-top:10px; margin-bottom:10px; line-height:20px; width:642px; float:left;}
#mdl_left_content{width:642px; height:auto; float:left; padding-top:15px; padding-right:10px; border-right:1px solid #a1a1a1;}

.img{margin:0 0 15px 15px;border:solid 1px #999999;}

#portfolio-container{width:950px; height:auto; float:left; margin:10px 0px 10px;}
#portfolio-container li{ list-style:disc;margin:15px 0px 15px 15px; padding-left:0px;line-height:20px;}
#portfolio-container .right{width:269px; height:auto; float:right;}

/*Multimedia Video*/
.video_page{width:640px; height:auto; float:left; border-top:1px solid #c8c7c7; padding:10px 0px;}
.video_1{width:300px; height:auto; float:left; text-align:left; vertical-align:top}
.mleft{margin-left:10px;}

/*inner page portfolio*/
.portfolio_div_left{width:300px; height:auto; float:left; }
.portfolio_div_heading{width:300px; height:auto; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#bc4055;}
.portfolio_img{width:300px; height:280px; margin-top:10px; float:left;}
.portfolio_div_right{width:300px; height:auto; float:right; }

/*Gallery Page Starts Here*/
#gallery , #gallery1 , #gallery2 , gallery3 {padding: 0px; width:660px; float:left; margin-top:15px;}
	#gallery ul, #gallery1 ul , #gallery2 ul , #gallery3 ul {list-style: none; }
	#gallery ul li, #gallery1 ul li , #gallery2 ul li , #gallery3 ul li {display:inline; margin:1px 1px;padding:0px auto;}
	#gallery ul li img , #gallery1 ul li img , #gallery2 ul li img , #gallery3 ul li img {border:10px #CCCCCC solid; margin-bottom:20px;}
	#gallery ul li a:hover img , #gallery1 ul li a:hover img , #gallery2 ul li a:hover img , #gallery3 ul li a:hover img{border:10px #CCCCCC solid;}
	#gallery ul li a:hover ,#gallery1 ul li a:hover ,#gallery2 ul li a:hover ,#gallery3 ul li a:hover {color:#2c3a0a;}  
	
	/* Pagination CSS Starts */	
#new-gallery{height: auto; float:left; width:660px;}
.paginationstyle{ /*Style for demo pagination divs*/width: 450px; text-align: right; padding: 2px 8px; float:right; margin:0px 0px 10px; font:bold 14px Arial, Helvetica, sans-serif;}
.paginationstyle a{ /*Style for demo pagination divs*/color:#000; text-decoration:underline; padding:0px 3px;}
.paginationstyle a:hover{ /*Style for demo pagination divs*/color:#ff0000; text-decoration:none; padding:0px 3px;}
.flatview a:hover, .flatview a.selected{ /*Pagination div "flatview" links style*/color: #ff0000;}
.para{margin-top:10px; margin-bottom:10px; line-height:20px;}

/************* Nov-09  ***********/
.table-b {border-right:solid 1px #b7b7b6;}
.table-b td {padding-left:8px; border-bottom:solid 1px #999999; border-left:solid 1px #b7b7b6;}
.top-box {background:#787876; font:bold 14px Arial, Helvetica, sans-serif; color:#fff;}
.mid-box {background:#f8f8f8; font:bold 12px Arial, Helvetica, sans-serif; color:#444548;}
.bottom-box {background:#eeeeee; font:bold 12px Arial, Helvetica, sans-serif; color:#444548;}

.blue-c {background:#58a3dd; font:bold 14px Arial, Helvetica, sans-serif; color:#fff;}
.green-c {background:#529949; font:bold 14px Arial, Helvetica, sans-serif; color:#fff;}
.gray-c {background:#b6b6b6; font:bold 14px Arial, Helvetica, sans-serif; color:#fff;}
.brown-c {background:#c1831e; font:bold 14px Arial, Helvetica, sans-serif; color:#fff;}

.left-1 { width:660px; height:auto; float:left; margin-top:20px;}
.left-top-box {width:170px; height:auto; float:left;}
.left-top-box1 {width:80px; height:auto; float:left;}
.left-image { width:13px; height:13px; float:left;}
.right-image { width:60px; height:auto; float:left; margin:0px 0px 0px 5px;}
.right-image p {font:bold 12px Arial, Helvetica, sans-serif; color:#444548; margin:0px;}
.right-top-box1 {width:80px; height:auto; float:right;}

.left-2 {width:407px; height:auto; float:left; margin-top:20px; background:#fff;}
.left-text {background:#2d609a; width:255px; height:auto; float:left; padding:5px;}
.left-text p {font:12px Arial, Helvetica, sans-serif; color:#fff; margin:0px 0px 0px 3px; text-align:center;}
.right-text {background:#98a90e; width:130px; height:auto; float:right; padding:5px;}
.right-text p {font:bold 12px Arial, Helvetica, sans-serif; color:#fff; margin:0px; text-align:center;}
.right-text a {font:bold 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}


#pack-table-head { width:660px; height:auto; background:#787876; float:left;}
#pack-table-head ul { margin-left:220px; font:bold 14px Arial, Helvetica, sans-serif; color:#fff;}
#pack-table-head ul li {list-style-type:none; display:block; float:left;}

.pad-left {padding-left:50px;}