/* common classes starts */
body{
    padding:0;
    margin:0;
    text-align:center;
    font:normal 14px/16px Arial, Helvetica, sans-serif;
    color:#505050;
    background:url(../images/header-bg.jpg) 0 0 repeat-x;
}
body a{
	text-decoration:underline;
	color:#818054;
	font-weight:bold;
}
body a:hover{
	text-decoration:none;
	color:#FF7E0B;
	font-weight:bold;
}
img{
    border:0;
}
.clear{
    clear:both;
}
h1,h2,h3,h4,h5,h6{
    padding:0;margin:0;
    font-weight:normal;
}
a:focus{
    outline:none;
}
/* common classes end */
/* header classes starts */
.header{
    background:url(../images/header-bg.jpg) 0 0 repeat-x;
    height:364px;
    padding:0 37px;
}
.smallheader .header{
    height:196px;
}
.header .header-container{
    margin:0 auto;
    width:1005px;
    text-align:left;
    position:relative;
    z-index:10;
}
.smallheader .header .header-container{
    z-index:100;
}
.header .header-container .logo{
    background:url(../images/logo.jpg) 0 0 no-repeat;
    width:291px;height:135px;
    display:block;
    text-indent:-999999px;
    position:absolute;top:26px;left:5px;
}
.header .header-container .phonenumber{
    text-indent:-999999px;
    position:absolute;top:53px;left:393px;
    width:220px;height:32px;
    background:url(../images/phonenumber.jpg) 0 0 no-repeat;
}
.header .header-container .search-box{
    position:absolute;top:44px;right:0px;
    width:322px;height:62px;
}
.header .header-container .search-box .search{
    position:relative;
    width:322px;height:62px;
    background:url(../images/search-box-bg.jpg) 0 0 no-repeat;
}
.header .header-container .search-box .search .textbox{
    border:0;
    background:transparent;
    width:220px;
    position:absolute;top:12px;left:21px;
    font-size:17px;
    color:#959595;
}
.header .header-container .search-box .search .submit{
    border:0;
    background:transparent;
    width:46px;height:46px;
    position:absolute;top:0px;right:12px;
    cursor:pointer;
}
.header .header-container .header-text{
    height:166px;width:588px;
    position:absolute;top:196px;right:48px;
}
.header .header-container .innerpage-header-text td{
    height:166px;width:468px;
    font:bold 26px/40px "Trebuchet MS";
    color:#fff;
    text-align:center;
}
.header .header-container .innerpage-header-text{
    height:166px;width:468px;
    position:absolute;top:196px;right:108px;
}
.header .header-container .header-text td{
    height:166px;width:588px;
    font:bold 26px/40px "Trebuchet MS";
    color:#fff;
    text-align:center;
}
.header .header-container .pagelevel-image{
    position:absolute;left:12px;top:211px;
}
.header .header-container .pagelevel-image img{
    width:350px;height:135px;border:1px solid #b2b1b1;
}
.header .header-container .mainnavigation{
    height:69px;width:683px;
    position:absolute;top:126px;right:0px;
    background:url(../images/topnavigation.jpg) 0 0 no-repeat;
}
.header .header-container .mainnavigation ul li ul{
    display:none;
}
.header .header-container .mainnavigation ul{
    padding:0;margin:0;
    list-style:none;
}
.header .header-container .mainnavigation ul li{
    float:left;
    height:38px;
    margin-top:14px;
}
.header .header-container .mainnavigation ul li a{
    display:block;
    text-indent:-999999px;
    height:38px;
}
.header .header-container .mainnavigation ul li.home{
    padding-left:40px;
}
.header .header-container .mainnavigation ul li.home a{
    width:54px;
}
.header .header-container .mainnavigation ul li.home a:hover,
.header .header-container .mainnavigation ul li.home a.selected{
    background:url(../images/topnavigation.jpg) -40px -83px no-repeat;
}
.header .header-container .mainnavigation ul li.services{
    padding-left:37px;
}
.header .header-container .mainnavigation ul li.services a{
    width:74px;
}
.header .header-container .mainnavigation ul li.services a:hover,
.header .header-container .mainnavigation ul li.services a.selected{
    background:url(../images/topnavigation.jpg) -131px -83px no-repeat;
}
.header .header-container .mainnavigation ul li.marketing{
    padding-left:38px;
}
.header .header-container .mainnavigation ul li.marketing a{
    width:91px;
}
.header .header-container .mainnavigation ul li.marketing a:hover,
.header .header-container .mainnavigation ul li.marketing a.selected{
    background:url(../images/topnavigation.jpg) -243px -83px no-repeat;
}
.header .header-container .mainnavigation ul li.portfolio{
    padding-left:39px;
}
.header .header-container .mainnavigation ul li.portfolio a{
    width:72px;
}
.header .header-container .mainnavigation ul li.portfolio a:hover,
.header .header-container .mainnavigation ul li.portfolio a.selected{
    background:url(../images/topnavigation.jpg) -373px -83px no-repeat;
}
.header .header-container .mainnavigation ul li.about{
    padding-left:38px;
}
.header .header-container .mainnavigation ul li.about a{
    width:57px;
}
.header .header-container .mainnavigation ul li.about a:hover,
.header .header-container .mainnavigation ul li.about a.selected{
    background:url(../images/topnavigation.jpg) -483px -83px no-repeat;
}
.header .header-container .mainnavigation ul li.contact{
    padding-left:37px;
}
.header .header-container .mainnavigation ul li.contact a{
    width:78px;
}
.header .header-container .mainnavigation ul li.contact a:hover,
.header .header-container .mainnavigation ul li.contact a.selected{
    background:url(../images/topnavigation.jpg) -577px -83px no-repeat;
}
/* header classes end */

/* newsletter classes starts */
.newsletter{
    background:url(../images/newsletter-bg.jpg) 0 0 repeat-x;
    height:103px;
}
.newsletter .newsletter-container{
    margin:0 auto;
    width:1005px;
    text-align:left;
    position:relative;
    height:103px;
}
.signup-panel{
    float:left;
    width:300px;
}
.newsletter .newsletter-container .logos{
    width:666px;
    float:right;
    text-align:right;
    margin:29px 0 0 0;
}
.newsletter .newsletter-container .logos img{
    margin:0 2px 0 5px;
}
.newsletter .newsletter-container .signup-panel{
    width:300px;
    float:left;
    margin-top:22px;
}
.newsletter .newsletter-container .signup-panel h4{
    font:16px/16px Arial, Helvetica, sans-serif;
    color:#fff;
    text-transform:uppercase;
    padding:0 0 6px 5px;
}
.newsletter .newsletter-container .signup-panel .singupform{
    height:42px;
    position:relative;
    width:300px;
    background:url(../images/newsletter-signup-bg.jpg) 0 0 no-repeat;
}
.newsletter .newsletter-container .signup-panel .singupform .textbox{
    border:0;
    background:transparent;
    width:230px;
    position:absolute;top:12px;left:17px;
    font:bold 13px Arial, Helvetica, sans-serif;
    color:#1a1a1a;
}
.newsletter .newsletter-container .signup-panel .singupform .submit{
    border:0;
    background:transparent;
    width:32px;height:32px;
    position:absolute;top:5px;right:5px;
    cursor:pointer;
}
.newsletter .newsletter-container .newsletter-btm-img{
    background:url(../images/newsletter-btm-img.jpg) 0 0 no-repeat;
    width:88px;
    height:44px;
    position:absolute;left:465px;bottom:-43px;_bottom:-44px;
}
/* newsletter classes end */
/* services classes starts */
.services-panel{
    background:#1a1a1a;
}
.services-panel .services-container{
    margin:0 auto;
    width:1079px;
    text-align:left;
    background:url(../images/services-container-bg.jpg) left 0 repeat-y;
}
.services-panel .services-container .services-topbg{
    background:url(../images/services-container-top-bg.jpg) left 0 no-repeat;
}
.services-panel .services-container .services-topbg .services-btmbg{
    background:url(../images/services-container-btm-bg.jpg) left bottom no-repeat;
}
.services-panel .services-columns{
    padding:66px 78px 41px 75px;
}
.services-panel .services-columns dl{
    float:left;
    width:211px;
    padding:0;margin:0 10px;
    list-style:none;
}
.services-panel .services-columns dl dt{
    padding:0;margin:0;
    list-style:none;
    color:#686868;
    font:normal 18px/17px Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    padding:0 0 25px 0;
}
.services-panel .services-columns dl dt a{
    color:#686868;
    text-decoration:none;
}
.services-panel .services-columns dl dt a:hover{
    color:#f0cb01;
}
.services-panel .services-columns dl dd{
    padding:0;margin:0;
    list-style:none;
    color:#fff;
    font:normal 13px/18px Arial, Helvetica, sans-serif;
}
.services-panel .services-columns dl dd a{
    color:#fff;
    text-decoration:none;
}
.services-panel .services-columns dl dd a:hover{
    color:#f0cb01;
}
/* services classes end */
/* mainbody classes starts */
.mainbody{
    background:#fff;
}
.mainbody .mainbody-container{
    margin:0 auto;
    width:1079px;
    text-align:left;
    background:url(../images/mainbody-container-bg.jpg) left 0 repeat-y;
}
.mainbody .mainbody-container .mainbody-topbg{
    background:url(../images/mainbody-container-top-bg.jpg) left 0 no-repeat;
}
.mainbody .mainbody-container .mainbody-topbg .mainbody-btmbg{
    background:url(../images/mainbody-container-btm-bg.jpg) left bottom no-repeat;
    position:relative;
    width:1079px;
    z-index:0;
}
.mainbody .mainbody-container .mainbody-topbg .mainbody-btmbg .header-image{
    width:418px;
    height:383px;
    position:absolute;left:-41px;top:-204px;
    _left:-42px;_top:-203px;
    z-index:15;
}
.mainbody .mainbody-container .mainbody-topbg .mainbody-btmbg .header-image img{
    width:418px;
    height:383px;
    border:0;
}
.mainbody .mainbody-container .mainbody-topbg .mainbody-btmbg .header-image1{
    background:url(../images/header-sample-img.png) 0 0 no-repeat;
    width:412px;
    height:384px;
    position:absolute;left:-42px;top:-202px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header-sample-img.png'); /* IE6 */
    _background-image: none;
}
.mainbody .mainbody-columns{
    padding:10px 52px 17px 50px;
}
.mainbody .mainbody-columns .leftcolumn{
    float:left;
    width:237px;position:relative;
    z-index:30;
}
.mainbody .sidenavigation{
    width:237px;
    background:url(../images/sidenavigation-bg.jpg) 0 0 repeat-y;
}

.fbBadge
{
	position:absolute;
	padding-top:25px ; 
	margin-bottom:45px;
}

.googleCentre {
	position:absolute;
	
	padding-left:83px;
}

.mainbody .sidenavigation .sidenavigation-topbg{
    background:url(../images/sidenavigation-top-bg.jpg) 0 0 no-repeat;
}
.mainbody .sidenavigation .sidenavigation-btmbg{
    background:url(../images/sidenavigation-btm-bg.jpg) 0 bottom no-repeat;
}
.mainbody .sidenavigation .sidenav{
    padding:19px 27px 20px 28px;
}
.mainbody .sidenavigation .sidenav ul{
    margin:0;padding:0;
    list-style:none;
    width:182px;
}
.mainbody .sidenavigation .sidenav ul li{
    background:url(../images/sidenav-btm-line.jpg) 0 bottom no-repeat;
    padding:10px 0;
}
.mainbody .sidenavigation .sidenav ul li a{
    background:url(../images/sidenav-arrow.jpg) 0 3px no-repeat;
    padding:0 18px;
    font:bold 13px Arial, Helvetica, sans-serif;
    color:#fff;
    text-decoration:none;
    display:block;
}
.mainbody .sidenavigation .sidenav ul li a:hover{
    background:url(../images/sidenav-arrow.jpg) 2px 3px no-repeat;
    padding:0 17px;
}
.mainbody .sidenavigation .sidenav ul li.last{
    background:url() 0 bottom no-repeat;
}
.mainbody .mainbody-columns .rightcolumn{
    float:left;
    width:740px;
    background:#fff;position:relative;
    z-index:30;
}
.mainbody .breadcrumb{
    background:url(../images/home-breadcrumb-bg.jpg) 0 0 no-repeat;
    height:31px;
    position:relative;
    padding:0 0 0 20px;
    font:12px/31px Verdana, Arial, Helvetica, sans-serif;
    color:#fff;
}
.mainbody .breadcrumb a{
    color:#fff;
    text-decoration:none;
}
.mainbody .breadcrumb a:hover{
    text-decoration:underline;
}
.mainbody .breadcrumb span.youare{
    color:#ff8929;
}

.mainbody .breadcrumb a.highlight{
    color:#ff8929;
}


.mainbody .breadcrumb span{
    color:#ffd401;
}
.mainbody .breadcrumb .socialnetwork{
    position:absolute;
    right:95px;top:8px;
}
.mainbody .innerpage .breadcrumb .socialnetwork{
    right:0px;
}
.innercolumns{padding:20px 0 20px 20px;}
.inpage-content{
    padding:20px 0 20px 20px;
    text-align:justify;
}
.mainbody .innerpage .innercolumns{
    padding:15px 0 20px 20px;
}
.innercolumns .contentcolumn{
    width:486px;
    float:left;
    text-align:justify;
}
.mainbody .innerpage .innercolumns  .contentcolumn{
    width:512px;
}
.innercolumns .contentcolumn .color{color:#858556;}
.innercolumns .innerrightcolumn{
    width:219px;
    float:right;
}
.mainbody .innerpage .innercolumns .innerrightcolumn{
    width:187px;
}
/* mainbody classes end */
/* footer starts */
.footer{
    background:url(../images/footer-bg.jpg) 0 0 repeat-x;
    height:51px;
}
.footer .footer-container{
    margin:0 auto;
    width:1005px;
    text-align:left;
    position:relative;
    height:31px;
}
.footer .footer-container .copyright{
    font:12px Verdana, Arial, Helvetica, sans-serif;
    color:#868686;
    position:absolute;top:20px;left:8px;
}
.footer .footer-container .copyright a{
    color:#fff;
    text-decoration:none;
}
.footer .footer-container .copyright span{
    color:#fff;
}
.footer .footer-container .copyright a:hover{
    color:#f0cb01;
}
.footer .footer-container .validation{
    background:url(../images/validation-bg.jpg) 0 0 no-repeat;
    width:323px;
    height:15px;
    position:absolute;
    right:12px;top:18px;
}
.footer .footer-container .validation{
    background:url(../images/validation-bg.jpg) 0 0 no-repeat;
    width:323px;
    height:15px;
    position:absolute;
    right:12px;top:18px;
}
/* footer end */
/* blog-panel classes starts */
.blog-panel{
    width:219px;
    background:url(../images/blog-bg.jpg) 0 0 repeat-y;
    margin-bottom:25px;
}
.blog-panel .blog-topbg{
    background:url(../images/blog-topbg.jpg) 0 0 no-repeat;
}


}
.blog-panel .blog-btmbg{
    background:url(../images/blog-btmbg.jpg) 0 bottom no-repeat;
    position:relative;
    min-height:325px;
    _height:325px;
}
.blog-panel .blog-btmbg .blog-icon{
    background:url(../images/blog-icon.png) 0 0 no-repeat;
    width:84px;height:90px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blog-icon.png'); /* IE6 */
    _background-image: none;
    position:absolute;right:-26px;top:-41px;
}
.blog-panel .blog-btmbg .visit{
    background:url(../images/visit-our-blog.jpg) 0 0 no-repeat;
    width:168px;height:39px;
    display:block;
    text-indent:-999999px;
    position:absolute;bottom:-21px;left:29px;
}
.blog-panel .blog-btmbg .title{
    background:url(../images/blog-title.jpg) 0 0 no-repeat;
    width:43px;height:25px;
    display:block;
    text-indent:-999999px;
    position:absolute;top:13px;left:9px;
}
.blog-panel ul{
    margin:0;padding:37px 15px 26px 15px;
    list-style:none;
    font-size:12px;
    line-height:17px;
}
.blog-panel ul li{
    background:url(../images/blog-li-bg.gif) center bottom no-repeat;
    padding:10px 0;
    width:189px;
}
.blog-panel ul li.last{
    background:url() center bottom no-repeat;
}
.blog-panel ul li a{
    color:#181818;
    text-decoration:none;
}
.blog-panel ul li a:hover{
    color:#415968;
}
/* blog-panel classes end *//* tweet-panel classes starts */
.tweet-panel{
    width:219px;
    background:url(../images/tweet-bg.jpg) 0 0 repeat-y;
    margin-bottom:25px;
}
.tweet-panel .tweet-topbg{
    background:url(../images/tweet-topbg.jpg) 0 0 no-repeat;
}


}
.tweet-panel .tweet-btmbg{
    background:url(../images/tweet-btmbg.jpg) 0 bottom no-repeat;
    position:relative;
    min-height:325px;
    _height:325px;
}
.tweet-panel .tweet-btmbg .tweet-icon{
    background:url(../images/tweet-icon.png) 0 0 no-repeat;
    width:84px;height:90px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tweet-icon.png'); /* IE6 */
    _background-image: none;
    position:absolute;right:-26px;top:-41px;
}
.tweet-panel .tweet-btmbg .visit{
    background:url(../images/visit-our-tweet.jpg) 0 0 no-repeat;
    width:168px;height:39px;
    display:block;
    text-indent:-999999px;
    position:absolute;bottom:-21px;left:29px;
}
.tweet-panel .tweet-btmbg .title{
    background:url(../images/tweet-title.jpg) 0 0 no-repeat;
    width:43px;height:25px;
    display:block;
    text-indent:-999999px;
    position:absolute;top:13px;left:9px;
}
.tweet-panel ul{
    margin:0;padding:37px 15px 26px 15px;
    list-style:none;
    font-size:12px;
    line-height:17px;
}
.tweet-panel ul li{
    background:url(../images/tweet-li-bg.gif) center bottom no-repeat;
    padding:10px 0;
    width:189px;
}
.tweet-panel ul li.last{
    background:url() center bottom no-repeat;
}
.tweet-panel ul li a{
    color:#181818;
    text-decoration:none;
}
.tweet-panel ul li a:hover{
    color:#415968;
}
/* tweet-panel classes end */
/* tesimonials classes starts */
.tesimonials{
    background:url(../images/tesimonials-bg.jpg) 0 0 no-repeat;
    height:73px;
    overflow:hidden;
    padding:0 30px 0 118px;
    color:#898989;
    font:bold 18px/73px Arial, Helvetica, sans-serif;
}
.tesimonials span{
    color:#455d6b;
}
/* tesimonials classes end */
.rightcolumn .pagetitle{
    background:url(../images/pagetitle-icon.jpg) 0 23px no-repeat;
    padding:20px 20px 0 20px;
    margin:0 0 0 20px;
    color:#465d6c;
    font-size:18px;
}
/* portfolio-panels starts */
.portfolio-panels{
    width:717px;
}
.portfolio-panels .portfolio{
    border:1px solid #cccccc;
    padding:13px 13px 13px 13px;
    margin:20px 0 0 0;
    background:url(../images/portfolio-bg.jpg) 0 0 repeat-x;
}
.portfolio-panels .portfolio .portfolio-image{
    width:262px;
    height:242px;
    float:left;
}
.portfolio-panels .portfolio .portfolio-image img{
    width:260px;
    height:240px;
    border:1px solid #cccccc;
}
.portfolio-panels .portfolio .details{
    width:412px;
    float:right;
}
.portfolio-panels .portfolio .details h2{
    font:bold 16px Arial, Helvetica, sans-serif;
    padding:9px 0;
}
.portfolio-panels .portfolio .details .description{
    font:normal 12px/14px Arial, Helvetica, sans-serif;
    min-height:76px;
    _height:76px;
}
.portfolio-panels .portfolio .details .workcompleted{
    margin-top:18px;
    background:#e8e6da;
    border:1px solid #e6e7d9;
    padding:16px 19px;
}
.portfolio-panels .portfolio .details .workcompleted h4{
    font:bold 14px Arial, Helvetica, sans-serif;
    padding:0 0 10px 0;
}
.portfolio-panels .portfolio .details .workcompleted ul{
    padding:0;margin:0;
    list-style:none;
    min-height:50px;
    _height:50px;
}
.portfolio-panels .portfolio .details .workcompleted ul li{
    float:left;
    width:185px;
}
.portfolio-panels .portfolio .details .workcompleted ul li span{
    background:url(../images/workcompleted-ul-li-bg.jpg) 0 3px no-repeat;
    padding:0 0 0 18px;
    display:block;
    font:normal 12px/16px Arial, Helvetica, sans-serif;
}
/* portfolio-panels end */
/* projects-panels starts */
.projects-panels{
    width:717px;
}
.projects-panels .projecttile{
    border:1px solid #cccccc;
    padding:13px 13px 13px 13px;
    margin:20px 0 0 0;
    background:url(../images/portfolio-bg.jpg) 0 0 repeat-x;
}
.projects-panels .projecttile .details{
    width:270px;
    float:left;
}
.projects-panels .projecttile .details h2{
    font:bold 16px Arial, Helvetica, sans-serif;
    padding:9px 0;
}
.projects-panels .projecttile .details .description{
    font:normal 12px/14px Arial, Helvetica, sans-serif;
    min-height:76px;
    _height:76px;
}
.projects-panels .projecttile .details .workcompleted{
    margin-top:18px;
    background:#e8e6da;
    border:1px solid #e6e7d9;
    padding:16px 19px;
}
.projects-panels .projecttile .details .workcompleted h4{
    font:bold 14px Arial, Helvetica, sans-serif;
    padding:0 0 10px 0;
}
.projects-panels .projecttile .details .workcompleted ul{
    padding:0;margin:0;
    list-style:none;
    min-height:50px;
    _height:50px;
}
.projects-panels .projecttile .details .workcompleted ul li{}
.projects-panels .projecttile .details .workcompleted ul li span{
    background:url(../images/workcompleted-ul-li-bg.jpg) 0 3px no-repeat;
    padding:0 0 0 18px;
    display:block;
    font:normal 12px/16px Arial, Helvetica, sans-serif;
}
.projects-panels .projecttile .project-image{
    width:400px;
    float:right;
}
.projects-panels .projecttile .project-image .bigimg{
    width:400px;
    height:369px;
    border:1px solid #cccccc;
}
.projects-panels .projecttile .project-image .bottom-small-images{
    text-align:left;
    margin-left:-2px;
}
.projects-panels .projecttile .project-image .bottom-small-images img{
    margin:2px;
    border:1px solid #CCCCCC;
    width:125px;
}
/* projects-panels end */

span.hl {
background:none repeat scroll 0 0 #99FFFF;
}


.searchresults .result {
    border:1px solid #cccccc;
    padding:13px 13px 13px 13px;
    margin:20px 0 0 0;
    background:url(../images/portfolio-bg.jpg) 0 0 repeat-x;
}

.searchresults .result .description {
        font:normal 12px/16px Arial, Helvetica, sans-serif;
        text-align: justify;
}