/*

Theme Name: Template for Sage Point

Theme URI: http://www.sagepointng.com/

Author: the inoday team

Author URI: http://www.inoday.com/

Description: This website designed & developed by Inoday consultancy Pvt. Ltd.

Version: 1.1

*/



@charset "utf-8";

/* CSS Document */





/* Fonts */

@font-face {

 font-family: 'open_sans';

 src: url('fonts/opensans-regular-webfont.eot');

 src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/opensans-regular-webfont.woff') format('woff'),  url('fonts/opensans-regular-webfont.ttf') format('truetype'),  url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');

 font-weight: normal;

 font-style: normal;

}

* { margin:0px; padding:0px; }

html, body { height:100%; min-height:100%; }

body { background:#fff url(images/bg.jpg) repeat; color:#7f7f7f; font-size:12px; font-family:'open_sans'; }

p { line-height:18px; }

a { text-decoration:none; color:#1ab4be; }

a:hover { text-decoration:none; }

img { border:none; }

.clear { clear:both; width:100%; overflow:hidden; }

#webHolder { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -65px; padding-bottom:65px; }

.wrapper { width:1000px; position:relative; margin:0px auto; }

.more {font-size:13px; color:#e09423;}

/* ------------------- Header Css ------------------ */

#header {width:1000px; margin:0px auto; position:relative; height:85px;}

#header .logo {width:225px; height:45px; float:left;}

#header .topLeft {width:auto; float:right;}

#header .topLeft .social {width:auto;}

#header .topLeft .social ul li {list-style:none; float:left; margin-left:3px;}

#header .topLeft .social ul li a {display:block;}

#header .topLeft .search {width:240px; height:32px; background:url(images/searchBg.png) no-repeat;}

#header .topLeft .search ul li {list-style:none; float:left;}

#header .topLeft .search ul li .searchInput {background:none; border:0px; font-size:13px; color:#8a8a8a; padding:8px 10px; width:175px; }

#header .topLeft .search ul li .searchBtn {width:45px; height:32px; background:url(images/search.png) 50% center no-repeat; border:0px; cursor:pointer; font-size:0px; display:block;}

/* ------------------- Navigation Css ------------------ */

#navigation {width:100%; background:#0f5f75; height:40px; position:relative; z-index:2}

#navigation ul.menu li {list-style:none; float:left; position:relative;}

#navigation ul.menu li a {display:block; color:#fff; font-size:14px; padding:10px 15px 10px;}

#navigation ul.menu li a:hover {background:#1bb4be;}

#navigation ul.menu li a.active {background:#1bb4be;}

#navigation ul.menu .current-page-parent a{background:#1bb4be;}

#navigation ul.menu .current_page_item a{background:#1bb4be;}

#navigation ul.menu .current-menu-item a{background:#1bb4be;}



#navigation ul.menu li ul.sub-menu {background:#1ab4be; width:200px; height:auto; border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; padding:10px; position:absolute; left:0px; top:40px; z-index:2; display:none;}

#navigation ul.menu li ul.sub-menu li {list-style:none; float:none; border-bottom:1px dotted #fff; line-height:20px;}

#navigation ul.menu li ul.sub-menu li a {font-size:13px; color:#fff; display:block; padding:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

#navigation ul.menu li ul.sub-menu li a:hover {background:#0f5f75;}







#navigation .quickContact {background:url(images/quickContact.png) no-repeat left center; text-indent:45px; position:relative;}

#navigation .quickContact a {font-size:16px; color:#ebebeb; font-weight:bold; line-height:40px;}

#navigation .quickContact .contact {width:208px; background:url(images/contactBg.png) repeat; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:absolute; padding:10px; top:48px; right:0px; display:none; z-index:1; }

#navigation .quickContact .contact .contactArrow {width:40px; height:20px; background:url(images/contactArrow.png) no-repeat top center; position:absolute; top:-20px; right:47px;}

#navigation .quickContact .contact ul li {list-style:none; display:block; text-indent:0; margin-bottom:5px;}

#navigation .quickContact .contact ul li input { width:190px; background:#f4f4f4; border:0px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:8px 10px; font-size:13px; color:#a2a2a2; box-shadow: inset 0 0 3px #656565; -moz-box-shadow: inset 0 0 3px #656565; -webkit-box-shadow: inset 0 0 3px #656565;}

#navigation .quickContact .contact ul li textarea {width:190px; height:50px;background:#f4f4f4; border:0px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:8px 10px; font-size:13px; color:#a2a2a2; box-shadow: inset 0 0 3px #656565; font-family:Arial, Helvetica, sans-serif; -moz-box-shadow: inset 0 0 3px #656565; -webkit-box-shadow: inset 0 0 3px #656565;}

#navigation .quickContact .contact ul li input[type=submit] { width:75px;background:#0f5f75; border:0px; display:block; cursor:pointer; color:#fff; font-size:14px; text-shadow:1px 0px 1px #000; padding:7px 20px; text-align:center;}

#navigation .quickContact .contact ul li input[type=button] { width:75px;background:#006699; border:0px; display:block; cursor:pointer; color:#fff; font-size:14px; text-shadow:1px 0px 1px #000; padding:7px 20px; text-align:center;}

/* ------------------- Slider Css ------------------ */

#slider {width:100%; background:url(images/sliderBg.png) repeat; height:400px; box-shadow: 0 0 5px #b7b7b7; -moz-box-shadow: 0 0 5px #b7b7b7; -webkit-box-shadow: 0 0 5px #b7b7b7; position:relative;}

/* ------------------- Container Css ------------------ */

#container {width:1000px; margin:0px auto; box-shadow: 0 3px 2px 1px #ccc; -webkit-box-shadow: 0 3px 2px 1px #ccc; -moz-box-shadow: 0 3px 2px 1px #ccc; background:#fff;}

#container .leftPart {width:650px; float:left; height:auto;}

#container .leftPart .mainTitleLyt {background:#1ab4be; font-size:20px; font-weight:normal; color:#fff; text-shadow:1px 0px 1px #333; line-height:40px; text-indent:10px;}

#container .leftPart .desc {width:auto; font-size:13px; color:#7f7f7f; line-height:20px; padding-left:5px;}
#container .leftPart .desc ul{padding:10px 25px;}
#container .leftPart .desc p{line-height:20px;margin:10px 0;}
#container .leftPart .desc h1 {font-size:18px; font-weight:normal; color:#0f5f75; line-height:20px;}



.readMore {background:#0f5f75; font-size:14px; color:#fff; text-shadow:1px 0px 1px #333; padding:5px 20px; text-align:center;}



#container .rightPart {width:330px; float:right; height:auto;}

#container .rightPart .mainTitleDark {background:#0f5f75; font-size:20px; font-weight:normal; color:#fff; text-shadow:1px 0px 1px #333; line-height:40px; text-indent:10px;}

#container .rightPart .specialization {width:auto;}

#container .rightPart .specialization ul li {list-style:none; display:block; background:url(images/specialBg.png) repeat-x; border:1px solid #d8d8d8;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:3px;}

#container .rightPart .specialization ul li a {display:block;   padding:5px; text-indent:60px; font-size:18px; color:#787878; line-height:40px; }

#container .rightPart .specialization ul li.applicationMenuTab a {background:url(images/application.png) no-repeat 4% center;}

#container .rightPart .specialization ul li.appsMenuTab a {background:url(images/apps.png) no-repeat 4% center;}

#container .rightPart .specialization ul li.contentMenuTab a {background:url(images/content.png) no-repeat 4% center;}

#container .rightPart .specialization ul li.cartMenuTab a {background:url(images/cart.png) no-repeat 4% center;}

#container .rightPart .specialization ul li.consultingMenuTab a {background:url(images/consulting.png) no-repeat 4% center;}

/* ------------------- Container Gallery Css ------------------ */

#container .content {width:100%;}

#container .grayHeading {background:#9d9d9d; font-size:20px; font-weight:normal; color:#fff; text-shadow:1px 0px 1px #333; line-height:40px; text-indent:10px;}



ul.gallery li {width:295px; height:231px; float:left; list-style:none; margin:0px 12px;}

ul.gallery li .shadow {width:295px; height:9px; background:url(images/imgShadow.png) no-repeat top center;}

ul.gallery li .galleryOption {background:#e9e9e9; border:1px solid #dfdfdf; padding:7px; position:relative; margin-top:3px;}

ul.gallery li .galleryOption .galleryArrow {width:26px; height:9px; background:url(images/galleryArrow.png) no-repeat top center; position:absolute; left:45%; top:-9px;}

ul.gallery li .galleryOption a.enlarge {background:url(images/enlarge.png) no-repeat left center; text-indent:25px; font-size:14px; color:#909090; }

ul.gallery li .galleryOption a.view { font-size:14px; color:#909090; }



#prev1, #prev2 { position:absolute; top:50%; left:-75px; }

#next1, #next2 { position:absolute; top:50%; right:-75px; }



ul.technology li {width:auto; height:97px; float:left; list-style:none; margin:0px 13px;}

/* ------------------- Footer Css ------------------ */

#footer {width:100%; background:url(images/footerBg.png) repeat;}

#footer .footerCol {width:330px; background:url(images/divider.png) no-repeat right center;}

#footer .footerCol h2 {color:#f4f4f4; font-size:24px; font-weight:normal;}

#footer .testimonials {width:auto;}

#footer .testimonials .callout {font-size:13px; color:#acacac; font-style:italic; line-height:18px;}

#footer .newsLetter {background:#1b2b39; box-shadow: inset 0 0 5px #111b24; font-size:13px; color:#8a8a8a; padding:6px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #111b24;}

#footer .send {background:url(images/send.png) repeat-x; font-size:14px; color:#fff; padding:5px 15px; font-weight:bold; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:0px; display:block; cursor:pointer; text-align:center; text-transform:uppercase;}

#footer .mainFooter {width:100%; height:50px; background:#161821;}

#footer .mainFooter .copy {background:url(images/copy.png) no-repeat left center; text-indent:22px; font-size:12px; color:#8a8a8a;}

#footer .mainFooter .footerLinks {width:auto; margin-top:17px;}

#footer .mainFooter .footerLinks ul li {list-style:none; float:left; margin:0px 5px;}

#footer .mainFooter .footerLinks ul li a {font-size:12px; color:#8a8a8a; display:block;}



ul.search{padding:10px; margin:auto; list-style:none;}

ul.search li{margin:10px 0; padding:0 0 15px 0; border-bottom:1px dotted #e2e2e2;}

ul.search li h2{font-size:18px; font-weight:normal;}

ul.search li a.readMore{padding:5px 10px; font-size:13px; color:#FFFFFF; text-decoration:none; background:#666;}

ul.search li a.readMore:hover{background:#333;}



.alignleft{float:left; margin:0 10px 0 0;}

.alignright{float:right; margin:0 0 0 10px;}



.portfolioList .thumbImg{width:200px; height:150px; overflow:hidden; float:left; margin-right:10px; border:2px solid #fff; -moz-box-shadow: 0 0 3px #888; -webkit-box-shadow: 0 0 3px #888; box-shadow: 0 0 3px #888;}



/*------ contact form CSS -----*/

/*---- for wordpress form --------*/

.wpcf7-form p{line-height:30px !important;}

.wpcf7-not-valid-tip-no-ajax{color:#ccc !important; margin-left:15px;}

.wpcf7-text{background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #C4C4C4;border-radius: 3px 3px 3px 3px;box-shadow: 0 0 10px #DCDCDC inset;color: #333;font-size: 13px;padding: 5px 10px;}

.wpcf7-textarea{width:355px; background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #C4C4C4;border-radius: 3px 3px 3px 3px;box-shadow: 0 0 10px #DCDCDC inset;color: #333;font-size: 13px;padding: 5px 10px;}

.wpcf7-select{width:278px;background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #C4C4C4;border-radius: 3px 3px 3px 3px;box-shadow: 0 0 10px #DCDCDC inset;color: #333;font-size: 13px;padding: 5px 10px;}

.wpcf7-captchar{background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #C4C4C4;border-radius: 3px 3px 3px 3px;box-shadow: 0 0 10px #DCDCDC inset;color: #333;font-size: 13px;padding: 5px 10px; margin-top:5px;}

.wpcf7-submit{ background:#000; width:100px; height:35px; border:none; padding:5px;border-radius: 3px 3px 3px 3px; color:#FFFFFF;font-size: 14px; font-weight:bold; float:left; margin-top:15px; cursor:pointer; }



.errMsg{font-size:11px; color:#fff; display:none;}

#mailMsg{display:none; width:200px; text-indent:0px;}

#mailMsg .preloader{width:200px; float:left; margin-left:5px;}



.pagiNation{float:right; margin-bottom:20px;}

.pagiNation a{padding:3px 8px; background:#ccc; font-size:12px; color:#333; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

.pagiNation a:hover{background:#2f77af; color:#fff;}

.pagiNation .current{padding:3px 8px; background:#245880; font-size:12px; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}