@charset "UTF-8";
/* CSS Document */

/* Global Settings */
* { padding: 0; margin: 0; }
body { margin: 0px auto; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; }
.container { width: 960px; margin: 0px auto; }
.clear { clear: both; }
a:active, a:hover, a:focus { outline: none; }

a.link-arw { display: inline-block; font-weight: bold; color: #062b4e; background: url(../img/arrow-off.gif) right center no-repeat; padding: 1px 20px 1px 0px; text-decoration: none; border-bottom: 1px solid #ccc; cursor: pointer; }
a.link-arw:hover { color: #4f9dea; background: url(../img/arrow-on.gif) right center no-repeat; border: none; margin-bottom: 1px; }
a.link-arw:active { color: #999; }

a.link-arw-up { display: inline-block; float: right; font-weight: bold; color: #062b4e; background: url(../img/arrow-up-off.gif) right center no-repeat; padding: 1px 15px 1px 0px; text-decoration: none; border-bottom: 1px solid #ccc; cursor: pointer; margin: 10px 15px 0px 0px; }
a.link-arw-up:hover { color: #4f9dea; background: url(../img/arrow-up-on.gif) right center no-repeat; border: none; margin-bottom: 1px; }
a.link-arw-up:active { color: #999; }

img.pic-rt { float: right; margin: 0px 0px 10px 10px; border: 1px solid #bbb; background: #fff; padding: 2px; }
#content a.pdf { display: block; margin-top: 16px; font-weight: bold; background: url(../img/pdf.jpg) left center no-repeat; padding-left: 20px; color: #dd860e; }

#home { background: url(../img/bg-hm.jpg) top left repeat-x; }
#sub { background: url(../img/bg-sub.jpg) top left repeat-x; }

/* Navigation */
#nav { margin: 0px auto; height: 51px; padding-top: 7px; background: url(../img/nav-bg.jpg) top center no-repeat; line-height: 51px; text-transform: uppercase; font-weight: bold; letter-spacing: .2px; }
#nav ul { display: inline; list-style: none; }
#nav ul li { float: left; margin-right: 20px; }
#nav ul li a { color: #666; text-decoration: none; text-shadow: 1px 1px 1px #ddd; padding: 6px 14px 5px 0px; }
#nav ul li a span { padding: 6px 0px 5px 14px; }
#nav ul li a:hover { color: #fff; background: url(../img/nav-btn-rt.png) bottom right no-repeat; text-shadow: 1px 1px 1px #444; }
#nav ul li a:hover span { background: url(../img/nav-btn-lt.jpg) bottom left no-repeat; }
#nav ul li a:active { color: #c0c0c0; }
#nv-home #nav ul li a.nav-home, #nv-services #nav ul li a.nav-services, #nv-about #nav ul li a.nav-about, #nv-work #nav ul li a.nav-work, #nv-partners #nav ul li a.nav-partners, #nv-blog #nav ul li a.nav-blog { color: #fff; background: url(../img/nav-btn-rt.png) top right no-repeat; cursor: default; text-shadow: 1px 1px 1px #444; }
#nv-home #nav ul li a.nav-home span, #nv-services #nav ul li a.nav-services span, #nv-about #nav ul li a.nav-about span, #nv-work #nav ul li a.nav-work span, #nv-partners #nav ul li a.nav-partners span, #nv-blog #nav ul li a.nav-blog span { background: url(../img/nav-btn-lt.jpg) top left no-repeat; }
a.hello { display: inline; float: right; width: 115px; height: 37px; background: url(../img/nav-btn-hello.jpg) top left no-repeat; color: #fff; text-decoration: none; line-height: 37px; text-align: center; margin-top: 6px; text-shadow: 1px 1px 1px #999; }
a.hello:hover { background-position: bottom left; color: #444; text-shadow: 1px 1px 1px #aaa; }
a.hello:active { color: #666; }

/* Heading Banners */
#ban-hm { margin: 0px auto; height: 368px; background: url(../img/ban-hm.jpg) top center no-repeat; }
.ban-lt { width: 376px; float: left; display: inline; }
.ban-lt a img { border: none; margin: 40px 0px 62px 0px; }
.ban-lt a { text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: .2px; text-align: center; }
.ban-lt a.contact { display: inline-block; height: 47px; width: 170px; line-height: 47px; background: url(../img/ban-btn-contact.png) top left no-repeat; color: #555; margin: 45px 18px 0px 0px; text-shadow: 1px 1px 1px #b0b0b0; }
.ban-lt a.contact:hover { background-position: bottom left; color: #333; }
.ban-lt a.contact:active { color: #666; }
.ban-lt a.results { display: inline-block; height: 47px; width: 170px; line-height: 47px; background: url(../img/ban-btn-results.jpg) top left no-repeat; color: #fff; margin-top: 45px; text-shadow: 1px 1px 1px #999; }
.ban-lt a.results:hover { background-position: bottom left; color: #444; text-shadow: 1px 1px 1px #aaa; }
.ban-lt a.results:active { color: #666; }
.ban-rt { width: 560px; height: 316px; float: left; display: inline; background: url(../img/ban-frame.png) bottom left no-repeat; padding: 52px 12px 0px 12px; }
.ban-rt h2 { color: #062b4e; font-size: 26px; letter-spacing: -.2px; margin: 16px 0px 12px 16px; }
.ban-btns { height: 24px; width: 560px; }

#ban-sub { margin: 0px auto; height: 132px; background: url(../img/ban-sub.jpg) top center no-repeat; }
#ban-sub a img { float: left; display: inline; margin: 28px 0px 0px 10px; border: none; }
#ban-sub .tag { float: right; display: inline; padding: 42px 116px 0px 0px; }

/* Home Banner Slideshow */
.images { position: relative; float: left; width: 560px; height: 242px; }
.images div { display: none; position: absolute; top: 0; left: 0; width: 560px; height: 242px; font-size: 15px; line-height: 24px; }
.images div p { padding: 110px 0px 0px 15px; }
.images div p a { margin-top: 20px; line-height: 18px; }
.ban-threadless { background: url(../img/ban-threadless.jpg) top left no-repeat; }
.ban-littman { background: url(../img/ban-littman.jpg) top left no-repeat; }
.ban-ftd { background: url(../img/ban-ftd.jpg) top left no-repeat; }
.ban-jc { background: url(../img/ban-jc.jpg) top left no-repeat; }
.tabs { clear: both; margin-left: 252px; }
.tabs a { width: 8px; height: 8px; float: left; margin: 12px 3px 0px 3px; background: url(../img/dot.gif) top left no-repeat; display: block; overflow: hidden; }
.tabs a:hover { background: url(../img/dot-active.gif) top left no-repeat; }
.tabs a.current { background: url(../img/dot-on.gif) top left no-repeat; } 	
.forward { float: right; background: url(../img/next.jpg) no-repeat; display: block; width: 24px; height: 24px; margin-right: 7px; cursor: pointer; }

/* Main Frame */
#main { margin: 0px auto; width: 960px; background: url(../img/main-bg.png) top center no-repeat; min-height: 970px; }

/* Side Bar */
.side { float: left; width: 256px; display: inline; }
.side h2 { font-size: 16px; color: #4f9dea; letter-spacing: .25px; text-align: center; text-transform: uppercase; }
.side h2 span { color: #666; font-family: 'Trebuchet MS',Helvetica,sans-serif; text-transform: none; }
.side .sempo { margin: 32px 0px 32px 0px; }

/* Side Bar Services */
.side-serv { float: left; width: 206px; height: 261px; background: url(../img/side-serv.jpg) top left no-repeat; padding: 52px 30px 0px 20px; }
.side-serv ul { list-style-type: none; line-height: 26px; margin-top: 18px; }
.side-serv ul li { background: url(../img/side-tick.jpg) left center no-repeat; padding-left: 20px; }
.side-serv ul li a { font-weight: bold; color: #666; text-decoration: none; }
.side-serv ul li a:hover { color: #4f9dea; }
.side-serv ul li a:active { color: #999; }

/* Side - Home Page Featured Cleint */
.side-client { float: left; width: 206px; height: 253px; background: url(../img/side-littman.jpg) top left no-repeat; padding: 50px 30px 0px 20px; }
.side-client p { margin-top: 88px; }
.side-client p a { margin-top: 10px; }

/* Side - Home Page Twitter */
.side-twitter { float: left; width: 206px; height: 250px; background: url(../img/side-twitter.jpg) top left no-repeat; padding: 46px 30px 0px 20px; }
.side-twitter ul#twitter_update_list { list-style-type: none; margin-top: 32px; }
.side-twitter ul#twitter_update_list li a { color: #4f9dea; text-decoration: none; }
.side-twitter ul#twitter_update_list li a:hover { color: #062b4e; }
.side-twitter ul#twitter_update_list li a:active { color: #999; }
.side-twitter ul#twitter_update_list li span.twitter-sub-2 { display: block; color: #dd860e; line-height: 26px; font-size: 12px; font-style: italic; }
.side-twitter p a { margin-top: 10px; }

/* Content */
#content { float: left; width: 704px; display: inline; }
#content h1 { font-size: 18px; color: #062b4e; letter-spacing: -.1px; padding-bottom: 5px; }
#content h1 span { font-size: 15px; color: #888; }
#content h2 { font-size: 14px; color: #4f9dea; letter-spacing: -.1px; }
#content h3 { font-size: 16px; color: #dd860e; letter-spacing: -.1px; padding-bottom: 16px; line-height: 20px; }
#content p { padding-bottom: 18px; }
#content .sub-pad p { padding-right: 20px; }
#content strong { }
#content strong span { color: #dd860e; }
#content a { color: #062b4e; text-decoration: none; }
#content a:hover { color: #4f9dea; }
#content a:active { color: #999; }
#content ul { margin: 0px 0px 18px 30px; }
#content .lite-blue { color: #4f9dea; }
#content .ex-mar { margin-bottom: 20px; }
#content .lt-blue { color: #4f9dea; }

/* Home Page About */
.hm-about { float: left; width: 684px; display: inline; padding-left: 20px; }
.hm-about-lt { float: left; width: 398px; display: inline; padding: 54px 13px 0px 0px; }
.hm-about-rt { float: left; width: 237px; display: inline; background: url(../img/hm-about-rt.png) top right no-repeat; padding: 38px 21px 0px 15px; }
.hm-about-rt h1 { padding-left: 15px; }
#content .hm-about-rt ul { list-style-type: none; margin: 14px 15px 0px 12px; }
.hm-about-rt ul li { background: url(../img/hm-about-tick.jpg) top left no-repeat; padding-left: 18px; margin: 10px 0px; }

/* Home Page Partners & Testimonials */
.hm-mid { float: left; width: 663px; display: inline; padding-left: 20px; margin-top: 10px; }
.hm-part { float: left; display: inline; width: 286px; height: 216px; background: url(../img/hm-part.png) top left no-repeat; padding: 68px 23px 0px 23px; }
.hm-part table { margin: 8px 0px 12px 0px; }
.hm-test { float: left; display: inline; width: 284px; height: 216px; background: url(../img/hm-test.png) top left no-repeat; padding: 68px 24px 0px 23px; }
.hm-test p { padding: 13px 0px 8px 0px; }
.hm-test p span { display: inline-block; margin-top: 6px; background: url(../img/hm-buble.jpg) left center no-repeat; padding-left: 20px; color: #dd860e; font-weight: bold; }

/* Home Page Blog */
.hm-blog { float: left; width: 663px; display: inline; margin-left: 20px; margin-top: 5px; background: url(../img/hr-bg.png) top left no-repeat; padding: 20px 0px 0px 0px; }
.hm-blog img { margin-bottom: 12px; }
#content .hm-blog ul { list-style-type: none; margin: 0px 0px 18px 0px; }
.hm-blog ul li { background: url(../img/hm-blog.jpg) left top no-repeat; padding-left: 22px; margin: 6px 0px 6px 6px; }
.hm-blog ul li a span { color: #666666; }

/* Sub Page Top */
.sub-top { float: left; width: 684px; display: inline; padding-left: 20px; }
.sub-top h1 { padding-top: 54px; }
.sub-top .corner { float: right; }
.sub-block { float: left; width: 663px; display: inline; margin-left: 20px; margin-top: 5px; background: url(../img/hr-bg.png) top left no-repeat; padding: 20px 0px 0px 0px; }

/* Footer */
#footer { clear: both; height: 267px; background: url(../img/bg-ft.png) bottom left repeat-x; padding-top: 0px; color: #ddd; }
#footer h2 { font-size: 16px; color: #4f9dea; text-transform: uppercase; letter-spacing: .25px; border-bottom: 1px solid #888; margin-bottom: 14px; }
#footer h2 span { color: #fff; font-family: 'Trebuchet MS',Helvetica,sans-serif; text-transform: none; font-weight: normal; }
#footer strong { color: #4f9dea; }
#footer a { font-weight: bold; color: #4f9dea; text-decoration: none; }
#footer a:hover { color: #888; }
#footer a:active { color: #bbb; }
.ft-lt { float: left; display: inline; color: #666; font-size: 11px; text-transform: uppercase; }
.ft-rt { float: right; text-align: right; display: inline; color: #666; font-size: 11px; text-transform: uppercase; }
#footer .ft-rt a { color: #666; font-weight: normal; }
#footer .ft-rt a:hover { color: #4f9dea; }
#footer .ft-rt a:active { color: #999; }

/* Footer Newsletter */
.ft-newsletter { float: left; width: 220px; height: 170px; margin: 46px 20px 0px 10px; }
.ft-newsletter form { margin-top: 12px; }
.ft-newsletter form label { font-weight: bold; color: #4f9dea; }
.ft-newsletter form input { border: 1px solid #aaa; background: url(../img/ft-fld.png) bottom left no-repeat; width: 160px; margin-left: 4px; padding: 2px; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 12px; }
.ft-newsletter form input:hover, .ft-newsletter form input:active, .ft-newsletter form input:focus { color: #444; border: 1px solid #888; }
.ft-newsletter form input.btn-signup { display: block; height: 27px; width: 78px; background: url(../img/ft-btn.jpg) top left no-repeat; margin: 6px 0px 0px 46px; text-transform: uppercase; font-weight: bold; color:#fff; cursor: pointer; border: none; font-size: 13px; letter-spacing: .2px; text-shadow: 1px 1px 1px #444; }
.ft-newsletter form input.btn-signup:hover { background-position: bottom left; color: #ccc; }
.ft-newsletter form input.btn-signup:active { color: #666; }

/* Footer Explore */
.ft-explore { float: left; width: 220px; height: 170px; margin: 46px 20px 0px 0px; }
.ft-explore ul { margin-left: 15px; }
.ft-explore ul li { line-height: 21px; }

/* Footer Social */
.ft-social { float: left; width: 220px; height: 170px; margin: 46px 20px 0px 0px; }
.ft-social ul { list-style-type: none; margin-left: 1px; }
.ft-social ul li { line-height: 21px; }
.ft-social ul li.ft-twitter { background: url(../img/ft-twitter.jpg) left center no-repeat; padding-left: 22px; }
.ft-social ul li.ft-linkedin { background: url(../img/ft-linkedin.jpg) left center no-repeat; padding-left: 22px; }
.ft-social ul li.ft-facebook { background: url(../img/ft-facebook.jpg) left center no-repeat; padding-left: 22px; }
.ft-social ul li.ft-flickr { background: url(../img/ft-flickr.jpg) left center no-repeat; padding-left: 22px; }
.ft-social ul li.ft-vimeo { background: url(../img/ft-vimeo.jpg) left center no-repeat; padding-left: 22px; }

/* Footer Contact */
.ft-contact { float: left; width: 220px; height: 170px; margin: 46px 0px 0px 0px; }
.ft-contact p { padding-bottom: 16px; }

/* Side Bar - Sub Nav */
.side-nav { clear: both; width: 209px; height: 615px; margin: 14px 0px 0px 36px; background: url(../img/side-nav.png) top left no-repeat; padding: 48px 0px 0px 0px; text-align: right; }
.side-nav img { display: block; height: 1px; }
.side-nav center img { height: auto; }
.side-nav a { display: block; margin: 0; padding: 0px 20px 0px 0px; text-decoration: none; font-weight: bold; color: #062b4e; line-height: 32px; }
.side-nav a:hover { background: #fff; color: #4f9dea; padding: 0px 15px 0px 0px; }
.side-nav a.tm-link { padding-right: 25px; font-weight: normal; color: #dd860e; line-height: 24px; }
.side-nav a.tm-link:hover { background: #fff url(../img/side-nav-hover.jpg) top left no-repeat; color: #4f9dea; padding-right: 20px; }
.side-nav a:active, .side-nav a.tm-link:active { color: #999; }
.side-nav hr { border: none; height: 1px; color: #bbb; background: #fff url(../img/side-nav-bar.png) top left no-repeat; margin: 0px; padding: 0px; }

/* About Page - Team Outline */
#content a.tm-row { float: left; display: inline-block; width: 125px; height: 88px; padding-left: 96px; color: #666; margin-bottom: 30px; }
a.tm-row strong { color: #dd860e; display: block; }
#content a.tm-row:hover { color: #4f9dea;  }
a.tm-row:hover strong { color: #062b4e; }
#content a.tm-row:active { color: #999;  }
a.tm-row:active strong { color: #999; }
a.tm-chrisg { background: url(../img/sm-chrisg.jpg) top left no-repeat; }
a.tm-jen { background: url(../img/sm-jen.jpg) top left no-repeat; }
a.tm-joe { background: url(../img/sm-joe.jpg) top left no-repeat; }
a.tm-danyl { background: url(../img/sm-danyl.jpg) top left no-repeat; }
a.tm-james { background: url(../img/sm-james.jpg) top left no-repeat; }
a.tm-shay { background: url(../img/sm-shay.jpg) top left no-repeat; }
a.tm-chrisc { background: url(../img/sm-chrisc.jpg) top left no-repeat; }
a.tm-jamie { background: url(../img/sm-jamie.jpg) top left no-repeat; }
a.tm-you { background: url(../img/sm-you.jpg) top left no-repeat; }
a.tm-chrisg:hover, a.tm-jen:hover, a.tm-joe:hover, a.tm-danyl:hover, a.tm-james:hover, a.tm-shay:hover, a.tm-chrisc:hover, a.tm-jamie:hover, a.tm-you:hover { background-position: bottom left; }

/* Profile Pages Images */
.about-rt { float: right; width: 263px; }
.about-rt a .cgilmartin { width: 263px; height: 401px; background: url(../img/cgilmartin.jpg) top left no-repeat; cursor: default; }
.about-rt a:hover .cgilmartin { background-position: bottom left; }
.about-rt a .jdavis { width: 263px; height: 401px; background: url(../img/jdavis.jpg) top left no-repeat; cursor: default; }
.about-rt a:hover .jdavis { background-position: bottom left; }
.about-rt a .jbrodecki { width: 263px; height: 401px; background: url(../img/jbrodecki.jpg) top left no-repeat; cursor: default; }
.about-rt a:hover .jbrodecki { background-position: bottom left; }
.about-rt a .dherron { width: 263px; height: 401px; background: url(../img/dherron.jpg) top left no-repeat; cursor: default; }
.about-rt a:hover .dherron { background-position: bottom left; }
.about-rt a .jmcginn { width: 263px; height: 401px; background: url(../img/jmcginn.jpg) top left no-repeat; cursor: default; }
.about-rt a:hover .jmcginn { background-position: bottom left; }
.about-rt a .showe { width: 263px; height: 401px; background: url(../img/showe.jpg) top left no-repeat; cursor: default; }
.about-rt a:hover .showe { background-position: bottom left; }
.about-rt a .ccook { width: 263px; height: 401px; background: url(../img/ccook.jpg) top left no-repeat; cursor: default; }
.about-rt a:hover .ccook { background-position: bottom left; }
.about-rt a .jwatanabe { width: 263px; height: 401px; background: url(../img/jwatanabe.jpg) top left no-repeat; cursor: default; }
.about-rt a:hover .jwatanabe { background-position: bottom left; }

/* About Page - Vcard */
.vcard { height: 226px; width: 239px; background: url(../img/vcard.png) top left no-repeat; margin-top: 18px; padding: 0px 0px 0px 24px; }
.vcard h1 { padding-top: 48px; }
.vcard strong { display: inline-block; color: #062b4e; padding-top: 8px; }
.vcard em { color: #4f9dea; }
#content .vcard a { color: #666; }
#content .vcard a:hover { color: #4f9dea; }
#content .vcard a:active { color: #999; }
#content .vcard a.v-linkedin { display: inline-block; color: #dd860e; background: url(../img/v-linkedin.jpg) left center no-repeat; padding: 0px 0px 0px 20px; margin: 18px 40px 0px 0px; }
#content .vcard a.v-twitter { display: inline-block; color: #dd860e; background: url(../img/v-twitter.jpg) left center no-repeat; padding: 0px 0px 0px 20px; margin: 18px 0px 0px 0px; }
#content .vcard a.v-linkedin:hover, #content .vcard a.v-twitter:hover { color: #4f9dea; }
#content .vcard a.v-linkedin:active, #content .vcard a.v-twitter:active { color: #999; }

/* Sub Page - Contact form */
.contact-rt { float: right; width: 209px; height: 460px; background: url(../img/contact-bg.jpg) top left no-repeat; padding: 0px 21px 9px 33px; }
.sub-top .contact-rt h1 { padding-top: 48px; }
.contact-rt form label { display: block; color: #062b4e; font-weight: bold; padding-bottom: 2px; }
.contact-rt form input, .contact-rt form textarea { border: 1px solid #bbb; background: #fff url(../img/fld-bg.png) bottom left no-repeat; width: 193px; padding: 2px; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 12px; margin-bottom: 5px; }
.contact-rt form input:hover, .contact-rt form textarea:hover, .contact-rt form input:active, .contact-rt form textarea:active, .contact-rt form input:focus, .contact-rt form textarea:focus { color: #444; border: 1px solid #888; }
.contact-rt form input.btn-send { display: block; height: 27px; width: 64px; background: url(../img/send-btn.jpg) top left no-repeat; text-transform: uppercase; font-weight: bold; color:#fff; cursor: pointer; border: none; font-size: 13px; letter-spacing: .2px; text-shadow: 1px 1px 1px #444; margin-top: 5px; }
.contact-rt form input.btn-send:hover { background-position: bottom left; color: #ccc; }
.contact-rt form input.btn-send:active { color: #666; }

/* Sub Page - Misc */
ul.pad-list li { padding: 4px 20px 4px 0px; }
ul.pad-list li strong { color: #4f9dea; }

/* Contact Page */
h2.contact-map { padding-left: 20px; background: url(../img/contact-map.png) left center no-repeat; }
h2.contact-phone { padding-left: 17px; background: url(../img/contact-phone.png) left center no-repeat; }
h2.contact-fax { padding-left: 20px; background: url(../img/contact-fax.png) left center no-repeat; }
h2.contact-email { padding-left: 20px; background: url(../img/contact-email.png) left center no-repeat; }
.map { padding: 2px; border: 1px solid #bbb; background: #fff; margin-bottom: 18px; }
.map:hover, .map:active, .map:focus { background: #fffbb3; border: 1px solid #e9d065; }

/* Blog Layout */
.blog-block { float: left; width: 653px; display: inline; margin-top: 5px; background: url(../img/hr-bg.png) top left no-repeat; padding: 20px 10px 0px 0px; }
.blog-block .blog-hd { display: block; }
.blog-block .avatar img { float: left; border: 1px solid #bbb; padding: 2px; background: #fff; margin: 0px 10px 10px 0px; }
#content .blog-block a h2, #content .blog-block h2 { font-size: 16px; color: #4f9dea; letter-spacing: -.1px; line-height: 20px; margin-bottom: 6px; }
#content .blog-block a:hover h2 { color: #dd860e; }
#content .blog-block a:active h2 { color: #999; }
#content .blog-block p.blog-tag a { color: #dd860e; }
#content .blog-block p.blog-tag a:hover { color: #4f9dea; }
#content .blog-block p.blog-tag a:active { color: #999; }
#content .blog-block img { border: 1px solid #bbb; padding: 2px; background: #fff; }
#content .blog-block ul { margin: 0px 0px 18px 20px; }
#content .blog-block ol { margin: 0px 0px 18px 20px; }
#content .blog-block p a.more-link { clear: both; display: inline-block; font-weight: bold; color: #062b4e; background: url(../img/arrow-off.gif) right center no-repeat; padding: 1px 20px 1px 0px; text-decoration: none; border-bottom: 1px solid #ccc; cursor: pointer; }
#content .blog-block p a.more-link:hover { color: #4f9dea; background: url(../img/arrow-on.gif) right center no-repeat; border: none; margin-bottom: 1px; }
#content .blog-block p a.more-link:active { color: #999; }

/* Blog Sub Nav */
.side-nav ul { list-style: none; margin: 10px 0px; }
.side-nav ul li { height: 24px; }
.side-nav ul li.cat-item a { padding-right: 25px; font-weight: normal; color: #dd860e; line-height: 24px; }
.side-nav ul li.cat-item a:after { content: " »"; }
.side-nav ul li.cat-item a:hover { background: #fff url(../img/side-nav-hover.jpg) top left no-repeat; color: #4f9dea; padding-right: 20px; }
.side-nav ul li.cat-item a:active { color: #999; }

/* Blog Side - Search */
.side-nav form { float: right; padding: 20px 0px 15px 0px; width: 184px; margin-right: 20px; }
.side-nav input { border: 1px solid #bbb; background: #fff url(../img/search-bg.jpg) bottom left no-repeat; width: 178px; padding: 2px; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 12px; margin-bottom: 5px; }
.side-nav input:hover, .side-nav input:active, .side-nav input:focus { color: #444; border: 1px solid #888; }
.side-nav input.search-btn {  display: block; height: 27px; width: 83px; background: url(../img/search-btn.jpg) top left no-repeat; text-transform: uppercase; font-weight: bold; color:#fff; cursor: pointer; border: none; font-size: 13px; letter-spacing: .2px; text-shadow: 1px 1px 1px #444; }
.side-nav input.search-btn:hover { background-position: bottom left; color: #ccc; }
.side-nav input.search-btn:active { color: #666; }

/* Blog Next/Previous Footer Links */
#content .blog-ft-links { clear: both; padding: 0px 15px 10px 0px; }
#content .blog-ft-links a { color: #dd860e; }
#content .blog-ft-links a:hover { color: #4f9dea; }
#content .blog-ft-links a:active { color: #999; }
#content .blog-ft-links span { float: right; text-align: right; }

/* Blog Leave A Comment */
#respond form label { display: block; color: #062b4e; font-weight: bold; padding-bottom: 2px; }
#respond form input { border: 1px solid #bbb; background: #fff url(../img/fld-bg.png) bottom left no-repeat; width: 193px; padding: 2px; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 12px; margin-bottom: 5px; }
#respond input:hover, #respond input:active, #respond input:focus { color: #444; border: 1px solid #888; }
#respond form textarea { border: 1px solid #bbb; background: #fff url(../img/comment-fld.png) bottom left no-repeat; width: 635px; padding: 2px; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 12px; margin-bottom: 5px; }
#respond textarea:hover, #respond textarea:active, #respond textarea:focus { color: #444; border: 1px solid #888; }
#respond form input.btn-send { display: block; height: 27px; width: 64px; background: url(../img/send-btn.jpg) top left no-repeat; text-transform: uppercase; font-weight: bold; color:#fff; cursor: pointer; border: none; font-size: 13px; letter-spacing: .2px; text-shadow: 1px 1px 1px #444; margin-top: 5px; }
#respond form input.btn-send:hover { background-position: bottom left; color: #ccc; }
#respond form input.btn-send:active { color: #666; }

/* Blog Share */
#content #share a img { margin: 0px 8px; border: none; }

/* Blog Comments Layout */
#content #comments h2 { padding-bottom: 18px; }
#content #comments p.comment-author { padding-bottom: 8px; }
#content #comments p.comment-author strong { color: #dd860e; }
#content #comments p.comment-author strong a { color: #dd860e; }
#content #comments p.comment-author strong a:hover { color: #4f9dea; }
#content #comments p.comment-author strong a:active { color: #999; }
#content #comments p.comment-author em { color: #888; }
#content #comments hr { color: #ddd; background: #ddd; height: 1px; border: none; }
#content #comments ul { margin: 0px; list-style: none; }
#content #comments ul li { margin: 12px 0px 0px 0px; padding: 0px 5px; }

/* Web Design Portfolio */
.portfolio { width: 663px; margin-left: 10px; }
#content .portfolio h3 { padding-bottom: 4px; }
#content .portfolio h2 { padding-bottom: 16px; }
#content .portfolio p { padding-right: 10px; }
.portfolio a img { padding: 2px; border: 1px solid #bbb; }
.portfolio a:hover img, .portfolio a:active img, .portfolio a:focus img { background: #fffbb3; border: 1px solid #e9d065; }
.portfolio a img.feat-design { float: left; margin: 0px 15px 0px 0px; }
.portfolio a .boxgrid { width: 199px; height: 147px; margin: 9px 8px 9px 9px; float: left; border: solid 1px #bbb; overflow: hidden; position: relative; cursor: pointer; }
.portfolio a:hover .boxgrid, .portfolio a:focus .boxgrid, .portfolio a:active .boxgrid { border: 1px solid #e9d065; }
.portfolio a .boxgrid img { position: absolute; top: 0px; left: 0px; border: 0px; padding: 2px; margin: 0px; }
.portfolio a .boxcaption { float: left; position: absolute; background: #000; height: 63px; width: 100%; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.portfolio a .captionfull .boxcaption { top: 147px; left: 0px; }
#content .portfolio a .boxgrid h3 { margin: 10px; padding: 0px; }

/* Partners-Clients */
table.partners tr td img { display: block; margin: 0px auto; padding: 35px 0px; }
table.clients tr td img { display: block; margin: 0px auto; padding: 25px 0px; }

/* Partners-Clients */
.case-col { float: left; display: inline; margin-right: 64px; }

/* Testimonials */
.test strong { display: block; color: #dd860e; font-size: 13px; }
.test span { display: block; color: #4f9dea; }

/* Greet Box */
.greet_block { background: #fffbb2; border: 1px solid #bbb; margin: 10px 0px 15px 0px; padding: 10px; width: 630px; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; }
#content .blog-block .greet_block strong { color: #062b4e; }
#content .blog-block .greet_block a img { float: left; padding-right: 10px; border: none; background: none; }
#content .blog-block .greet_block a, #content .blog-block .greet_block a strong { color: #dd860e; }
#content .blog-block .greet_block a:hover, #content .blog-block .greet_block a:hover strong { color: #4f9dea; }
#content .blog-block .greet_block a:active, #content .blog-block .greet_block a:active strong { color: #999; }
.greet_block_close { background: #fff; border: 1px solid #bbb; float: right; height: 15px; width: 15px; margin: 0 0 0 10px; }
.greet_block_close:hover { background: #eee; }
#content .blog-block .greet_block_close a { color: #bbb; font-family: verdana; font-weight: bold; line-height: 14px; margin: 0 2px; text-transform: uppercase; }
#content .blog-block .greet_block_close a:hover { color: #999; }
.greet_search_after { border-top: 1px solid #bbb; font-size: 11px; line-height: 15px; margin: 10px 0 0 0; padding: 6px 0 0 0; }
#content .blog-block .greet_search_after ul { margin: 2px 0px 2px 20px;  }
#content .blog-block .greet_search_after ul li { margin-top: 10px; }
#greet_search_link { cursor: pointer; }

/* Author/Written By Box */
#author h1 { padding-bottom: 12px; }
#author h1 a { color: #dd860e; }
#author a img { float: left; border: 1px solid #bbb; padding: 2px; margin: 0px 10px 10px 0px; }