/*----- HTML SELECTORS ------*/
body{margin:0 auto;padding:0;font:normal 76.01% arial, helvetica, sans-serif;text-align:left;line-height: 1.5em;color:#3b3834;background-color:#fff;} 
*{margin:0;}
html, body{height:100%;}
ul{list-style:none;}
iframe{border:0;}
a{text-decoration:none;cursor:pointer;overflow:hidden;color:#2864b4;}
a.underline{text-decoration:underline;}
input, select, textarea{font-family:arial;font-size:110%;}
a:hover{text-decoration:underline;}
a img{border:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
p{margin:0;}
.bold{font-weight:bold;}
/*------ Layout Base -------*/
.div_layoutwidth{width:978px;margin:0 auto;padding:0 0.5em;}
#div_header{background-color:#fff;height:108px;}
#div_middle{clear:both;background-color:#e6e9eb;background-position:0 -114px;height:295px;}
#div_bottom{clear:both;background-color:#fff;background-position:0 -949px;}
#div_bottom .div_layoutwidth{padding-top:58px;}
#div_footer{clear:both;font-size:90%;background-color:#fff;background-position:0 -846px;}
.width85{width:85%;}
.width55{width:55%;}
.width45{width:45%;}
.width35{width:35%;}
.percent90{font-size:90%;}
.margintop8{margin-top:8px;}
.marginbot10{margin-bottom:10px;}
.marginbot20{margin-bottom:20px;}
.marginbot40{margin-bottom:40px;}
.noleftmargin{margin-left:0 !important;}
.spacer{padding:35px 0 30px 0;}
.spacer div{width:206px;}
.line{background-position:0 -910px;height:1px;line-height:1px;}
.fright{float:right;}
.fleft{float:left;}
.red{color:#ff0000;}
.clear {display:block;float:none;clear:both;border:0;padding:0;margin:0;height:1px;line-height:1px;font-size:1px;}
.global-heading{text-transform:uppercase;padding:0 0 5px 0;}
h3.global-heading{font-size:22px;font-weight:normal;}
h6.global-heading{font-size:16px;}
.relative{position:relative;}
/*------ Layout Base -------*/

/*------ gradient-sprite -------*/
#div_header, #div_middle, #div_bottom, #div_footer,.line, .form-gradient{background-color:transparent;background-image:url('../images/gradient-sprite.gif');background-repeat:repeat-x;}
/*------ gradient-sprite -------*/

/*------ graphic-sprite -------*/
.brand .logo, .brand .logo-subtext,.box-graphic, .circle-graphic, .web-graphic, .identity-graphic, .product-dev-graphic, .contact-middle-inner, .form-gradient span, .submit,.full-circle span, .half-circle span, .quarter-circle span,.about-box, .website-logos-box, .icons-flash-box, .selectbox, .pagenotfound-middle-inner{background-color:transparent;background-image:url('../images/graphic-sprite.jpg');background-repeat:no-repeat;}
/*------ graphic-sprite -------*/

/*------ text-sprite -------*/
.do-you-have-an-idea, .looking-for-a-web-solution, .chennai-based-web-design-agency,.process-we-follow, .why-us{background-color:transparent;background-image:url('../images/text-sprite.gif');background-repeat:no-repeat;text-indent:-999em;}
/*------ text-sprite -------*/

/*------ Header -------*/
.brand{width:40.2em;float:left;height:58px;}
.brand .logo{display:block;width:109px;height:29px;margin:35px 20px 0 0;text-indent:-999em;float:left;}
.brand .logo-subtext{float:left;background-position:0 -34px;height:37px;margin-top:22px;padding:21px 0 0 22px;font-size:90%;}
#div_header .menu{float:right;}

.menu ul li{float:left;}
.menu ul li a{float:left;height:30px;padding:78px 10px 0 10px;}
.menu ul li a.active{background-color:#e0002f;color:#fff;font-weight:bold;text-decoration:none;}
/*------ Header -------*/

/*------ Home -------*/
.home-mid-idea-left{float:left;width:430px;margin:45px 0 0 30px;}
.home-mid-idea-left .box-graphic{width:182px;height:198px;float:left;background-position:0 -162px;}
.home-mid-idea-right{float:right;width:425px;margin:80px 30px 0 0;}
.home-mid-idea-right .circle-graphic{width:124px;height:150px;background-position:0 -378px;float:left;}
.home-middle .container_text{float:left;}
.home-mid-idea-left .container_text{width:210px;padding-left:20px;margin-top:65px;}
.home-mid-idea-right .container_text{width:286px;padding-left:10px;margin-top:30px;}
.do-you-have-an-idea{}
.looking-for-a-web-solution{background-position:0 -21px;}
.recent-works{margin-bottom:20px;}
/*------ Home -------*/


/*------ Product Development -------*/
.process-we-follow{float:left;background-position:0 -91px;height:117px;text-indent:0;margin-top:84px;padding:90px 0 0 70px;}
.process-we-follow span{height:18px;background-color:#fcff00;padding:3px 10px;}
.pd-mid-lft{clear:both;}
.pd-mid-lft span{background-position:-26px -92px;width:68px;margin:0 24px 12px 0;height:68px;float:left;}
.pd-mid-lft .global-heading{padding-top:10px;}
.half-circle span{background-position:-95px -92px;}
.quarter-circle span{background-position:-164px -92px;}
/*------ Product Development -------*/

/*------ Page Heading-------*/
.chennai-based-web-design-agency{margin-bottom:15px;height:26px;}
.chennai-based-web-design-agency{background-position:0 -40px;}
.pagetitle{line-height:30px;margin-bottom:15px;font-size:22px;text-transform:uppercase;}
/*------ Page Heading-------*/

/*------ Form -------*/
.form-gradient{clear:both;height:52px;background-position:0 -410px;margin-bottom:20px;width:354px;}
.form-gradient label{float:left;width:71px;height:52px;border-right:#d6d9dc 1px solid;font-weight:bold;line-height:50px;padding-left:8px;}
.form-gradient input.inputbox, .form-gradient textarea{float:left;border:#fff 1px solid;width:228px;margin:4px 0;padding:10px 10px 0 10px;}
.form-gradient input{margin:4px 0;height:32px;}
.form-gradient textarea{height:122px;}

.form-gradient-small .form-gradient-left-curve,.form-gradient-small .form-gradient-right-curve{width:12px;height:52px;float:left;}
.form-gradient-small .form-gradient-left-curve{background-position:-13px -95px;}
.form-gradient-small .form-gradient-right-curve{background-position:0 -95px;}

.form-gradient-large{height:142px;background-position:0 -463px;width:350px;}
.form-gradient-large label{height:142px;}
.form-gradient-large .form-gradient-left-curve, .form-gradient-large .form-gradient-right-curve{width:10px;height:142px;float:left;}
.form-gradient-large .form-gradient-left-curve{background-position:-272px -378px;}
.form-gradient-large .form-gradient-right-curve{background-position:-290px -378px;}
.submit-container{clear:both;}
.submit{width:121px;height:51px;border:none;padding:0;margin:0;background-position:-127px -477px;cursor:pointer;}
/*------ Form -------*/


/******** Customize SelectBox ***********/
div.selectbox-wrapper {position:absolute;width:250px;background-color:#F0F2F4;border:1px solid #d6d9dc;top:52px;left:0;padding:0px;text-align:left;max-height:200px;overflow:auto;}
div.selectbox-wrapper ul {list-style-type:none;margin:0;padding:0;}
div.selectbox-wrapper ul li.selected {background-color:#fff;}
div.selectbox-wrapper ul li.current {background-color: #d5dce4;}
div.selectbox-wrapper ul li {list-style-type:none;display:block;margin:0;padding:10px 0 0 16px;cursor:pointer;height:32px;font-size:110%;}
.selectbox {width:240px;height:48px;float:left;padding:13px 0 0 10px;text-align:left;background-position:-116px -34px;cursor:pointer;border:none;}
/******** Customize SelectBox ***********/


/***********  Form Validator ********************/
.formError{position:absolute;top:300px;left:300px;padding-bottom:13px;display:block;z-index:5000}
/* #debugMode{display:none;background:#000;position:fixed;width:100%;height:200px;top:0;left:0;overflow:scroll;opacity:0.8;display:block;color:#fff;font-size:14px;z-index:100000;padding:10px} */
.ajaxSubmit{display:none;padding:20px;height:500px;}
.formError .formErrorContent{background:#fff;width:150px;font-family:tahoma;font-size:11px;border:1px solid #ddd;padding:4px 10px;color:#e0002f;}
.formError .formErrorArrow{position:absolute;bottom:0;left:20px;width:15px;height:15px;z-index:5001}
.formError .formErrorArrowBottom{top:0;margin:-6px}
.formError .formErrorArrow div{border-left:1px solid #ddd;border-right:1px solid #ddd;height:1px;background:#fff;line-height:0;font-size:0;display:block;margin:0 auto}
.formError .formErrorArrowBottom div{}
.formError .formErrorArrow .line10{width:15px;border:none}
.formError .formErrorArrow .line9{width:13px;border:none}
.formError .formErrorArrow .line8{width:11px}
.formError .formErrorArrow .line7{width:9px}
.formError .formErrorArrow .line6{width:7px}
.formError .formErrorArrow .line5{width:5px}
.formError .formErrorArrow .line4{width:3px}
.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0 solid #ddd;}
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}
.greenPopup .formErrorContent,.greenPopup .formErrorArrow div{background:#33be40}
.blackPopup .formErrorContent,.blackPopup .formErrorArrow div{background:#393939;}
/***********  Form Validator ********************/

/******** Works Block ***********/
.works-detail{width:206px;float:left;font-size:90%;margin:0 32px 30px 32px;}
#homegallery .works-detail{margin-right:12px;}
.works-detail-image, .blogThumbnail{width:206px;height:125px;border-top:#d6dadd 1px solid;border-bottom:#303637 10px solid;margin-bottom:10px;}
.blogThumbnail{float:left;margin-right:10px;margin-right:10px;}
.works-detail label{margin-right:5px;}
.works-detail .line{margin-top:10px;}
/******** Works Block ***********/


/*------ Works -------*/
.works-middle{padding-top:44px;}
.website-logos-box{background-position:0 -1015px;width:361px;height:243px;padding-left:364px;}
.icons-flash-box{background-position:0 -1260px;width:361px;height:243px;}
.works-blockbreak{display:none !important;}
/*------ Works -------*/

/*------ About -------*/

.about-middle{padding-top:16px;}
.about-box{background-position:0 -751px;height:12px;margin-left:5px;line-height:10px;padding:78px 0 0 270px;height:185px;}
.why-us{background-position:0 -73px;height:17px;margin-bottom:13px;}
.about-middle p{line-height:18px;width:67%;}
/*------ About -------*/

/*------ Contact -------*/
.contact-middle-inner{margin-top:49px;background-position:0 -529px;width:360px;height:221px;float:left;}
.lets-talk{text-indent:-999em;}
/*------ Contact -------*/

/*------ Footer -------*/
#div_footer .div_layoutwidth{padding-top:5em;padding-bottom:2em;}
#div_footer .div_layoutwidth p{background-color:#fff;}
/*------ Footer -------*/

.pagenotfound-middle-inner{margin:129px 0 0 76px;width:58px;height:164px;float:left;background-position:-306px -162px;}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px}
#jquery-lightbox{position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0}
#lightbox-nav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10}
#lightbox-container-image-box >#lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:49%; height:100%;display:block}
#lightbox-nav-btnPrev{left:0; float:left}
#lightbox-nav-btnNext{right:0; float:right}
#lightbox-container-image-data-box{background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0}
#lightbox-container-image-data{padding:0 10px; color:#666}
#lightbox-container-image-data #lightbox-image-details{width:70%; float:left; text-align:left}
#lightbox-image-details-caption{font-weight:bold}
#lightbox-image-details-currentNumber{display:block; clear:left; padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px; float:right; padding-bottom:0.7em}


/********** blogs **************/
.blogspacer{padding:15px 0 30px 0;clear:both;}
.blogspacer div{width:auto;}
#contentwrapper{width:645px;float:left;padding-right:10px;border-right:#E5E9EA 1px solid;}
#catnav{background-color:#e6e9eb;height:34px;border-bottom:#d6dadd 1px solid;padding-top:5px;margin-bottom:30px;}
#catnav ul{padding:0;margin:0;}
#catnav ul li{float:left;padding-right:10px;}
#catnav .rsslink{float:right;font-size:90%;padding:0 10px 0 20px;background:transparent url('http://www.thinkingnext.com/images/rssfeed.gif') no-repeat -1px;}
#sidebars{width:297px;float:left;padding:0 10px;}
.blog-search{width:auto;}
.blog-search input{width:84.51% !important;}
#sidebars .ads{padding:0 0 15px 0;border-bottom:#303637 8px solid;margin-bottom:15px;}
.topTitle a, .subHeading{font-size:34px;color:#303637;line-height:35px;}
.postContainer, .postdetails, .commentlist li{background-color:#E6E9EB;border:#D6DADD 1px solid;padding:20px;margin-bottom:1px;}
.postdetails{padding:5px 10px;margin:10px 0;font-size:90%;}
.postContainer h3{font-size:22px;font-weight:bold;margin-bottom:14px;}

#nav{float:left;height:35px;}
#nav li{margin:0;padding:5px 10px;}
#nav li.current-cat{background:#fff url('http://www.thinkingnext.com/images/blog-tab.jpg') no-repeat top right;height:25px;padding-right:15px;}
#nav li.current-cat a{font-weight:bold;color:#000;}

.commentlist{padding:0;margin:0;}
.commentbody cite{font-weight:bold;}
.commentmetadata{display:block;padding-bottom:10px;}
.commentmetadata a{color:#3C3835;font-size:90%;}

.twitter_facebook{padding:10px 0;}
.twitter_facebook a{float:left;width:260px;height:29px;padding:10px 0 0 40px;font-weight:bold;margin-bottom:10px;background:transparent url('http://www.thinkingnext.com/blog/wp-content/uploads/2009/12/join-us-on-twitter.gif') no-repeat;}
a.facebooklink{background:transparent url('http://www.thinkingnext.com/blog/wp-content/uploads/2009/12/join-us-on-facebook.gif') no-repeat;}

.block_slidebar{margin:0 0 20px 0;}
.postlist .pagetitle{padding:0;margin:0;border-bottom:#ccc 5px solid;}
.postlist ul{padding:0;margin:0 ;}
.postlist ul li{padding:10px;margin:0;border-bottom:#ccc 1px solid;}