body { background-color:#efede5; font-family:Arial, Helvetica, sans-serif; line-height:20px; font-size:0.85em; color:#1a1919; background-image:url(images/bg.jpg); background-repeat:repeat-x; margin:0; }

#wrapper { width:958px; background-color:#fff; overflow:hidden; clear:both; background-image:url(images/wrapper-bg.jpg); background-repeat:no-repeat; margin:0 auto; padding:0 36px; }

#wrapper2 { width:958px; background-color:#fff; overflow:hidden; clear:both; position:relative; z-index:1; background-image:url(images/wrapper2-bg.jpg); background-repeat:no-repeat; min-height:217px; margin:0 auto; padding:0 36px; }

#banner { width:959px; height:170px; background-image:url(images/banner.jpg); background-repeat:no-repeat; background-position:-12px 0; margin:0; padding:0; }

#logo { float:left; width:314px; margin:24px 0 0; padding:25px 0 0 25px; }

#consultation { background-color:#FFF; float:right; height:100px; width:255px; margin:55px 34px 0 14px; padding:0 6px 0 0; }

#consultation a { color:#fff; width:254px; height:100px; background:transparent url(images/consultation.jpg) no-repeat 0 0; display:block; text-indent:-9999px; }

#consultation a:hover { color:#fff; width:254px; height:100px; background:transparent url(images/consultation.jpg) no-repeat 0 -100px; display:block; text-indent:-9999px; }

#nav { width:980px; height:36px; background-color:#01aded; }

#nav li { float:left; display:inline-block; list-style:none; margin:0; padding:0; }

#nav li a { display:block; color:#fff; background:transparent url(images/nav-sprite.gif) no-repeat 0 0; font-size:0.7em; height:25px; font-weight:600; text-decoration:none; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; padding:11px 21px 0; }

#nav li.home a { width:34px; background-position:0 0; margin:0; }

#nav li.web-design a { width:94px; background-position:-76px 0; margin:0; padding:11px 0 0 21px; }

#nav li.ecommerce a { width:71px; background-position:-192px 0; margin:0; }

#nav li.seo a { width:25px; background-position:-237px 0; margin:0; }

#nav li.portfolio a { width:64px; background-position:-366px 0; margin:0; }

#nav li.blog a { width:33px; background-position:-397px 0; margin:0; padding:11px 22px 0 20px; }

#nav li.web-video a { width:80px; background-position:-546px 0; margin:0; padding:11px 8px 0 21px; }

#nav li.online-marketing a { width:132px; background-position:-655px 0; margin:0; padding:11px 6px 0 21px; }

#nav li.contact-us a { width:88px; background-position:-684px 0; margin:0; padding:11px 15px 0 27px; }

#nav li.home a:hover, #home #nav li.home a { background-position:0 -36px; }

#nav li.web-design a:hover, #web-design #nav li.web-design a { background-position:-76px -36px; }

#nav li.ecommerce a:hover, #ecommerce #nav li.ecommerces a { background-position:-192px -36px; }

#nav li.seo a:hover, #seo #nav li.seo a { background-position:-237px -36px; }

#nav li.portfolio a:hover, #portfolio #nav li.portfolio a { background-position:-366px -36px; }

#nav li.blog a:hover, #blog #nav li.blog a { background-position:-397px -36px; }

#nav li.web-video a:hover, #web-video #nav li.web-video a { background-position:-546px -36px; }

#nav li.online-marketing a:hover, #online-marketing #nav li.online-marketing a { background-position:-655px -36px; }

#nav li.contact-us a:hover, #contact-us #nav li.contact-us a { background-position:-684px -36px; }

.follow-us-h2 { color:#FFF; font-size:1.25em; font-weight:400; margin:6px 0 22px; }

#follow-us { float:left; height:123px; width:284px; overflow:hidden; margin:18px 0 0; }

#follow-us li { float:left; display:inline; list-style:none; text-indent:3000px; margin:0; padding:0; }

#follow-us li a { display:block; color:#fff; background:transparent url(images/follow-us-sprite.jpg) no-repeat 0 0; height:116px; text-decoration:none; }

#follow-us li.one a { text-indent:-3000px; width:0; background-position:0 0; }

#follow-us li.two a { text-indent:-3000px; width:90px; background-position:-172px -24px; }

#follow-us li.three a { text-indent:-3000px; width:90px; background-position:-272px -24px; }

#follow-us li.four a { text-indent:-3000px; width:90px; background-position:-372px -24px; }

#follow-us li.one a:hover { width:0; background-position:0 -123px; }

#follow-us li.two a:hover { width:90px; background-position:-172px -147px; }

#follow-us li.three a:hover { width:90px; background-position:-272px -147px; }

#follow-us li.four a:hover { width:90px; background-position:-372px -147px; }

.low { padding:81px 0 0; }

#sign-up { bottom:44px; height:50px; left:919px; position:relative; width:50px; }

#sign-up a { text-indent:-4000px; background:transparent url(images/sign-me-up-gif.png) no-repeat 0 0; width:80px; height:50px; color:#FE0; display:block; font-size:0.5em; padding-left:21px; position:absolute; text-decoration:none; }

#sign-up a:hover { background-position:0 -51px; width:80px; height:50px; color:#FE0; display:block; font-size:0.5em; padding-left:21px; position:absolute; text-decoration:none; }

#flash { width:959px; height:347px; background-image:url(images/flash-bg.jpg); overflow:hidden; }

#flash2 { width:959px; height:347px; overflow:hidden; }

#tabs { width:955px; height:195px; background-color:#58585a; position:absolute; top:548px; }

#tabs2 { width:955px; height:195px; background-color:#58585a; position:absolute; top:209px; margin:16px 0 0; }

.indent { position:absolute; text-indent:3000px; }

.kwicks { list-style:none; position:relative; background-image:url(/example/no_flicker.jpg); margin:0; padding:0; }

.kwicks li { display:block; background-image:url(/images/kwicks_sprite.jpg); overflow:hidden; cursor:pointer; float:left; width:191px; height:195px; margin-right:0; background-color:#003; background-repeat:no-repeat; padding:0; }

.kwicks a { display:block; height:109px; outline:none; color:#fff; text-transform:uppercase; text-decoration:none; line-height:16px; padding:10px; }

.kwicks p { color:#cccbcb; line-height:14px; width:171px; font-size:0.85em; padding:0 10px 5px 9px; }

#kwick1 { background-position:0 0; }

#kwick2 { background-position:-382px 0; }

#kwick3 { background-position:-763px 0; }

#kwick4 { background-position:-1145px 0; }

#kwick5 { background-position:-1527px 0; }

#kwick1.active, #kwick1:hover { background-position:-0 -195px; }

#kwick2.active, #kwick2:hover { background-position:-382px -195px; }

#kwick3.active, #kwick3:hover { background-position:-763px -195px; }

#kwick4.active, #kwick4:hover { background-position:-1145px -195px; }

#kwick5.active, #kwick5:hover { background-position:-1527px -195px; }

#kwick1 a { background-position:left 0; }

#kwick1 a:hover { background-position:left -80px; }

#kwick5 a { background-position:right -40px; }

#kwick5 a:hover { background-position:right -120px; }

.tabsright p { width:177px; padding:0; }

.tabsrthree { float:left; left:192px; position:absolute; top:31px; width:184px; color:#FFF; font-size:0.95em; }

.newgalcontainer { width:1000px; overflow:hidden; clear:both; display:block; background-image:url(images/newgal-bg.png); background-repeat:no-repeat; background-position:8px 335px; margin:0 auto; padding:0 20px; }

.newgal { width:960px; float:left; display:block; background-image:url(images/arrow-gal.gif); background-repeat:repeat-x; background-color:#FFF; overflow:hidden; height:688px; padding:0 20px; }

#demo { width:946px; height:620px; }

.galtop { width:960px; height:272px; margin:0 0 42px; }

.galbot { width:960px; height:272px; margin:0; }

.galthumb { width:235px; height:272px; float:left; display:inline; background-color:#000; }

#demo ul, #demo li { list-style:none outside none; margin:0; padding:0; }

#demo li { overflow:hidden; width:946px; height:586px; }

.galone { background:transparent url(images/tooltip.png) no-repeat scroll 0 0; display:block; height:272px; margin-bottom:30px; overflow:hidden; width:235px; cursor:pointer; }

.galone:hover { background-position:0 -44px; }

.galone:focus { background-position:0 -88px; }

.tooltip { display:none; background:url(images/tooltip.png); height:80px; width:194px; font-size:11px; color:#fff; margin:241px 0 0; padding:20px 15px 0; }

.tooltip .label { color:#FF0; width:35px; }

.tooltip a { background-image:none; font-size:1.2em; font-weight:700; color:#01ADED; position:relative; margin:5px 0 0; }

.tooltip a:hover { color:#292728; }

.tooltip h3 { color:#292728; font-size:1.5em; text-transform:uppercase; letter-spacing:-1px; margin:0; }

.tooltip p { color:#292728; line-height:13px; margin:13px 0 0; }

#galpre, #galnext { display:block; height:43px; left:-30px; position:absolute; top:71px; width:192px; z-index:1000; }

#galpre { left:-34px; position:relative; top:-309px; }

#galnext { left:801px; position:relative; top:-362px; }

#galpre a { background:url("../images/newgal-pre.png") no-repeat scroll 0 0 transparent; display:block; height:43px; width:192px; }

#galnext a { background:url("../images/newgal-next.png") no-repeat scroll 0 0 transparent; display:block; height:43px; width:192px; }

.right-col { float:right; height:500px; width:190px; }

.left-col { float:left; height:500px; width:190px; }

#ebook { width:185px; height:234px; float:right; background-color:#01aded; margin:0 4px 0 0; }

#ebook a { color:#fff; width:185px; height:234px; background:transparent url(images/ebook-sprite.jpg) no-repeat 0 0; display:block; text-indent:-9999px; }

#ebook a:hover { color:#fff; width:185px; height:234px; background:transparent url(images/ebook-sprite.jpg) no-repeat 0 -234px; display:block; text-indent:-9999px; }

#google-sprite { clear:both; height:223px; width:187px; margin:0 4px 0 0; padding:15px 0 0; }

#ad-sprite { clear:both; height:223px; width:218px; float:right; margin:0 4px 0 0; padding:15px 0 0; }

#ad-sprite a { color:#fff; width:212px; height:223px; background:transparent url(images/mojo-ad-sprte.jpg) no-repeat 0 0; display:block; text-indent:-9999px; }

#ad-sprite a:hover { color:#fff; width:212px; height:223px; background:transparent url(images/mojo-ad-sprte.jpg) no-repeat 0 -221px; display:block; text-indent:-9999px; }

#ecomm-sprite a { color:#fff; width:187px; height:223px; background:transparent url(images/ecom-sprite.jpg) no-repeat 0 0; display:block; text-indent:-9999px; }

#readblog a { color:#fff; width:187px; height:223px; background:transparent url(images/readblog.jpg) no-repeat 0 0; display:block; text-indent:-9999px; }

#google-sprite2 { float:right; height:223px; width:187px; margin:0 4px 0 0; padding:0; }

#gallery-sprite { clear:both; height:222px; width:185px; margin:0 4px 0 0; padding:15px 0 0; }

#gallery-sprite-left { float:left; height:222px; width:185px; margin:0 4px 0 0; padding:15px 0 0; }

#threecolum { width:959px; height:233px; display:block; margin:228px 0 28px; }

#threecolum-port2 { overflow:hidden; float:left; height:551px; width:761px; position:relative; margin:26px 0 28px; }

#threecolum-port { width:959px; height:233px; display:block; margin:26px 0 28px; }

#form { background-color:#EFEDE5; background-image:url("images/form-bg.jpg"); background-repeat:no-repeat; float:left; height:180px; width:173px; padding:50px 6px 5px; }

#form-right { background-image:url("images/form-bg.jpg"); background-repeat:no-repeat; float:right; height:524px; width:173px; margin:26px 0 0; padding:50px 6px 5px; }

#maincontent { width:540px; float:left; margin:0 0 0 18px; }

#maincontentad { width:507px; float:left; margin:0; }

#maincontentblog { width:499px; float:left; margin:0 0 0 7px; }

#packages { width:185px; height:234px; float:right; margin:0 4px 0 0; }

#pad-bot-25 { padding-bottom:25px; }

#pad-top-25 { padding-top:25px; }

#port-pad { width:975px; margin:auto; padding:0 0 0 25px; }

#pad-left-25 { margin-left:0; border-right:1px solid #FFF; }

#nopad-right { padding-right:0; width:480px; }

.containercontact { width:980px; overflow:hidden; float:none; background-color:#fff; margin:0 auto; padding:52px 0 0 0; }

.left { background-color:#FFF; background-image:url("images/arrow.gif"); background-repeat:no-repeat; display:block; float:left; overflow:hidden; width:460px; margin:0 0 12px; padding:0 20px 8px; }

.leftmid { width:460px; float:left; display:block; background-image:url(images/arrow-mid.gif); background-repeat:repeat-x; background-color:#FFF; overflow:hidden; margin:0 0 12px; padding:0 20px; }

.right { width:460px; float:left; display:block; background-image:url(images/arrow.gif); background-repeat:repeat-x; background-color:#FFF; overflow:hidden; margin:0 0 12px; padding:0 20px; }

.rightmid { width:460px; float:left; display:block; background-image:url(images/arrow-mid.gif); background-repeat:repeat-x; background-color:#FFF; overflow:hidden; padding:0 20px; }

.double { width:959px; clear:both; height:257px; padding:20px 0; }

.rightblog { background-color:#EFEDE5; background-repeat:repeat-x; overflow:hidden; width:480px; height:278px; float:right; margin:0; }

.rightblog2 { background-color:#EFEDE5; background-repeat:repeat-x; display:inline-block; float:left; overflow:hidden; width:479px; height:278px; border-left:1px solid #FFF; line-height:15px; margin:34px 20px 20px 0; }

.rightblog2 p { color:#444; font-size:1em; padding:0 25px; }

.leftblog { background-color:#EFEDE5; background-repeat:repeat-x; overflow:hidden; width:460px; height:278px; float:left; margin:0; padding:0; }

#blog-pad { width:960px; padding:20px; }

.submitad { background-color:#01ADED; border:medium none navy; color:#FFF; height:35px; text-transform:uppercase; width:469px; margin:10px 0; }

.silderright { width:480px; height:34px; float:left; display:block; background-image:url(images/arrow.gif); background-repeat:repeat-x; background-color:#FFF; overflow:hidden; padding:0 0 0 20px; }

img { border:none; }

pre { display:block; font:12px "Courier New", Courier, monospace; border:1px solid #bae2f0; background:#e3f4f9; width:674px; margin:.5em 0; padding:10px; }

/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next { display:block; overflow:hidden; text-indent:-8000px; margin:0; padding:0; }

/* // image replacement */
#slidercontainer { position:relative; text-align:left; width:500px; background:#fff; float:right; background-image:url(images/slider-bg.jpg); background-repeat:no-repeat; margin:0 0 20px; }

#header { height:80px; line-height:80px; background:#5DC9E1; color:#fff; }

/* Easy Slider */
#silder { width:497px; height:411px; background-image:url(images/siderbg.gif); float:right; }

#slider2 { margin-top:1em; }

#slider li, #slider2 li { width:500px; height:411px; overflow:hidden; }

#nextBtn, #slider1next { left:442px; }

#textslider { display:block; width:353px; height:77px; position:absolute; left:20px; top:272px; }

#textslider p { color:#c1bfb6; font-size:0.8em; line-height:18px; width:355px; margin:5px 0 0; }

/* seo icon and text Sliders */
#silderseo { width:456px; height:241px; float:left; background-color:#01ADED; margin:0; }

#sliderseo li { width:456px; height:241px; overflow:hidden; background-color:#01ADED; margin:0; }

#seoslidertext { width:353px; height:100px; position:absolute; left:20px; top:18px; }

#seoslidertext h2 { font-size:1.5em; line-height:18px; margin:0 0 11px; padding:0; }

#seoslidertext p { color:#c1bfb6; font-size:0.8em; line-height:17px; width:355px; margin:5px 0 0; }

#seoslidertext li { color:#FFF; display:block; font-size:0.75em; height:212px; line-height:16px; overflow:hidden; width:394px; margin:0; }

/* ecommerce text with arrows slider*/
#threecolum-ecom { clear:both; display:block; height:427px; overflow:hidden; width:959px; margin:25px 20px 0; padding:10px 0 0; }

#threecolum-ecom p { padding:0 0 10px; }

#silderecom { width:959px; height:427px; float:left; background-color:#01ADED; margin:0; padding:0 0 20px; }

#silderecom li { width:959px; overflow:hidden; background-color:#01ADED; margin:0; }

#sliderecomprev { display:block; height:77px; left:870px; position:relative; top:-77px; width:30px; z-index:1000; float:left; }

#sliderecomnext { display:block; height:77px; left:880px; position:relative; top:-77px; width:30px; z-index:1000; float:left; }

#sliderecomnext a { display:block; position:relative; width:30px; height:77px; background:url(images/btn_next.png) no-repeat 0 0; }

.ecomslidcom { height:298px; width:419px; padding:0 513px 0 20px; }

#econ-one { background-image:url("images/ecommerce-1.jpg"); background-position:461px 15px; background-repeat:no-repeat; }

#econ-two { background-image:url("images/ecommerce-2.jpg"); background-position:461px 15px; background-repeat:no-repeat; }

#econ-three { background-image:url("images/ecommerce-3.jpg"); background-position:461px 15px; background-repeat:no-repeat; }

.ecomslidcom h2 { color:#FFF; font-size:1.2em; font-style:italic; line-height:20px; margin:0; padding:20px 0; }

.ecomslidcom p { color:#FFF; font-size:0.8em; line-height:20px; margin:0; padding:0; }

#sliderseo2 li, #sliderseo4 li { width:273px; height:142px; overflow:hidden; line-height:18px; margin:0; padding:0; }

#silderseofour { width:73px; height:241px; float:left; margin:0; }

.onearrowleft { width:317px; height:34px; float:left; display:block; background-image:url(images/arrow.gif); background-repeat:repeat-x; background-color:#FFF; overflow:hidden; padding:0 0 0 20px; }

.onearrowright { background-color:#EFEDE5; background-repeat:repeat-x; display:block; float:left; height:34px; overflow:hidden; width:635px; padding:0 14px; }

.leftna { width:460px; float:left; display:block; background-color:#FFF; overflow:hidden; margin:0 0 12px; padding:20px; }

.rightna { width:460px; float:left; display:block; background-color:#FFF; overflow:hidden; padding:20px 20px 0; }

.rightno-bg { width:460px; float:left; display:block; overflow:hidden; padding:20px 20px 0; }

.news-left { width:225px; height:356px; float:left; background-image:url(images/news-left-bg.gif); background-repeat:no-repeat; margin:0 9px 0 0; }

.news-right { width:225px; float:left; background-image:url(images/news-right-bg.gif); background-repeat:no-repeat; }

.left3qrt { background-color:#fff; display:block; float:left; overflow:hidden; width:459px; padding:0 20px; }

.contact-left { background-color:#EFEDE5; float:left; width:170px; margin:25px; padding:10px; }

.contact-left p { font-size:0.9em; line-height:17px; }

.contact-right { background-color: #FFFFFF; background-image: url("images/hero-contact.jpg"); background-position: 309px 0; background-repeat: no-repeat; color: #1A1919; float: left; overflow: hidden; padding: 0 276px 20px 0; width: 459px; }

.contact-head { color: #01ADED; font-family: arial; font-size: 2.5em; font-weight: bolder; line-height: 20px; margin: 30px 0; text-transform: capitalize; }

.contact-intro { font-size:0.95em; line-height:18px; margin:0 0 35px; }

.keen { color:#303030; margin:10px 0; }

.blue { color:#01ADED; font-weight:700; }

.contact-left .number { font-size:1.9em; line-height:0; }

#seo-pad { width:980px; height:197px; padding:20px 0 20px 20px; }

.quater-col { float:left; width:219px; line-height:18px; padding:0 5px 20px 20px; }

.third-col { background-image:url("images/third-bg.jpg"); background-position:-6px 0; background-repeat:no-repeat; border-left:1px solid #01ADED; float:left; height:174px; line-height:18px; width:299px; margin:0; padding:0; }

#third-l { margin:0; padding:0 0 0 14px; }

#third-m-r { margin:0 0 0 10px; padding:0 0 0 12px; }

.third-col h2 { font-size:1.1em; line-height:11px; margin:5px 0 15px; padding:0; }

.longarrowleft { width:482px; height:34px; float:left; display:block; background-image:url(images/long-arrow.gif); background-repeat:repeat-x; background-color:#FFF; overflow:hidden; padding:0 0 0 20px; }

.longarrowright { background-color:#EFEDE5; background-repeat:repeat-x; display:block; float:left; height:34px; overflow:hidden; width:470px; padding:0 14px; }

.longarrowlefticons { background-color:#FFF; background-image:url(images/follow-us-icons.jpg); background-repeat:repeat-x; display:block; float:left; height:84px; overflow:hidden; width:980px; padding:8px 0 0 20px; }

.longarrowleftcall { background-color:#FFF; background-image:url(images/long-arrow.gif); background-repeat:repeat-x; display:block; float:left; overflow:hidden; width:482px; margin:9px 0; padding:0 0 0 20px; }

.longarrowrightcall { background-image:url(images/images/icons_r1_c1.jpg); background-repeat:repeat-x; display:block; float:left; overflow:hidden; width:470px; margin:0; padding:0 14px; }

#testimonials { background-image:url(images/testimonials.jpg); float:left; height:123px; width:467px; margin:11px 0 0 33px; }

.leftbot { width:460px; font-size:0.9em; background-color:#f2f1ea; float:left; display:block; background-image:url(images/blue-grey-arrow.gif); background-repeat:repeat-x; overflow:hidden; padding:0 20px; }

.rightbot { width:460px; font-size:0.9em; float:left; display:block; background-color:#f2f1ea; background-image:url(images/grey-arrow.gif); background-repeat:repeat-x; overflow:hidden; padding:0 20px; }

.container-feeds .leftblog li { background-image:url("images/video-blog-bullet.jpg"); background-position:0 6px; background-repeat:no-repeat; border-bottom:1px solid #AEACA5; border-top:1px solid #F7F6F2; list-style:none outside none; margin:0 16px 0 18px; padding:10px 0 11px 45px; }

.container-feeds .rightblog li { background-image:url("images/blog-bullet.jpg"); background-position:0 6px; background-repeat:no-repeat; border-bottom:1px solid #AEACA5; border-top:1px solid #F7F6F2; list-style:none outside none; margin:0 16px 0 18px; padding:10px 0 11px 45px; }

.calls { width:960px; overflow:hidden; background-color:#01aded; margin:0 auto; padding:20px; }

.foot { width:960px; color:#575656; overflow:hidden; background-color:#efede5; margin:0 auto 37px; padding:20px; }

.foot ul { display:inline; font-size:0.8em; margin:0; padding:0; }

.foot p { font-size:0.8em; }

.foot li { border-right:1px solid #777; display:inline; margin:0 10px 0 0; padding:0 15px 0 0; }

.foot a { color: #777; font-size: 0.9em; font-weight: bold; line-height: 18px; text-decoration: none; text-transform: uppercase; }

.foot a:hover { color:#575656; text-decoration:underline; }

.sub { font-family:"Gill Sans"; color:#01aded; font-weight:400; font-size:1.9em; text-transform:uppercase; line-height:39px; margin:0; padding:0; }

h1 { color:#59595b; font-family:Gill Sans, Arial, Helvetica, sans-serif; font-size:1em; text-transform:uppercase; font-weight:400; line-height:0; }

.pheader { font-family:Gill Sans, Arial, Helvetica, sans-serif; color:#6a6a6a; font-size:0.95em; font-weight:400; margin:7px 0 27px; }

.smallsub { font-family:"Gill Sans"; color:#01aded; font-weight:400; font-size:1.5em; line-height:55px; margin:0; padding:0; }

.smallsub2 { color:#01ADED; font-family:"Gill Sans"; font-size:1.3em; font-style:italic; font-weight:400; line-height:48px; margin:0; padding:0; }

.smallsub3 { color:#01ADED; font-family:"Gill Sans"; font-size:1.3em; font-weight:400; line-height:33px; margin:0; padding:0; }

.italic { color:#01ADED; font-size:1.1em; font-style:italic; line-height:22px; margin:13px 0 0; }

.port-h2 { margin:6px 0 0; }

.portright { background-color:#EFEDE5; background-repeat:repeat-x; display:block; float:left; height:34px; overflow:hidden; width:470px; margin:0 0 20px; padding:0 14px; }

.container ul { margin-left:15px; list-style-image:url(images/bullet-star.gif); line-height:29px; font-size:1.2em; color:#6f6e6e; padding:0; }

.container ol { font-size:1.1em; line-height:17px; margin-left:0; padding:0; }

.container ol li { color:#01ADED; margin:8px 0 15px 22px; padding:0; }

.olsubtext { font-size:0.8em; color:#000; }

.form { height:18px; width:163px; margin:6px 0; padding:1px 0; }

.formdrop { height:22px; width:169px; margin:5px 0; padding:1px 0 0; }

#HomeGraphic { height:308px; width:900px; background-color:#FFF; margin:0 auto; }

#content { width:725px; overflow:visible; height:auto; float:left; }

#scroll { position:relative; height:237px; overflow:hidden; width:1000px; float:right; }

#tools { width:9999em; position:absolute; height:309px; }

.tool { float:left; width:900px; height:308px; background-repeat:no-repeat; background-position:0 0; margin:0 0 0 280px; }

.details { background-color:#fff; color:#666; float:left; font-size:20px; width:525px; margin:270px 0 0; padding:10px 60px; }

.demos { float:right; line-height:13px; min-height:365px; width:298px; margin:16px 0 0; padding:0; }

.demos h2 { color:#065598; font-size:22px; display:block; padding:10px 0; }

.demos a { color:#666; font-size:11px; text-decoration:none; }

.demos p { background:transparent url(http://www.crearesites.co.uk/qdosit/images/arrow.jpg) no-repeat scroll 0 2px; margin:0 0 4px; padding:2px 0 1px 22px; }

#thumbs { background:url(http://www.crearesites.co.uk/qdosit/images/nav-bg.jpg); background-repeat:repeat-x; height:77px; position:relative; top:-257px; width:280px; left:0; }

.t a { background:transparent url(http://www.crearesites.co.uk/qdosit/images/nav-sprite.jpg) no-repeat scroll; display:block; width:150px; float:left; height:77px; cursor:pointer; }

.t a.active { cursor:default !important; }

/* CSS sprite for the navigation */
#t0 { margin-left:20px; }

#t0.active { background-position:-21px 0 !important; }

#t0:hover { background-position:-21px -180px; }

#t0:active { background-position:-21px -270px; }

#t1 { background-position:-4px -1px; }

#t1.active { background-position:-4px -78px !important; }

#t2 { background-position:-149px -1px; }

#t2.active { background-position:-149px -78px !important; }

#t3 { background-position:-301px -1px; }

#t3.active { background-position:-301px -78px !important; }

#t4 { background-position:-450px -1px; }

#t4.active { background-position:-450px -78px !important; }

#t5 { background-position:-598px -1px; }

#t5.active { background-position:-598px -78px !important; }

#t6 { background-position:-750px -1px; }

#t6.active { background-position:-750px -78px !important; }

.HomePanel h2 a span { line-height:12px; }

#slider3 li { width:736px; height:250px; overflow:hidden; }

/* numeric controls */
ol#controls { line-height:0; clear:both; height:28px; position:relative; top:-247px; margin:13px 0 0; padding:0; }

ol#controls li { float:left; list-style:none; height:28px; line-height:28px; margin:0 10px 35px 0; padding:0; }

ol#controls li a { float:left; height:33px; width:221px; line-height:28px; background-image:url(images/light-grey-arrow.jpg); color:#999; text-decoration:none; margin:0 372px 0 0; padding:0 10px 0 20px; }

ol#controls li a:hover { float:left; height:33px; width:219px; line-height:28px; background-image:url(images/dark-grey-arrow.jpg); color:#999; text-decoration:none; margin:0 372px 0 0; padding:0 10px 0 20px; }

ol#controls li.current a { background-image:url(images/dark-grey-arrow.jpg); background-repeat:no-repeat; border:none; color:#999; }

#qslider li { width:472px; height:250px; overflow:hidden; }

/* numeric controls */
ol#qcontrols { top:3388px !important; height:28px; position:absolute; margin:13px 0 0; padding:0; }

ol#qcontrols li { float:left; list-style:none; height:28px; line-height:28px; margin:0 0 8px 20px; padding:0; }

ol#qcontrols li#qcontrols1 { background-image:url(images/q1blue.jpg); background-repeat:no-repeat; border:none; color:#fff; }

ol#qcontrols li#qcontrols1.current a { background-image:url(images/q1blue2.jpg); background-repeat:no-repeat; border:none; color:#fff; }

ol#qcontrols li#qcontrols2 { background-image:url(images/q2blue.jpg); background-repeat:no-repeat; border:none; color:#fff; }

ol#qcontrols li#qcontrols2.current a { background-image:url(images/q2blue2.jpg); background-repeat:no-repeat; border:none; color:#fff; }

ol#qcontrols li#qcontrols4 { background-image:url(images/q4blue.jpg); background-repeat:no-repeat; border:none; color:#fff; }

ol#qcontrols li#qcontrols4.current a { background-image:url(images/q4blue2.jpg); background-repeat:no-repeat; border:none; color:#fff; }

ol#qcontrols li#qcontrols5 { background-image:url(images/q5blue.jpg); background-repeat:no-repeat; border:none; color:#fff; }

ol#qcontrols li#qcontrols5.current a { background-image:url(images/q5blue2.jpg); background-repeat:no-repeat; border:none; color:#fff; }

ol#qcontrols li#qcontrols6 { background-image:url(images/q6blue.jpg); background-repeat:no-repeat; border:none; color:#fff; }

ol#qcontrols li#qcontrols6.current a { background-image:url(images/q6blue2.jpg); background-repeat:no-repeat; border:none; color:#fff; }

ol#qcontrols li#qcontrols7 { background-image:url(images/q7blue.jpg); background-repeat:no-repeat; border:none; color:#fff; }

ol#qcontrols li#qcontrols7.current a { background-image:url(images/q7blue2.jpg); background-repeat:no-repeat; border:none; color:#fff; }

.qsliderright { font-size:0.8em; height:223px; line-height:17px; width:441px; padding:0 250px 10px 0; }

.ecommbullets ul { margin-left:15px; list-style-image:url(images/bullet-star.gif); line-height:23px; font-size:1.2em; color:#6f6e6e; padding:0; }

.ecommbullets li { margin-left:19px; padding:5px 0 17px 15px; }

.ecommbold { font-weight:700; font-style:italic; }

.leftpack { width:214px; float:left; display:block; line-height:18px; background-color:#FFF; overflow:hidden; padding:20px; }

.rightpack { width:741px; float:left; display:block; background-color:#FFF; overflow:hidden; padding:20px 0 0; }

.econ-green-pack { width:247px; height:185px; float:left; background-image:url(images/ecom-green-pack-bg.jpg); margin-top:17px; }

.econ-green-pack h2 a { background-image:url(images/ecom-green-arrow.jpg); background-repeat:no-repeat; color:#027422; display:block; overflow:hidden; text-decoration:none; padding:6px 0 7px 27px; }

.econ-red-pack { width:247px; height:161px; float:left; background-image:url(images/ecom-red-pack-bg.jpg); margin-top:17px; }

.econ-red-pack h2 a { background-image:url(images/ecom-red-arrow.jpg); background-repeat:no-repeat; color:#ca0701; display:block; overflow:hidden; text-decoration:none; padding:6px 0 7px 27px; }

.econ-red-pack p a { background-color:#ca0701; color:#FFF; font-size:0.85em; text-decoration:none; text-transform:uppercase; padding:5px 9px 5px 7px; }

.econ-red-pack p a:hover { background-color:#ee5c58; color:#fff; font-size:0.85em; text-decoration:none; text-transform:uppercase; padding:5px 9px 5px 7px; }

.econ-purp-pack { width:247px; height:161px; float:left; background-image:url(images/ecom-purp-pack-bg.jpg); margin-top:17px; }

.econ-purp-pack h2 a { background-image:url(images/ecom-purple-arrow.jpg); background-repeat:no-repeat; color:#4a0261; display:block; overflow:hidden; text-decoration:none; padding:6px 0 7px 27px; }

.econ-purp-pack p a { background-color:#4a0261; color:#FFF; font-size:0.85em; text-decoration:none; text-transform:uppercase; padding:5px 9px 5px 7px; }

.econ-purp-pack p a:hover { background-color:#7c2e95; color:#fff; font-size:0.85em; text-decoration:none; text-transform:uppercase; padding:5px 9px 5px 7px; }

.small-green-pack h2 a { background-image:url(images/ecom-green-arrow.jpg); background-position:-55px 0; background-repeat:no-repeat; color:#027422; display:block; overflow:hidden; text-decoration:none; padding:6px 0 7px 27px; }

.small-red-pack h2 a { background-image:url(images/ecom-red-arrow.jpg); background-position:-55px 0; background-repeat:no-repeat; color:#ca0701; display:block; overflow:hidden; text-decoration:none; padding:6px 0 7px 27px; }

.small-purple-pack h2 a { background-image:url(images/ecom-purple-arrow.jpg); background-position:-55px 0; background-repeat:no-repeat; color:#4a0261; display:block; overflow:hidden; text-decoration:none; padding:6px 0 7px 27px; }

.gallery1 a { border-right:1px solid #FFF; text-decoration:none; color:#FFF; display:block; float:left; font-size:1.2em; height:73px; text-indent:3000px; width:234px; background-position:0 0; background-image:url(images/portfolio-ecom-sprite.jpg); margin:0 0 20px 20px; padding:139px 0 0 5px; }

.gallery1 a:hover { border-right:1px solid #FFF; color:#777; display:block; float:left; font-size:1.2em; height:73px; text-indent:3000px; width:234px; background-position:0 -212px; background-image:url(images/portfolio-ecom-sprite.jpg); margin:0 0 20px 20px; padding:139px 0 0 5px; }

.gallery2 a { border-right:1px solid #FFF; text-decoration:none; color:#FFF; display:block; float:left; font-size:1.2em; height:73px; text-indent:-3000px; width:234px; background-position:0 0; background-image:url(images/portfolio-travel-sprite.jpg); margin:0 0 20px; padding:139px 0 0 5px; }

.gallery2 a:hover { border-right:1px solid #FFF; color:#777; display:block; float:left; font-size:1.2em; height:73px; text-indent:-3000px; width:234px; background-position:0 -212px; background-image:url(images/portfolio-travel-sprite.jpg); margin:0 0 20px; padding:139px 0 0 5px; }

.gallery3 a { border-right:1px solid #FFF; text-decoration:none; color:#FFF; display:block; float:left; font-size:1.2em; height:73px; text-indent:-3000px; width:234px; background-position:0 0; background-image:url(images/portfolio-trans-sprite.jpg); margin:0 0 20px; padding:139px 0 0 5px; }

.gallery3 a:hover { border-right:1px solid #FFF; color:#777; display:block; float:left; font-size:1.2em; height:73px; text-indent:-3000px; width:234px; background-position:0 -212px; background-image:url(images/portfolio-trans-sprite.jpg); margin:0 0 20px; padding:139px 0 0 5px; }

.gallery4 a { border-right:1px solid #FFF; text-decoration:none; color:#FFF; display:block; float:left; font-size:1.2em; height:73px; text-indent:-3000px; width:234px; background-position:0 0; background-image:url(images/portfolio-house-sprite.jpg); margin:0 0 20px; padding:139px 0 0 5px; }

.gallery4 a:hover { border-right:1px solid #FFF; color:#777; display:block; float:left; font-size:1.2em; height:73px; text-indent:-3000px; width:234px; background-position:0 -212px; background-image:url(images/portfolio-house-sprite.jpg); margin:0 0 20px; padding:139px 0 0 5px; }

.gallery5 a { border-right:1px solid #FFF; text-decoration:none; color:#FFF; display:block; float:left; font-size:1.2em; height:73px; text-indent:-3000px; width:234px; background-position:0 0; background-image:url(images/portfolio-health-sprite.jpg); margin:0 0 20px 20px; padding:139px 0 0 5px; }

.gallery5 a:hover { border-right:1px solid #FFF; color:#777; display:block; float:left; font-size:1.2em; height:73px; text-indent:3000px; width:234px; background-position:0 -212px; background-image:url(images/portfolio-health-sprite.jpg); margin:0 0 20px 20px; padding:139px 0 0 5px; }

.gallery6 a { border-right:1px solid #FFF; text-decoration:none; color:#FFF; display:block; float:left; font-size:1.2em; height:73px; text-indent:-3000px; width:234px; background-position:0 0; background-image:url(images/portfolio-industry-sprite.jpg); margin:0 0 20px; padding:139px 0 0 5px; }

.gallery6 a:hover { border-right:1px solid #FFF; color:#777; display:block; float:left; font-size:1.2em; height:73px; text-indent:-3000px; width:234px; background-position:0 -212px; background-image:url(images/portfolio-industry-sprite.jpg); margin:0 0 20px; padding:139px 0 0 5px; }

.gallery7 a { border-right:1px solid #FFF; text-decoration:none; color:#FFF; display:block; float:left; font-size:1.2em; height:73px; text-indent:-3000px; width:234px; background-position:0 0; background-image:url(images/portfolio-professional-spri.jpg); margin:0 0 20px; padding:139px 0 0 5px; }

.gallery7 a:hover { border-right:1px solid #FFF; color:#777; display:block; float:left; font-size:1.2em; height:73px; text-indent:-3000px; width:234px; background-position:0 -212px; background-image:url(images/portfolio-professional-spri.jpg); margin:0 0 20px; padding:139px 0 0 5px; }

.gallery8 a { border-right:1px solid #FFF; text-decoration:none; color:#FFF; display:block; float:left; font-size:1.2em; height:73px; text-indent:-3000px; width:234px; background-position:0 0; background-image:url(images/portfolio-retail-sprite.jpg); margin:0 0 20px; padding:139px 0 0 5px; }

.gallery8 a:hover { border-right:1px solid #FFF; color:#777; display:block; float:left; font-size:1.2em; height:73px; text-indent:-3000px; width:234px; background-position:0 -212px; background-image:url(images/portfolio-retail-sprite.jpg); margin:0 0 20px; padding:139px 0 0 5px; }

.gallery9 a { border-right:1px solid #FFF; text-decoration:none; color:#FFF; display:block; float:left; font-size:1.2em; height:73px; text-indent:-3000px; width:234px; background-position:0 0; background-image:url(images/portfolio-trade-sprite.jpg); margin:0 0 20px 20px; padding:139px 0 0 5px; }

.gallery9 a:hover { border-right:1px solid #FFF; color:#777; display:block; float:left; font-size:1.2em; height:73px; text-indent:-3000px; width:234px; background-position:0 -212px; background-image:url(images/portfolio-trade-sprite.jpg); margin:0 0 20px 20px; padding:139px 0 0 5px; }

.gallery12 a { border-right:1px solid #FFF; text-decoration:none; color:#FFF; display:block; float:left; font-size:1.2em; height:73px; text-indent:-3000px; width:234px; background-position:0 0; background-image:url(images/portfolio-outdoor-sprite.jpg); margin:0 0 20px; padding:139px 0 0 5px; }

.gallery12 a:hover { border-right:1px solid #FFF; color:#777; display:block; float:left; font-size:1.2em; height:73px; text-indent:-3000px; width:234px; background-position:0 -212px; background-image:url(images/portfolio-outdoor-sprite.jpg); margin:0 0 20px; padding:139px 0 0 5px; }

.keymessage { display:block; border-bottom:29px solid #01ADED; color:#01ADED; float:left; font-size:1.7em; font-style:italic; height:183px; line-height:33px; width:430px; margin:0 1px 25px 0; padding:0 25px 0 24px; }

#portfolio { z-index:950; position:relative; float:left; width:774px; height:543px; }

#portfolio ul, #portfolioli { list-style: none outside none; margin: 0; padding: 0; }

#portfolioli { width:774px; height:543px; overflow: hidden; }

#port-prev { display: block; height: 72px; left: 628px; position: absolute; top: 405px; width: 30px; z-index: 1000; }

#port-next { display: block; display: block; height: 77px; left: 692px; position: absolute; top: 405px; width: 30px; z-index: 1000; }

#port-next a { background-color: #01ADED; border: 1px dashed #FFFFFF; color: #FFFFFF; display: block; height: 26px; left: -1px; padding: 6px 8px 0; text-transform: uppercase; top: 327px; width: 116px; }

#port-prev a { background-color: #01ADED; border: 1px dashed #FFFFFF; color: #FFFFFF; display: block; height: 26px; left: 661px; padding: 6px 8px 0; text-transform: uppercase; top: 327px; width: 116px; }

#port-next a { }

#portfolio p { width: 328px }

#portfolio h2 a { color: #FFFFFF; font-size: 1.8em; font-weight: normal; }

#portfolio .wp-wrapper h2, h3 { margin: 15px 0 37px; padding: 0; }

#portfolio .person { font-size: 0.8em; position: relative; top: 10px; z-index: 1000; }

#portfolio ul, #portfolio li, #portfolio ul, #portfolio li { adding:23px 15px 15px; list-style:none; margin:0; padding:0; }

#portfolio li, #portfolio li { background-image:url(images/portfolio-blu-grad.jpg); width:774px; height:543px; overflow:hidden; padding: 19px 0 0 0; color:#fff }

#portfolioli p a { color: #FFF600; }

#portfolioli p a:hover { color: #FFF; }

#port-pageprev a { clear:both; display:block; width:30px; height:77px; background:url(images/btn_prev.png) no-repeat 0 0; z-index:1000; position:relative; top:-86px; left:669px; }

#port-pagenext a { clear:both; background:url(images/btn_next.png) no-repeat 0 0; display:block; width:30px; height:77px; z-index:1000; position:relative; top:-163px; left:714px; }

#portfolio h1 { color:#FFF; font-size:1.5em; font-style:italic; line-height:30px; }

#ebook2 { background-color:#01ADED; clear:both; height:234px; width:173px; margin:94px 4px 0 0; }

#ebook2 a { color:#fff; width:173px; height:234px; background:transparent url(images/ebook-sprite.jpg) no-repeat 0 0; display:block; text-indent:-9999px; }

#ebook2 a:hover { color:#fff; width:173px; height:234px; background:transparent url(images/ebook-sprite.jpg) no-repeat 0 -234px; display:block; text-indent:-9999px; }

.juice { background-image:url(images/portoliopages/juice.jpg); background-repeat:no-repeat; height:517px; width:304px; margin:0 0 20px; padding:25px 429px 0 25px; }

#titles { height:222px; left:42px; position:relative; width:142px; top:-501px; margin:15px 0 0; }

#titles ul { margin:13px 0 0; padding:0; }

#titles li { color:#999; font-size:0.85em; list-style:none outside none; margin:0; padding:0 0 34px; }

.threediv { font-size:0.8em; height:223px; line-height:18px; width:446px; padding:15px 250px 10px 14px; }

.slid3two { position:relative; top:1px; height:34px; }

.slid3three { position:relative; top:-5px; height:34px; }

.slid3four { position:relative; top:-10px; height:34px; }

#one { background-image:url(gallery-silder/process-1.jpg); }

#two { background-image:url(gallery-silder/process-2.jpg); }

#three { background-image:url(gallery-silder/process-3.jpg); }

#four { background-image:url(gallery-silder/process-4.jpg); }

.bold { color:#666; font-size:1.3em; font-style:italic; line-height:0; padding:0 0 22px; }

#choosing { font-size:0.9em; line-height:18px; width:448px; padding:65px 0 0 22px; }

#choosing p { padding:0 0 13px; }

.formbg2 { background-color:#FAF9F4; border:1px dotted #01ADED; margin:0 0 20px; padding:15px; }

.message { background-color:#EFEDE5; height:98px; width:319px; border:1px solid #999; color:#333; margin:0 0 0 132px; padding:9px; }

.message:hover { background-color:#EFEDE5; color:#01ADED; height:98px; width:319px; border:1px solid #98DDF7; margin:0 0 0 132px; padding:9px; }

.messageh2 { line-height:0; margin:0; padding:0 0 0 5px; }

#arrow-contact-submit { background-position:-25px 0; width:455px; margin:20px 0 0; }

#adright { background-color:#01ADED; float:right; width:416px; margin:59px 5px 0 0; padding:10px 13px; }

#adright h2 { margin:5px 0 0; }

.formbg tr { vertical-align:bottom; }

.submit { text-align:right; padding:0 30px; }

.bi { color:#01ADED; font-size:1.2em; font-style:italic; line-height:27px; padding:19px 0 0; }

.clickhere { background-image:url("images/click-here-full.jpg"); background-repeat:no-repeat; height:41px; position:absolute; width:188px; margin:130px 0 0; }

#econ-pics { width:478px; padding:204px 0 0; }

.magentopic { margin:85px 0 0; }

.magentopic2 { margin:69px 0 0; }

.top { border:1px solid #717273; width:216px; background-color:#efede5; margin:15px 0 8px; padding:5px; }

.mid-left { border:1px solid #717273; width:216px; background-color:#efede5; margin:0 0 8px; padding:5px; }

.mid-drop { border:1px solid #717273; width:227px; background-color:#efede5; padding:4px; }

.mid-submit { border:1px solid #717273; width:228px; background-color:#01ADED; color:#fff; margin:0 0 5px; padding:4px; }

#smallerseo ol { padding:9px 23px 0; }

#sliderpad { margin-bottom:50px; }

.six { list-style-image:url(images/six.jpg); }

.seven { list-style-image:url(images/seven.jpg); }

.webintro { color:#7A7B7B; font-size:1.2em; line-height:30px; }

.containerarrows { background-image:url(images/gradual-arrows.jpg); background-repeat:no-repeat; font-size:0.85em; width:1000px; overflow:hidden; float:none; background-color:#fff; margin:0 auto; }

.stickyfoot { background-color:#01ADED; bottom:0; height:36px; position:fixed; width:100%; display:block; border-top:1px solid #188dbc; z-index:1000; margin:0; padding:0; }

#footcont { font-size:1.2em; width:1000px; height:29px; color:#fff; text-align:center; margin:0 auto; padding:7px 0 0; }

#footcont a { font-style:italic; text-decoration:none; color:#FE0; }

#footcont a:hover { font-style:italic; color:#FE0; text-decoration:underline; }

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

.circle-arrow-sprite { width:39px; height:39px; background-image:url(images/circle-arrow-sprite.jpg); float:right; }

.contact-pad { padding:20px 0 0; }

#newfoot-span { width:100%; height:225px; background-image:url(images/foot-span-bg.jpg); background-repeat:repeat-x; }

#newfoot { background-repeat:no-repeat; background-image:url("images/foot-bg.jpg"); height:174px; width:811px; margin:0 auto; padding:49px 0 0 189px; }

#brief-to-web { height:221px; overflow:hidden; background-image:url("images/brief-to-website.jpg"); background-position:492px 51px; background-repeat:no-repeat; }

.form2 { border:medium none; color:#FFF; font-size:1em; height:40px; text-align:right; text-transform:uppercase; width:173px; background-image:url(images/form-bg2.gif); background-position:-4px -183px; }

.form2:hover { background-image: url("images/form-bg2.gif"); background-position: -4px 54px; border: medium none; color: #555; font-size: 1em; height: 40px; text-align: right; text-transform: uppercase; width: 173px; }

.content { width:1000px; height:308px; overflow:hidden; }

#arrowprevbtn, #port-pageprev { display:block; height:77px; left:679px; position:relative; top:401px; width:30px; z-index:1000; }

#port-pagenext, #arrownextbtn { display:block; height:77px; left:717px; position:relative; top:324px; width:30px; }

#site-description { color:#01ADED; font-size:1.7em; font-style:italic; font-weight:400; padding:0 0 25px; }

#blog-right li label { color:#FFF; display:block; font-size:1.1em; line-height:0; margin:0 0 13px; padding:0; }

#blog-right li input { width:70px; margin:0 5px 0 0; }

#blog-right { width:185px; float:right; background-color:#01aded; margin:0 4px 25px 0; padding:10px 0 0; }

#blog-right ul { color:#fff; padding:0; }

#blog-right li {  line-height: 12px;
    list-style: none outside none;
    margin: 0 0 2px;
    padding: 0 0 4px 4px; }

#blog-right li h3 { border-bottom:1px solid #FFF; margin:0 0 20px; padding:0 0 11px; }

#blog-right ul li ul { padding:0; }

#blog-right a {    background-color: #59CEFF;
    color: #FFFFFF;
    display: block;
    font-size: 0.9em;
    font-weight: 700;
    height: 100%;
    padding: 10px 0 10px 7px;
    text-decoration: none; }

#content .post { border:1px solid #EFEDE5; margin:0 0 10px; padding:0 15px 0 0; }

#content .post h2 { background-color:#EFEDE5; background-image:url("images/long-arrow.gif"); background-position:-59px 0; background-repeat:no-repeat; line-height:20px; width:401px; margin:0 0 26px; padding:8px 303px 8px 19px; }

#content .post h2 a { text-decoration:none; color:#fff; }

#content .post h2 a:hover { text-decoration:underline; color:#fff; }

.entry-meta { color:#777; left:460px; position:relative; top:-52px; }

.entry-content { position:relative; top:-33px; padding:0 0 0 15px; }

.entry-utility { font-size:0.8em; position:relative; top:-16px; margin:0 0 0 19px; }

#content .entry-title { color:#fff; background-color:#EFEDE5; background-image:url("images/long-arrow.gif"); background-position:-47px 0; background-repeat:no-repeat; line-height:33px; width:704px; margin:0 0 26px; padding:0 0 0 19px; }

#comments a { color:#01ADED; text-decoration:underline; }

#comments a:hover { color:#777; text-decoration:none; }

#comments ol { background-color:#EFEDE5; list-style:none outside none; padding:25px; }

#comments h3 { border-bottom:1px solid #FFF; margin:15px 0 0; padding:0 0 9px; }

.avatar { float:left; margin:0 15px 0 0; }

.reply { background-image:url("images/blog-bubble.jpg"); bottom:33px; float:right; height:43px; position:relative; right:-11px; width:38px; padding:9px 0 0 9px; }

.reply a { text-decoration:none; font-weight:700; font-size:0.8em; }

.comment-form-comment label { display:block; }

#comment { width:725px; }

.entry-summary { bottom:26px; position:relative; padding:0 0 0 19px; }

.page-title { padding:0 0 19px; }

#commentform .comment-form-author #author, #url, #email { width:172px; margin:0 10px; }

.sm { font-size:1.2em; }

.pre-title { color:#FFF; font-size:1.2em; }

.brightimg { border:2px solid #FFF; float:right; margin:20px 0 12px 26px; }

#textslider p .vid-link a { color:#FE0; }

#textslider p .vid-link a:hover { color:#fff; text-decoration:none; }

#maincontentblog h3 { color:#01ADED; font-weight:700; text-transform:uppercase; margin:16px 0 14px; padding:14px 0; }

.code { background-color:#EEE; border:1px solid #01ADED; padding:16px 20px; }

.code p { line-height:5px; }

code { line-height:14px; }

#goog-fixurl #goog-wm { height:116px; }

.image { float: right; left: -19px; position: relative; top: -79px; }

.bluepost { background-color: #01ADED; color: #FFFFFF; height: 479px; line-height: 18px; overflow: hidden; padding: 18px 0 11px 16px; }

#maincontentblog .bluepost h3 { color: #FFF600; font-weight: normal; margin: 0; padding: 3px 0 17px; text-transform: none; }

#maincontentblog .bluepost li { background-image: url("images/white-star.png"); background-position: 0 8px; background-repeat: no-repeat; padding: 2px 0 1px 22px; }

.bluepost .postbull { background-image: url("images/white-star.png"); background-position: 0 3px; background-repeat: no-repeat; display: block; height: 24px; line-height: 1; margin: 0 0; padding: 0 0 0 22px; }

.postbull { background-image: url("images/white-star.png"); background-position: 0 0; background-repeat: no-repeat; display: block; height: 24px; line-height: 10px; margin: 2px 0; padding: 0 0 0 22px; }

.wp-wrapper { padding: 0 0 0 15px }

#portfolio ul li ul { padding:0 0 0 12px }

#portfolio ul li h3 { color: #FFF600; font-weight: normal; margin: 0; padding: 1px 0 16px; text-transform: none; }

#maincontentblog .bluepost ul { list-style: none outside none; margin: 0; padding: 14px 0 0 11px; }

#nav ul, #follow-us ul, .container-feeds .leftblog ul, .container-feeds .rightblog ul { margin:0; padding:0; }

.tabsright, .tabsrtwo, .tabsrfour, .tabsrfive { float:left; left:192px; position:absolute; top:31px; width:184px; color:#FFF; font-size:1em; }

.tabsrtwo p, .tabsrthree p, .tabsrfour p, .tabsrfive p { width:175px; padding:0; }

#newgal, #slidercontent { position:relative; }

#google-sprite a, #google-sprite2 a { color:#fff; width:187px; height:223px; background:transparent url(images/online-google-sprite.jpg) no-repeat 0 0; display:block; text-indent:-9999px; }

#google-sprite a:hover, #google-sprite2 a:hover { color:#fff; width:187px; height:223px; background:transparent url(images/online-google-sprite.jpg) no-repeat 0 -222px; display:block; text-indent:-9999px; }

#ecomm-sprite, #readblog { clear:both; height:223px; width:187px; margin:0 4px 0 0; padding:26px 0 0; }

#ecomm-sprite a:hover, #readblog a:hover { color:#fff; width:187px; height:223px; background:transparent url(images/ecom-sprite.jpg) no-repeat 0 -222px; display:block; text-indent:-9999px; }

#gallery-sprite a, #gallery-sprite-left a { color:#fff; width:185px; height:222px; background:transparent url(images/online-portfolio-sprite.jpg) no-repeat 0 0; display:block; text-indent:-9999px; }

#gallery-sprite a:hover, #gallery-sprite-left a:hover { color:#fff; width:185px; height:222px; background:transparent url(images/online-portfolio-sprite.jpg) no-repeat 0 -221px; display:block; text-indent:-9999px; }

.container, .container-feeds { width:1000px; overflow:hidden; background-color:#fff; clear:both; display:block; margin:0 auto; padding:0; }

.containerseoslider, .blankcontainer, .ecommbullets { width:1000px; overflow:hidden; float:none; background-color:#fff; margin:0 auto; }

.rightblog h2, .rightblog2 h2, .leftblog h2 { background-color:#01ADED; margin:0; padding:10px 20px; }

.blankleft, .blankright { width:460px; float:left; display:block; background-color:#FFF; overflow:hidden; padding:0 20px 20px; }

#slider ul, #slider li, #slider2 ul, #slider2 li, #sliderseo ul, #sliderseo li, #seoslidertext ul, #seoslidertext li, #silderecom ul, #silderecom li, #slider3 ul, #slider3 li, #qslider ul, #qslider li { list-style:none; margin:0; padding:0; }

#arrowprevbtn, #arrownextbtn, #slider1next, #slider1prev, #prevBtn, #nextBtn, #sliderseonext, #sliderseoprev { display:block; width:30px; height:77px; position:absolute; left:403px; top:312px; z-index:1000; }

#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a, #prevBtn a, #nextBtn a, #sliderseonext a, #sliderseoprev a, #sliderecomprev a, #prevBtn a, #nextBtn a, #port-pagenext a, #port-pageprev a { display:block; position:relative; width:30px; height:77px; background:url(images/btn_prev.png) no-repeat 0 0; }

#nextBtn a, #slider1next a, #nextBtn a, #sliderseonext a, #nextBtn a, #port-pagenext a { background:url(images/btn_next.png) no-repeat 0 0; }

#textslider a, #seoslidertext a { text-decoration:none; color:#c1bfb6; text-transform:uppercase; }

#silderseo2, #silderseo4, #silderseothree { width:273px; height:241px; float:left; margin:0; }

#sliderseo2 ul, #sliderseo4 ul, #sliderseo2 li, #sliderseo4 li, #sliderseothree ul, #sliderseothree li, #sliderseofour ul, #sliderseofour li { list-style:none; color:#666; font-size:1em; margin:0; padding:0; }

#sliderseo2 p, #sliderseo4 p, #seonextbtn, #sliderseothree p, #seothreenextbtn, #sliderseofour p, #seofournextbtn { margin:0; padding:0; }

#seonextbtn a, #sliderseo2next a, #seothreenextbtn a, #seofournextbtn a { background:url("images/circle-arrow-sprite.jpg") no-repeat scroll -7px 0 transparent; display:block; height:21px; left:-20px; position:relative; top:31px; width:299px; z-index:1000; margin:0 0 0 5px; padding:0; }

#seonextbtn a:hover, #sliderseo2next a:hover, #seothreenextbtn a:hover, #seofournextbtn a:hover { background:url(images/circle-arrow-sprite.jpg) no-repeat -7px -21px; }

#sliderseothree li, #sliderseofour li { width:273px; height:142px; overflow:hidden; line-height:18px; margin:0; padding:0; }

.left3qrt h1, .left3qrt h2 { color:#59595b; }

.arrowwhite, .arrowwhitecall { width:482px; height:34px; float:left; display:block; background-image:url(images/long-arrow-white.gif); background-repeat:repeat-x; background-color:#FFF; overflow:hidden; padding:0 0 0 20px; }

.container-feeds .leftblog a, .container-feeds .rightblog a { color:#6a6a6a; text-decoration:none; }

h2, h3 { font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:1.25em; font-weight:400; margin:6px 0 42px; }

.container li, #smaller li, #smaller2 li, #smallerseo li { margin-left:19px; padding-left:15px; }

#t1:hover, #t1:active { background-position:-4px -78px; }

#t2:hover, #t2:active { background-position:-149px -78px; }

#t3:hover, #t3:active { background-position:-301px -78px; }

#t4:hover, #t4:active { background-position:-450px -78px; }

#t5:hover, #t5:active { background-position:-598px -78px; }

#t6:hover, #t6:active { background-position:-750px -78px; }

#slider3, #qslider { margin-top:1em; float:right; }

ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus, ol#qcontrols li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline:none; }

ol#qcontrols li a, ol#qcontrols li a:hover { float:left; height:28px; width:450px; line-height:28px; color:#fff; text-decoration:none; margin:0 372px 0 0; padding:0 10px 0 20px; }

ol#qcontrols li#qcontrols3, ol#qcontrols li#qcontrols3.current a { background-image:url(images/q3blue.jpg); background-repeat:no-repeat; border:none; color:#fff; }

.econ-green-pack h2, .econ-red-pack h2, .econ-purp-pack h2, .small-green-pack h2, .small-red-pack h2, .small-purple-pack h2 { margin:0 0 13px; padding:0; }

.econ-green-pack h2 a:hover, .small-green-pack h2 a:hover { background-image:url(images/ecom-green-arrow-f2.jpg); background-repeat:no-repeat; color:#fff; display:block; overflow:hidden; text-decoration:none; padding:6px 0 7px 27px; }

.econ-green-pack p a, .small-green-pack p a, .small-red-pack p a, .small-purple-pack p a { background-color:#0AA757; color:#FFF; font-size:0.85em; text-decoration:none; text-transform:uppercase; padding:5px 9px 5px 7px; }

.econ-green-pack p a:hover, .small-green-pack p a:hover, .small-red-pack p a:hover, .small-purple-pack p a:hover { background-color:#59d897; color:#fff; font-size:0.85em; text-decoration:none; text-transform:uppercase; padding:5px 9px 5px 7px; }

.econ-green-pack ul, .econ-red-pack ul, .econ-purp-pack ul { font-size:0.9em; line-height:22px; margin:0 0 0 9px; padding:0; }

.econ-green-pack li, .small-green-pack li { list-style-image:url(images/green-star.jpg); padding:0 0 0 2px; }

.econ-red-pack h2 a:hover, .small-red-pack h2 a:hover { background-image:url(images/ecom-red-arrow-f2.jpg); background-repeat:no-repeat; color:#fff; display:block; overflow:hidden; text-decoration:none; padding:6px 0 7px 27px; }

.econ-red-pack li, .small-red-pack li { list-style-image:url(images/red-star.jpg); padding:0 0 0 2px; }

.econ-purp-pack h2 a:hover, .small-purple-pack h2 a:hover { background-image:url(images/ecom-purple-arrow-f2.jpg); background-repeat:no-repeat; color:#fff; display:block; overflow:hidden; text-decoration:none; padding:6px 0 7px 27px; }

.econ-purp-pack li, .small-purple-pack li { list-style-image:url(images/purple-star.jpg); padding:0 0 0 2px; }

.small-green-pack, .small-red-pack, .small-purple-pack { width:247px; height:132px; }

.small-green-pack ul, .small-red-pack ul, .small-purple-pack ul { font-size:0.9em; line-height:18px; margin:0 0 0 27px; padding:0; }

#adright ul, .pre-title a:hover { color:#fff; }

captcha, #commentform .comment-form-author, #commentform .comment-form-url, #commentform .comment-form-email { float:left; }



#smaller ul, #smaller2 ul, #smallerseo ul { margin-left:15px; list-style-image:url(images/bullet-star.gif); font-size:1.1em; line-height:24px; color:#6f6e6e; padding:0; }

.psmalltext, .comment-body { font-size:0.9em; }

#blog-right a:hover, .reply a:hover { text-decoration:underline; }

.entry-meta a, .entry-utility a { color:#777; text-decoration:underline; }

.entry-meta a:hover, .entry-utility a:hover, .nav-previous a:hover, .nav-next a:hover { color:#01aded; }

.comment-meta commentmetadata, .logged-in-as, .bluepost img { float: right; left: -2px; position: relative; top: -33px; }

.nav-previous a, .nav-next a { color:#777; }
 #content .entry-content p a, {
color:#777777
}

#portfolio p a { color:#ffee00 }

#portfolio p a:hover { color:#fff }

#content .entry-content p a { color:#01ADED; }

#content .entry-content .bluepost p a { color:#FFF600 }

#content .entry-content .bluepost p a:hover { color:#fff }

#port-right { float: right; height: 500px; margin: 26px 0 0; width: 197px; }

#port-right ul { list-style: none outside none; margin: 0; padding: 0; }

#port-right li a { background-color: #444444; background-image: url("images/yellow-star.png"); background-position: 8px 15px; background-repeat: no-repeat; color: #FFFFFF; display: block; font-size: 0.9em; margin: 0 0 2px; padding: 9px 0 9px 26px; text-transform: capitalize; }

#port-right li a:hover { color:#01ADED }

.small-date { display: block; float: right; font-size: 0.8em; margin: 0 22px 0 0; position: relative; top: 485px; z-index: 1000; }

.container-feeds .leftblog a:hover, .container-feeds .rightblog a:hover { color:#01ADED }

.formone { margin: 0; padding:0; }

.formone-bot { margin: 0; padding:0 0 10px; }

.field { display:inline-block; font-family:georgia; font-size:1em; width:100px; }

.formstyle { background-color: #EFEDE5; border: medium none; color: #555; height: 20px; margin: 0 10px 10px 0; padding: 5px; width: 212px; }
.formstyle-hover { background-color: #EFEDE5; border: medium none; color: #555; height: 18px; margin: 0 10px 10px 0; padding: 5px 5px 5px 4px; width: 211px; border:1px solid #777 }

.formstyle2 { background-color: #EFEDE5; border: medium none; color: #555; margin: 0; height: 20px; padding: 5px; width: 212px; }
.formstyle2-hover { background-color: #EFEDE5; border: medium none; color: #555; margin: 0; height: 18px; padding: 5px 5px 5px 4px; width: 211px; border:1px solid #777 }

.dropfield { display:inline-block; font-family:georgia; font-size:1em; width:292px; }

.drop { background-color: #EFEDE5; border: 0 none; height: 29px; margin: 0 10px 30px 0; padding: 8px 6px 5px 3px; width: 222px;}
.drop-hover { background-color: #EFEDE5; border: 0 none; height: 29px; margin: 0 10px 30px 0; padding: 7px 5px 5px 2px; width: 222px;  border:1px solid #777 }


.drop2 { background-color: #EFEDE5; border: 0 none; height: 29px; margin: 0; padding: 8px 6px 5px 3px; width: 222px; }
.drop2-hover { background-color: #EFEDE5; border: 0 none; height: 29px; margin: 0; padding: 7px 5px 5px 2px;width: 222px;  border:1px solid #777  }

#top-right-con h2 { color: #333333; font-size: 1em; font-weight: bold; margin: 0; padding: 0 0 10px; }

.textfield { border:0; margin:0; width: 447px; background-color:#EFEDE5 ; height: 141px;padding: 5px;}
.textfield-hover { border:0; margin:0; width: 445px; background-color:#EFEDE5; border:1px solid #777; height: 141px;padding: 4px; }

.formone-bot img { float: left; height: 38px; margin: 0 5px 0 0; width: 130px; }

.contactform { background-color: #EFEDE5; border: 0 none; float: left; height: 36px; width: 113px; }
.contactform-hover { background-color: #EFEDE5; border: 0 none; float: left; height: 34px; width: 111px;  border:1px solid #777 }

.submit { background-image: url("images/contact-arrow.jpg"); border: 0 none; color: #FFFFFF; height: 38px; margin: 0 0 0 5px; padding: 0 5px; text-align: left; width: 204px; }

.submit-hover { background-image: url("images/contact-arrow.jpg"); background-position: 0 -38px; border: 0 none; color: #555; height: 38px; margin: 0 0 0 5px; padding: 0 5px; text-align: left; width: 204px; }

.contacttext { color: #01ADED; font-size: 0.8em; text-transform: uppercase; }
.formone-bot a:hover { color: #555; font-size: 0.8em; text-transform: uppercase; }

.con-sub { display:inline-block; margin: 0 124px 6px 0; }

.con-sub2 { display:inline-block; margin: 0 }
.fieldad {float: right;
    margin: 0 0 10px;
    width: 305px;}
	.advantage { width: 465px;}
	
	#nextBtn { left: 447px;}
	
	.widget-container #searchform {  padding: 13px 0 0 5px;}
	
	
	.container-feeds .left { height: auto;
    margin: 0;
    padding: 0 20px;
}.container-feeds .left h3 { margin:7px 0}