/*Typography*/
/*general*/
body{font:normal 0.8em/1.5 arial;}
h1{font-weight:bold;line-height:1.2;font-size:170%}
.ftlinks h2, .ftcontact h2{font-weight:bold;font-size:130%;}
/*clip Structure*/
.g2{font-size:14px}
.newslists{font-weight:normal;font-size:14px;}
.horznav{font-size:13px;}
/*Menu Section*/
.navigation li a{font-weight:bold;}
.formMode input,.formMode textarea,.formMode span{font-size:16px}
.whitelink{font-weight:bold}
.cross-link{font:normal 16px verdana}




/*general*/
*{margin:0;padding:0}
body{background:#fff url("images/BodyBg.jpg") repeat-x }
/*structure*/
#wrapper{width:978px;height:auto;margin:0 auto;background:url("images/wrapperbg.png") repeat-y}
#container{width:950px;margin:0 auto;height:auto;margin-top:3px}
#header{background:url("images/headermenuBg.jpg") no-repeat bottom;width:950px;margin:0 auto;height:131px}
.smartlogo{width:252px;height:84px;display:block;border:0;margin:0 0 0 30px;background:url("images/smart-impact.png") no-repeat bottom right}
.smartlogosmall{width:193px;height:37px;background:url(images/smallsmart.gif) no-repeat;display:block}
.newsRotator{display:block}
/*clip Structure*/
.g2{width:100%;}
.g2 .b{width:50%}
.g2 .b1{width:25%;float:left}
.g2 .b2{width:70%;float:left}
/* Strucher Layout */
/* Featured Area */
.fa{width:933px;height:314px;position:relative;margin:-1px auto;overflow:hidden}
.serviceCNT,.serviceDESC{float:left}
.serviceCNT{width:420px;padding:10px 0 0 74px}
.serviceDESC{width:308px;padding:35px 0 0 41px}
.serviceCONT{width:933px;margin:0 auto;background:url("images/fa.jpg") no-repeat -9px top;height:314px;overflow:hidden}
#slider .serviceCONT li{width:100px;clear:both;height:auto}
.serviceCONT:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.bulletOne{background:url(images/arrowBullet.gif) no-repeat left 4px;padding:0 0 0 15px}
	/* slider */

#slider ul, #slider li{ margin:0;padding:0;list-style:none;}
#slider, #slider li{ height:320px;width:933px;overflow:hidden;}	
#slider{ margin:0 auto;width:950px}	
#prevBtn, #nextBtn{ display:block;width:30px;height:77px;position:absolute;left:28px;top:118px;}	
#nextBtn{ left:879px;}														
#prevBtn a, #nextBtn a{  display:block;width:44px;height:52px;background:url(images/btn_prev.png) no-repeat 0 0;}	
#nextBtn a{ background:url(images/btn_next.png) no-repeat 0 0;}								
#one,#two,#three{width:121px;height:106px;display:inline-block;background:url(images/WebDesign.png) no-repeat;position:absolute;bottom:24px;left:26px}
#two{background:url(images/DynmicCrm.png) no-repeat;left:174px}
#three{background:url(images/SharePointImg.png) no-repeat;left:318px}
#one a,#two a,#three a{width:100%;height:100%;display:block}
	/* // slider */

.contantclips{width:99%;height:auto;padding:0 0 0 10px}
.LeftPane{height:auto;float:left;width:547px;_width:530px;}
.newsListing{height:400px;overflow:hidden;margin:-12px 0 0 0 }
.newslists{background:url(images/NewsClip.jpg) repeat-x bottom;width:515px;padding:12px 10px}
.NewsTitle{color:#0060cd;text-decoration:none;display:block;float:left;width:365px;padding:5px 0 0 5px}
.NewsDate{background:url(images/StarIcon.png) no-repeat;width:102px;padding:5px 0 10px 35px;display:block;float:left}
.clr{height:1px;line-height:1px;clear:both}
/* //custome scrolling // */

#pane1{height:480px;width:100%}
.jScrollPaneContainer {position: relative;overflow: hidden;z-index:1;width:543px !important;}
.jScrollPaneTrack {position: absolute;cursor: pointer;right:0;top:0;height:446px;background:url(images/ScrollBar_Bg.jpg) repeat-y;border:0;width:28px !important}
.jScrollPaneDrag {position:absolute;background:url(images/ScrollPane.jpg);cursor: pointer;overflow: hidden;width:10px !important;height:63px !important;margin:0 0 0 4px}
.scroll-pane {overflow:auto;float: left;width:100%}
/* //custome scrolling // */

/* /Strucher Layout */
/* menu */
.horznav{width:680px;height:32px;display:block;margin:0 auto}

/* Menu Section */
.navigation {width:100%;height:31px;margin:13px 0 0 0}
.navigation li{float:left;height:31px;text-align:center;list-style:none;margin:0 0 0 7px}
.navigation li.contact{background:none}
.navigation li a{display:block;color:#fff;text-decoration:none;padding:4px 0 0 0;height:29px;width:101px;text-align:center}
.navigation li.SmallLink a{width:80px}
.navigation li.LongLink a{width:124px}
.navigation li a:hover,.navigation li.sfHover a ,.navigation li .active{color:#fff;background:url(images/MenuHover.gif) no-repeat -81px 0}
.navigation li.SmallLink a:hover,.navigation li.sfHover a ,.navigation li.SmallLink .active{background:url(images/MenuHover.gif) no-repeat 0 0}
.navigation li.LongLink a:hover,.navigation li.sfHover a ,.navigation li.LongLink .active{background:url(images/MenuHover.gif) no-repeat -181px 0}
.center{text-align:center}

/* /menu */

/* Featured Area */
/*Featured Content Slider*/
.newsRotator{width:621px;height:283px;float:left;margin:0  5px 0 0}
.FAwrapper{border:1px solid #000;width:629px;height:283px}
.FAwrapper img{width:258px;height:172px;border:3px solid #fff;float:left;margin:10px;clear:both}
/*

	UTILITY STYLES
*/				  				  
					  				  
.floatLeft{float:left;margin-right:10px}
.floatRight{float:right}
.clear{clear:both}
a{outline:none}


/*formMode : From Style*/
.formMode{width:92%;margin:0 auto}
.formMode input,.formMode textarea,.formMode span{clear:both;display:block;border:0;border:none;background:none;color:#7f7f7f}
.formMode span{color:#000;padding:0 0 0 2px}
.formMode .inputBg{background:url(images/inputbg.jpg) no-repeat}
.formMode input{height:35px;width:303px;padding:7px 0 0 7px}
.formMode .textareaBg{background:url(images/messageBg.jpg) no-repeat;height:128px}
.formMode textarea{height:120px;width:480px;padding:2px 0 0 9px}
.formMode .formBtn{background:url(images/send.jpg) no-repeat center 5px;height:48px;width:107px;color:#fff;padding:0;cursor:pointer;float:right}

/*
	PAGE STRUCTURE
*/
#page-wrap{width:600px;position:relative;height:255px}

/*	SLIDER

.slider-wrap{width: 600px;}			
.stripViewer .panelContainer .panel ul{text-align: left; margin: 0 5px;}
.stripViewer{position: relative; overflow: hidden; width: 600px; height: 233px !important;}
.stripViewer .panelContainer{position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel{float: left; height: 100%; position: relative; width: 600px; }
.panel p{margin:10px 0}
.stripNavL, .stripNavR, .stripNav{display: none; }
.nav-thumb{text-align:center;display:block;width:100%;height:100%}
#movers-row{margin:-24px 0 0 24px;width:409px}
#movers-row div{float: left !important;margin:36px 6px 0 0;height:45px;display:block;width:45px}
#movers-row div a.cross-link{float: right}
.photo-meta-data{background:url("../images/SliderPhotoBg.png") repeat; padding:0; height: 75px;margin-top:-75px; position: relative; z-index: 9999; color: white;width:474px}
.photo-meta-data p{width:98%;margin:5px auto;color:#fff}
.whitelink{color:#fff}*/
/*.photoH1{padding:3px;height:25px;background:url("../images/SliderphotoTitle.png") repeat}
.photoH1 span{float:left;margin:5px;font-weight:bold}
.cross-link	{display: block; width: 41px;position: relative; padding-top:5px; z-index: 9999;border:1px solid #000;background:url(../images/cross-link.gif) repeat-x;height:25px;text-align:center;color:#fff;text-decoration:none;}
.cross-link	span{cursor:pointer;width:100%;height:100%;display:block}
.active-thumb{border:1px solid #fff;padding:-3px 0 0 0;margin:-15px 0 0 0}
.Center{margin:5px auto}*/

/* FA IMAGES
.latestprojects{font:bold 18px arial;color:#fff;margin:10px 0 5px 20px}
.photo{width:273px;height:200px;margin:0 10px 0 15px;float:left}
.photo a {text-decoration:none}
.sample9 span{width:273px;height:195px;display:block;position:absolute;background:url(../images/latestprojectimg-bg.png) no-repeat} 
.sample9 img {border: none;padding:0;margin:13px 0 0 15px;width:244px;height:167px}
.FA-h1{font:bold 24px arial;color:#3b83aa;margin:5px 0 0 0}
.orangebtn{background:url("../images/orngbtn.jpg") repeat-x;width:165px;height:30px;color:#fff;font-weight:bold;text-align:center;border:0;cursor:pointer;display:block}
FA Images*/


/* Mailing list */

.mailingbox{background:url("images/SubscribImg.jpg") no-repeat;width:358px;height:48px}
.mailinginput{height:20px;display:block;float:left;width:110px;margin:0 0 0 14px;font-weight:normal;font-size:14px;color:#1f1c1b}
.mailingbox .textbox{height:41px;border:0;color:#7f7f7f;font-size:16px;width:237px;background:none;padding:10px 0 0 5px;float:left}
.mailingbox .btn{color:#fff;background:none;font-size:18px;border:0;cursor:pointer;height:41px;width:105px;padding:0 0 0 13px;float:left}
.mailinglist p{font-weight:normal;font-size:14px}
/* /Mailing List */


/* /Featured Area */

/* Clips */
.blackclip,.blueclip,.mailinglist{background:url("../images/clip-bg.jpg") repeat-y;height:255px;width:270px;border:2px solid #000;float:left;margin:5px 5px 0 0}
html>body .blackclip,html>body .blueclip,html>body .mailinglist{width:304px}
.mailinglist{background:none;border:0;margin:-10px 0 0 10px;height:auto;width:97% !important}
.blueclip{background:url("../images/clip-bg2.jpg") repeat-y;border:0;height:259px}
.blackclip h1,.blueclip h1,.mailinglist h1{font-size:14px;color:#fff;background:url("../images/cliphdr.gif") repeat-x bottom;height:33px;width:297px;margin:3px}
.blueclip h1{background:url("../images/bluehdr.jpg") repeat-x}
.blackclip h1 span,.blueclip h1 span{width:90%;padding:8px 0 0 10px;height:20px;display:block}
.blackclip p{color:#fff;width:90%;margin:0 auto}
.clipimg{width:234px;height:87px;margin:10px auto;border:3px solid #fff;display:block}
.serviceslist{width:98%;color:#fff;margin:10px;list-style:disc}
.serviceslist li{display:block;list-style:inside}
.morebtn{width:147px;height:24px;text-align:center;font-weight:bold;color:#fff;text-decoration:none;background:url("../images/bluebtn.jpg") repeat-x;display:block;padding:8px 0 0 0;margin:10px auto}
.worksamples{width:260px;margin:0 auto}
.worksamples li{float:left;margin:4px 16px 2px 0;list-style:none;}
.worksamples li a{border:0 none}
.worksamples li img{border:1px solid #000;width:68px;height:68px}
/* Clips */
/* Footer Links */
.ClipSeps{background:url("images/ClipSep.jpg") no-repeat top;width:950px;margin:0 auto;height:31px;clear:both}
#footer{width:950px;margin:-5px auto;height:auto}
.ftlinks,.ftcontact{width:214px;height:auto;float:left;margin:0 0 0 10px;_margin:0 0 0 5px;padding:0 5px 10px 8px;color:#1e1d1b;text-align:left}
.ftcontact{border:0}
.ftlinks h2,.ftcontact h2{margin:10px 0}
.ftlinks .serviceslist{margin:-15px 0 0 0;padding:0;color:#3095EC !important;width:98%;text-align:left;list-style:none}
.ftlinks .serviceslist li{text-align:left;list-style-position:outside;padding:0 0 0 6px}
.ftlinks a,.ftlinks a.active,.ftlinks a:hover{color:#3095EC;text-decoration:none;padding:3px 0 0 0;width:190px;display:block}
.ftlinks1 a,.ftlinks a.active,.ftlinks a:hover{color:#3095EC;text-decoration:none;}

.ftlinks a.active,.ftlinks a:hover{background:#8ec9e3;color:#fff;padding:0 0 0 5px}
.copyright{width:910px;margin:0 auto;height:auto}
.blue{color:#66b6fa}
.Gry{color:#8f9194}
.Orange{color:#f58220}
.Darkblue{color:#3095EC !important}
.darkBlue{color:#0060cd}
.ftlinks p,.ftcontact p{padding:0 15px;margin:-15px 0 0 0}

/* Clips Contents */
.LftClipHdr,.ClipHdrRight,.ClipHdr{background:url(images/ClipHdr.jpg) no-repeat left;width:100%;height:32px}
.ClipHdr{background:url(images/ClipHdr.jpg) no-repeat center}
.ClipHdrRight{background:url(images/ClipHdr.jpg) no-repeat right}
.RightPane{float:left;width:383px}
.clipFooter{width:393px;height:28px;background:url(images/ClipFooterSmall.jpg) no-repeat}
.scrollable img.hover{background-color: #123;}
.gallery{width:100%;background:url(images/GalleryBg.jpg) no-repeat top center;height:auto;margin:-15px 0 0 0}

/* position and dimensions of the navigator */
.navi {margin:5px 0 0 0;width:auto;height:20px;float:left}
/* items inside navigator */
.navi a {width:16px;height:14px;float:left;margin:3px;background:url(images/navigator.gif) 0 -1px no-repeat;display:block;font-size:1px;}

/* mouseover state */
.navi a:hover {background-position:0 -15px;}

/* active state (current page state) */
.navi a.active {background-position:0 -29px;}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {position:relative;overflow:hidden;width:378px;height:120px;}
.scrollable .items {width:20000em;position:absolute;clear:both}
.scrollable .items a{display:block;float:left;margin:7px 5px 2px 23px;width:102px;height:83px;}
.scrollable img {float:left;margin:0 0 0 7px !important;border:0;padding:8px;cursor:pointer;width:102px;height:83px;-moz-border-radius:4px;-webkit-border-radius:4px;background:url(images/GalleryImgBg.png) no-repeat}

/* active item */
.scrollable .active {border:0;z-index:9999;position:relative}
/* this makes it possible to add next button beside scrollable */
.scrollable {float:left}
/* prev, next, prevPage and nextPage buttons */
.GalleryBtns{width:auto;margin:0 0 0 100px}
a.browse {background:url(images/hori_large.gif) no-repeat;display:block;width:30px;height:30px;float:left;margin:0;cursor:pointer;font-size:1px;}

/* right */
a.right{background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover{background-position:-30px -30px; }
a.right:active{background-position:-60px -30px; } 
/* left */
a.left{margin:0} 
a.left:hover{background-position:-30px 0; }
a.left:active{background-position:-60px 0; }

/* up and down */
a.up, a.down{background:url(images/vert_large.png) no-repeat; float: none;margin: 10px 50px}
/* up */
a.up:hover {background-position:-30px 0;}
a.up:active {background-position:-60px 0;}

/* down */
a.down{background-position: 0 -30px; }
a.down:hover{background-position:-30px -30px; }
a.down:active{background-position:-60px -30px; } 
/* disabled navigational button */
a.disabled {visibility:hidden !important}