/* STARKERS */ /* ----------------------------------------- */ .aligncenter { display:block; margin:0 auto } .alignleft { float:left; margin-right:20px; } .alignright { float:right; margin-left:20px; } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } /* You might find the following useful */ div { position:relative } /* FOUNDATION */ /* ----------------------------------------- */ body{background:#eaeaea; font-size:12px; line-height:22px; color:#696969; position:relative; z-index:0;} #wrap{width:976px; margin:0 auto; background:url(../images/container_bg.gif) repeat-y top center fixed; z-index: 0; position: relative;padding-bottom:10px;} .inner{padding:0 8px ; width:960px; margin-top: 40px;} a{text-decoration:none; color:#a1a1a1;} a:hover{text-decoration:underline;} .clear{clear:both} .readmore{width:115px; height:25px; float:right; } .readmore img{border: none!important} hr{height:1px; border:none; background:#d2d2d2; margin:20px 0; display:block} .ghost{display:block; margin:40px 0; clear:both;} ul, li{list-style:square} /* HEADER */ /* ----------------------------------------- */ #header{width:960px; margin:0 auto;padding:56px 0 43px 0; background:url(../images/header-bg.png) repeat-x;} #header-nobg{width:960px; margin:0 auto;padding:56px 0 25px 0;} #header h2 a, #header-nobg h2 a{text-align:left; font-size: 31px; display:block; clear:both; width:950px; height:32px; margin:0 auto; overflow: hidden; } #header p, #header-nobg p{text-align:left; display:block; color:#d1d1d1; text-transform:uppercase; font-size:14px;} a.rss{background:url(../images/rss-icon.png) no-repeat; display:block; position:absolute; top:10px; right:15px; width:32px; height:32px;} .dslider{ height:523px; background:url(../images/3dslider_bg.png) repeat-x; width:960px; margin:0 8px;} #cu3er-container {width:960px; outline:0; background:url(../images/3dshadow.png) no-repeat bottom center; height:336px;} /* NAV */ /*------------------------------------------ */ #nav{width:100%; margin:0 auto; height:49px; /*position:relative; top:0; */background:url(../images/main_bg.gif) repeat-x; z-index:2;font-family: Lucida Sans Unicode;font-size: 10px;} #dropmenu {width:960px; list-style:none; ; margin:0 auto; z-index: 2; position: relative; /*padding: 12px 0*/} /*level 1*/ #dropmenu li {float:left; position:relative;list-style:none;margin:10px 20px 0 0; padding: 0 13px; display: block} #dropmenu li .lout{background:url(../images/top_btn_left.png) no-repeat;float:left;width:13px;height:25px;position:absolute; width:13px;left:-13px;} #dropmenu li a{font-size:10px; text-transform:uppercase; color:#cecece; text-align:center; line-height:25px; background:url(../images/top_btn_middle.png) repeat-x; height:25px; display:inline-block; position:relative;} #dropmenu li .rout{background:url(../images/top_btn_right.png) no-repeat;float:right;width:13px;height:25px;position:absolute; width:13px;} #dropmenu li:hover .lout{background:url(../images/top_btn_left_hover.png) no-repeat;float:left;width:13px;height:25px;position:absolute; width:13px;left:-13px;} #dropmenu li:hover a{color:#cecece; background:url(../images/top_btn_middle_hover.png) repeat-x; text-decoration:none} #dropmenu li:hover .rout{background:url(../images/top_btn_right_hover.png) no-repeat;float:right;width:13px;height:25px;position:absolute; width:13px;} /*level 2*/ #dropmenu li ul{display:none;position: absolute;z-index: 100; width: auto;-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;} #dropmenu li:hover ul{display:block; position:absolute; top:25px; left:0; background:#222;padding:0 5px; -moz-border-radius:10px; clear:both;-webkit-border-radius:10px;-ms-border-radius:10px;} #dropmenu li ul li{float:none; height: 30px; line-height:30px} /*#dropmenu li ul a {height:auto; float:left; border-bottom:1px solid #c8c8c8;;background:none;margin-top:5px;margin-bottom:5px;height:25px;margin-left:-3px;}*/ /*level-2 menu items. backgroud should appear only on hover*/ #dropmenu li ul li a{ text-transform:capitalize!important;} #dropmenu li:hover ul li{ margin:0; } #dropmenu li:hover ul li a{white-space: nowrap} #dropmenu li:hover ul li .lout, #dropmenu li:hover ul li a, #dropmenu li:hover ul li .rout{background: none;} #dropmenu li:hover ul li:hover .lout{background:url(../images/top_btn_left_hover.png) no-repeat;} #dropmenu li:hover ul li:hover a{background:url(../images/top_btn_middle_hover.png) repeat-x;} #dropmenu li:hover ul li:hover .rout{background:url(../images/top_btn_right_hover.png) no-repeat;} /* Current page item*/ #dropmenu li.current_page_item .lout{background:url(../images/top_btn_left_hover.png) no-repeat ;} #dropmenu li.current_page_item a{background:url(../images/top_btn_middle_hover.png) repeat-x ;} #dropmenu li.current_page_item .rout{background:url(../images/top_btn_right_hover.png) no-repeat;} #dropmenu li ul li.current_page_item .lout{background:url(../images/top_btn_left_hover.png) no-repeat ;} #dropmenu li ul li.current_page_item a{background:url(../images/top_btn_middle_hover.png) repeat-x ;} #dropmenu li ul li.current_page_item .rout{background:url(../images/top_btn_right_hover.png) no-repeat;} /* LAYOUT by saurav*/ /* ----------------------------------------- */ .comments-div{ clear: both;overflow: hidden; padding: 0 8px; padding:15px;} .commentlist{padding: 10px 0px;} .comment{clear: both;padding: 5px 5px;} .comment-no{height:45px;padding:5px 0 4px 13px;position:absolute;right:0;top:-41px;width:45px;} .comment-no a{color:#000000;font-size:28px;font-weight:normal;left:26px;position:absolute;text-decoration:none;top:12px;} .comment .vcard img{padding-right:10px; float: left;height: 62px;width: 62px} .comment .vcard cite{font-weight: bold;float: left; padding-right: 5px;font-size:12px; } .comment .vcard span{float: left;font-weight:normal;text-transform:none;font-size:12px;} .comment .comment-meta{float: right;font-size: 10px;font-weight:normal;text-transform:none;} .comment .comment-meta a{color:#838383;} .comment p{padding:22px 9px 5px 40px;font-size:12px;font-weight:normal;text-transform:none;text-align:justify;width:90%;word-wrap:break-word;} .comment .reply{clear: both;text-align:right;} .comment .reply a{color:#696969;font-weight:bold;text-align:right;} .comment-author{/*float:left;*/} .comment{border:1px solid #ccc;} /*#submit{border-color:#CCCCCC;color:#000000;cursor: pointer;border: 2px solid ridge}*/ .formbutton{-moz-border-radius:10px;-webkit-border-radius:10px;cursor:pointer;border:outset 1px #ccc;background:#999;color:#000;font-weight:bold;padding: 1px 2px;background:url(../images/formbg.gif) repeat-x left top;width:111px;height: 27px} #commentform{clear:both;padding-bottom:50px;} .even{ background: #EAEAEA; } .odd { background: #fff; } .children .comment{border:1px solid #ccc;} #submitcomment{background: url(../images/submit_btn_01.png)no-repeat;height:30px;width:119px;border:0px solid #fff;} #button_comment{display: none;} /* Comment Form */ .postcomment {padding: 10px;} .postcomment input#author, .postcomment input#email, .postcomment input#url {border:1px solid #999999;color:#000000;font-family:Verdana,Arial,Helvetica,Sans-Serif;font-size:12px;height:12px;margin-bottom:3px;padding:4px;vertical-align:middle;width:200px;} input#author,input#email,input#url{background:#F8F8F8 none repeat scroll 0 0;border:1px solid #DCDCDC;margin-top:6px !important;padding:6px;width:236px;} #commentform label{color: #696969;font-size: 10px} #content{background: #ffffff; width:619px; float:left;padding:4px 20px 20px;border-right:1px dotted #909090; min-height:600px;margin-bottom:19px;} #content ol li{list-style:none; margin-bottom:10px;} /*.entry img{border:5px solid #e9e9e9}*/ .post p img{border:5px solid #e9e9e9!important} #content p a img{max-width:620px;overflow:hidden;} .even{ background: #EAEAEA;} .odd { background: #fff; } .comment-body{padding:5px;margin-top:5px;} .entry-head span{color: #000} .entry-head{margin-bottom:10px;} /*.message .msg-small{display:block;float:right;margin-top:8px;margin-right: 58px}*/ .textArea{width: 100%;float: left} .Areafild #comment{float: left;height:182px;width:78%;height: 100px;margin-top:10px;margin-bottom:10px;background:#F8F8F8 none repeat scroll 0 0;border:1px solid #DCDCDC; padding-top:10px; padding-left:10px;} .textLabel{float: left;margin-left:6px;margin-top:6px;} /*.message{margin-top: 10px}*/ /* L AYOUT by saurav end*/ /* SIDEBAR */ /* ----------------------------------------- */ #sidebar{width:260px;padding:4px 17px 20px;float:right; color: #222222;} .sidemod{overflow:hidden; margin-bottom:10px;} #sidebar ul{margin-left:15px; } #sidebar ul li{list-style-image:url(../images/sidebar-li.png);line-height:20px; font-size: 13px;} #sidebar ul li a{color:#333333;font-size: 11px;text-transform: capitalize} #sidebar ul li a:hover{color:#666} #sidebar ul ul li, #sidebar ul ul a {list-style: none;font-size: 11px;} #sidebar h4.s-title{text-transform:uppercase; font-size:11px; text-align:center; width:244px; height:24px; line-height:24px; background:url(../images/s-title-bg.png) no-repeat center; color:#ececec} .searchsubmit{left:215px;position:absolute;} .searchinput{background:#f8f8f8; border:1px solid #dcdcdc; height:20px; width:180px; padding-left:5px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; color:#a1a1a1;} #s{color: #a1a1a1;border: 1px solid #dcdcdc;padding: 6px;width:196px;font-size: 11px;background: #f8f8f8} div.gravatar{margin-right:20px; float:left; overflow:hidden;} div.gravatar img{border:5px solid #e9e9e9; float:left} div.comment-content{float:right; width:84%;} ol.comments-list li{list-style:none; margin:0; overflow:hidden;} ol.comments-list li cite a, ol.comments-list li cite{color:#202020; font-style:normal;} ol.comments-list li p.date{display:inline-block; margin:0} ol.comments-list li p{} /* FOOTER */ /* ----------------------------------------- */ /*.wrapfooter{width: 976px;position: relative!important;margin: 0 auto} #wrapbottom-left{background:url(../images/bottom_cont_left_bg.png) no-repeat;height: 7px;} #wrapbottom{background:url(../images/bottom_cont_middle_bg.png) repeat-x;height: 7px;} #wrapbottom-right{background:url(../images/bottom_cont_right_bg.png) no-repeat;height: 7px;}*/ /*#wrapbottom{top; position: relative!important;height: 7px;}*/ #footer{background:url(../images/bottom_contbg.png) no-repeat ;width:976px; margin:0 auto 60px auto; height:30px;} .footer{padding:10px 20px; width:936px;font-size:10px;} .social-icon-div{width:976px; margin:0 auto;padding-bottom:40px;} /*slider css*/ #container {width: 800px;margin: 10px auto; /* height:350px;*/} /* slider specific CSS */ .sliderGallery {/*background: url(images/productbrowser_background_20070622.jpg) no-repeat;*/ overflow: hidden;position: relative;width: 800px;} .sliderGallery UL {position: absolute;list-style: none;overflow: none;white-space: nowrap;padding: 0;margin: 0;} .sliderGallery UL LI {display: inline;margin-left:0px;} .slider{width: 800px;height: 25px;margin-top: 330px;padding: 1px;position: relative;background: url(../images/Slider-with-Bar_01.png) no-repeat; } .handle {position: absolute;cursor: move;height: 17px;width: 186px;top: 2px;background: url(../images/bar.png) no-repeat ; z-index: 100;padding-top:3px;} /*old and new entry*/ .navigation li{list-style:none; margin-left: 0;} .navigation-div{float:left;margin:14px auto 6px 24px;width:619px;} .navigation-div .oldentry a{background:url(../images/previous_btn.gif) no-repeat; width:115px; height:25px;float:left; list-style:none;} .navigation-div .newentry a{background:url(../images/next_btn.gif) no-repeat; width:115px; height:25px;float:right; list-style:none;} /*********************************/ .rt_hd_ads{overflow:hidden; margin-bottom:20px;} .banner_ads{margin:5px 2px; float:left;} /*#content p{overflow: hidden;}*/ .align-left{float:left; margin-right: 20px;} .align-right{float:right; margin-left: 20px;} /*Social bookmark and rss*/ a.rss{background:url(../images/rss_icon.png) no-repeat; display:block; position:absolute; top:15px; right:15px; width:41px; } a.rss:hover{background:url(../images/rss_icon.png) no-repeat 0 -36px; } #social-icons{float:right;margin-right:26px;margin-top:8px;} #social-icons span{float: left;padding-top: 6px;color: #000;font-size:10px;} ul#awesome-menu {position: relative;width: 125px;list-style: none;margin-left:65px;} ul#awesome-menu li { display: inline; } ul#awesome-menu li a {display: block; float: left; height: 35px;background-image: url(../images/menu-sprite_final.png); text-indent: -9999px;} ul#awesome-menu li a.facebook {width: 41px; background-position: 0 0px;} ul#awesome-menu li a.twitter {width: 41px; background-position: -41px 0px;} ul#awesome-menu li a.myspace {width: 41px; background-position: -82px 0px;} ul#awesome-menu li a.facebook:hover{background-position: 0 -36px;} ul#awesome-menu li a.twitter:hover{background-position: -41px -36px;} ul#awesome-menu li a.myspace:hover{background-position: -82px -36px;} .commentlist p{/*width:350px !important;*/} /*.post img{overflow:hidden;width:600px;}*/ /*linkbefore*/ .lin_bef{background:url(../images/top_btn_left.png) no-repeat;float:left;width:13px;height:25px;} .lin_aft{background:url(../images/top_btn_right.png) no-repeat;float:right;width:13px;height:25px;} /*.cat-item:last-child {padding-bottom:40px!important;text-transform: capitalize}*/ .cat-item:last-child a{text-transform: capitalize;} #sidebar ul li ul {clear: both} /* CMS */ /*cms.php*/ #cms_inner{width:920px;margin:0 auto;margin-top:20px;} #cms_inner h1 a{color:#000;padding-bottom:10px;} #cms_inner h1 a:hover{text-decoration:none;} #slogan{font-size:22px;color:#d2d2d2} .welcome_msg{margin-top:30px;} /*Three column desing*/ .design{margin:30px 0;width:920px;float: left} .design img{max-width: 100%; border: 5px solid #E9E9E9 !important} .inner_design{width:280px;float:left;padding-right:37px;} .inner_design-right{width:280px;float:left;} /*fast service*/ .service{margin:30px 0;} .service h2{padding-bottom:10px;padding-top:18px;} .service_images{float:left;margin-right:10px;width:auto;overflow:hidden} /*our client */ .our_client{margin:30px 0;padding:10px 0;} .client_logo{clear:both;} .client_logo_each{float:left;width:21%;margin:0 15px;overflow:hidden;} /*social icon on cms*/ .cms_social_icon{float:right;padding-bottom:20px;} .viewer { width:800px; margin:0 auto; overflow:hidden; } .content-conveyor { width:610px; height:335px; position:relative; } .item { width:800px; float:left; } #slider_wrap{background: transparent url(../images/Slider-with-Bar_01.png) no-repeat scroll 0 0; } #slider{height: 24px; width: 800px;} #slider a {background: transparent url(../images/s-title-bg.png) no-repeat scroll center center; width: 100px; top: 3px;} .content-img img {float:left;} .post-content-main {text-align:justify;padding-left:323px !important;} .skills{float:left;margin-top:-33px;width:210px;margin-left:13px;}.post-content-main .viewprj{cursor:pointer;float:right;width:126px;height:26px;} .tag-navigation li{background:transparent url(../images/arrow_mark.gif) no-repeat scroll left center;float:left;list-style-type:none;margin:0 !important;padding:1px 2px 5px 27px;width:65px;word-wrap:break-word} .content-img a img{border:5px solid #E9E9E9 !important;} .view-prj{float: right;width: 126px;height: 26px;margin-right:-15px;} .post-title{padding-left:323px !important;} div.error-404 h2{float: left;clear: both}