/*
Inward Solutions
css/css.css
*/
html, body { margin: 0; padding: 0; background: #001042 url(../images/header-bg.gif) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; text-align: center; }
img { border: 0; }
a { color: #6191d5; text-decoration: underline; }
a:hover { color: #92b057; text-decoration: none; }
p { margin: 0; padding: 10px 0 5px 0; }
.clear { clear: both; }
.inner-padding { padding: 10px 25px 10px 10px; }
.bold { color: #006eb5; }
a.goback-btn { float: right; background: url(../images/goback-btn.gif) no-repeat; width: 113px; height: 32px; text-indent: -9000em; overflow: hidden; }
a.goback-btn:hover { background-position: bottom; }

#container { margin: 0 auto; width: 1000px; text-align: left; }
#header {  }
#header h1 { float: left; margin: 0; padding: 0; background: url(../images/logo.gif) no-repeat; no-repeat; width: 196px; height: 124px; }
#header h1 a { display: block; width: 196px; height: 124px; text-indent: -9000em; overflow: hidden; }
#header ul { float: left; margin: 0 0 0 22px; padding: 78px 0 0 0; list-style: none; }
#header ul li { float: left; }
#header ul li a { display: block; height: 46px; text-indent: -9000em; overflow: hidden; }
#header ul li a.home-btn { background: url(../images/home-btn.gif) no-repeat; width: 70px; }
#header ul li a.services-btn { background: url(../images/services-btn.gif) no-repeat; width: 78px; }
#header ul li a.portfolio-btn { background: url(../images/portfolio-btn.gif) no-repeat; width: 92px; }
#header ul li a.clients-btn { background: url(../images/clients-btn.gif) no-repeat; width: 78px; }
#header ul li a.news-btn { background: url(../images/news-btn.gif) no-repeat; width: 60px; }
#header ul li a.company-btn { background: url(../images/company-btn.gif) no-repeat; width: 84px; }
#header ul li a.contactus-btn { background: url(../images/contactus-btn.gif) no-repeat; width: 99px; }
#header ul li a:hover { background-position: bottom; }

#content-left { float: left; background: #fff url(../images/content-left-footer.gif) no-repeat bottom left; width: 779px; }
#content-right { float: left; padding: 5px 0 0 0; width: 221px; }
#content-right #news-items { background: #fff url(../images/newsbox-bg.gif) repeat-x bottom left; height: 1%; }
#content-right #news-items .top { background: url(../images/newsbox-tr.gif) no-repeat top right; height: 5px; }
#content-right #news-items ul { margin: 0; padding: 10px 0 10px 0; list-style: none; }
#content-right #news-items ul li { padding: 4px; }
#content-right #news-items h2 { margin: 0 0 0 15px; padding: 0; background: url(../images/side-news-title.gif) no-repeat left bottom; height: 45px; text-indent: -9000em; overflow: hidden; }
#content-right #news-items ul li a { display: block; margin: 1px; padding: 10px; color: #000; text-decoration: none; }
#content-right #news-items ul li a h1 { margin: 0; padding: 0; font-size: 10px; }
#content-right #news-items ul li a span { display: block; font-size: 10px; }
#content-right #news-items ul li a:hover { background: #f00; background: #e3edfb; margin: 0; border: 1px solid #c8dff1; }
#content-right #news-items .bottom { background: url(../images/newsbox-br.gif) no-repeat bottom right; height: 5px; }
#content-right .side-viewall-btn { display: block; margin: 0 auto; background: url(../images/side-viewall-btn.gif) no-repeat; width: 167px; height: 30px; text-indent: -9000em; overflow: hidden; }
#content-right .side-viewall-btn:hover { background-position: bottom; }

.side-careers-btn { display: block; margin: 0 auto; background: url(../images/side-careers-btn.gif) no-repeat; width: 167px; height: 30px; text-indent: -9000em; overflow: hidden; }
.side-careers-btn:hover { background-position: bottom; }

#presentation { background: url(../images/presentation.gif) no-repeat; width: 779px; height: 158px; }
#presentation2 { background: url(../images/banner-2.jpg) no-repeat; width: 779px; height: 368px; }

#footer { margin: 0 auto; font-size: 10px; color: #aaa; text-align: left; width: 1000px; }
#footer .inner { padding: 15px; line-height: 1.8em; width:750px; }
#footer a { color: #efefef; text-decoration: underline; }
#footer a:hover { color: #fff; text-decoration: none; }

#content { padding: 20px 10px 20px 10px; height: 1%; }
#content .left-content { float: left; width: 70%; }
#content .wide-content { float: left; width: 100%; }
#content .text { padding: 15px 30px 15px 8px; line-height: 1.8em; }
#content .text h1 { margin:0px; padding:0px;}
#content .text ul { margin: 0; padding: 10px 0; list-style: none; }
#content .text ul li { padding: 6px 4px 6px 30px; background: url(../images/list-icon.gif) no-repeat 15px 50%; border-bottom: 1px solid #efefef; }
#content .sidebar { float: left; width: 20%; }

#breadcrumbs { background: #b1b1b1 url(../images/bread-left.gif) no-repeat top left; height: 1%; }
#breadcrumbs .inner { background: url(../images/bread-right.gif) no-repeat top right; height: 47px; }
#breadcrumbs ul { float: left; margin: 0; padding: 0; list-style: none; }
#breadcrumbs ul li { float: left; }
#breadcrumbs ul li.arrow { background: url(../images/breadcrumbs-arrow.gif) no-repeat 50%; width: 30px; height: 46px; }
#breadcrumbs ul li a { display: block; height: 46px; text-indent: -9000em; overflow: hidden; }
#breadcrumbs .bread-services { background: url(../images/bread-services.gif) no-repeat 50%; width: 77px; }
#breadcrumbs .bread-portfolio { background: url(../images/bread-portfolio.gif) no-repeat 50%; width: 97px; }
#breadcrumbs .bread-news { background: url(../images/bread-news.gif) no-repeat 50%; width: 50px; }
#breadcrumbs .bread-company { background: url(../images/bread-company.gif) no-repeat 50%; width: 87px; }
#breadcrumbs .bread-contactus { background: url(../images/bread-contactus.gif) no-repeat 50%; width: 109px; }
#breadcrumbs .bread-webdesign { background: url(../images/bread-webdesign.gif) no-repeat 50%; width: 80px; }
#breadcrumbs .bread-webapp { background: url(../images/bread-webapp.gif) no-repeat 50%; width: 230px; }
#breadcrumbs .bread-graphicdesign { background: url(../images/bread-graphicdesign.gif) no-repeat 50%; width: 110px; }
#breadcrumbs .bread-corpid { background: url(../images/bread-corpid.gif) no-repeat 50%; width: 140px; }
#breadcrumbs .bread-interactive { background: url(../images/bread-interactive.gif) no-repeat 50%; width: 127px; }
#breadcrumbs .bread-advertising { background: url(../images/bread-advertising.gif) no-repeat 50%; width: 85px; }
#breadcrumbs .bread-internet { background: url(../images/bread-internet.gif) no-repeat 50%; width: 141px; }
#breadcrumbs .bread-testimonials { background: url(../images/bread-testimonials.gif) no-repeat 50%; width: 95px; }
#breadcrumbs .bread-clients { background: url(../images/bread-clients.gif) no-repeat 50%; width: 52px; }
#breadcrumbs .bread-ward { background: url(../images/bread-ward.gif) no-repeat 50%; width: 110px; }
#breadcrumbs .bread-exec { background: url(../images/bread-exec.gif) no-repeat 50%; width: 104px; }
#breadcrumbs .bread-careers { background: url(../images/bread-careers.gif) no-repeat 50%; width: 75px; }

#breadcrumbs .bread-brochure { float: right; display: block; margin-top: 4px; margin-right: 2px; background: url(../images/bread-brochure.gif) no-repeat; width: 271px; height: 39px; text-indent: -9000em; overflow: hidden;  }
#breadcrumbs .bread-brochure:hover { background-position: bottom; }

/* home */
.home-lf { float: left; width: 300px; }
.home-lf h1 { margin: 0; padding: 0; background: url(../images/title-welcome.gif) no-repeat; height: 28px; text-indent: -9000em; overflow: hidden; }
.home-lf p { line-height: 1.4em; padding-right: 10px; }

.home-md { float: left; width: 199px; }
.home-md h1 { margin: 0; padding: 0; background: url(../images/home-services-title.gif) no-repeat; height: 56px; text-indent: -9000em; overflow: hidden; }
.home-md ul { margin: 0; padding: 0; list-style: none; } 
.home-md ul li {}
.home-md ul li a { display: block; text-indent: -9000em; overflow: hidden; }
.home-md ul li a.services-wd-btn { background: url(../images/services-wd-btn.gif) no-repeat; height: 37px; }
.home-md ul li a.services-ad-btn { background: url(../images/services-ad-btn.gif) no-repeat; height: 36px; }
.home-md ul li a.services-gd-btn { background: url(../images/services-gd-btn.gif) no-repeat; height: 37px; }
.home-md ul li a.services-ci-btn { background: url(../images/services-ci-btn.gif) no-repeat; height: 37px; }
.home-md ul li a.services-im-btn { background: url(../images/services-im-btn.gif) no-repeat; height: 38px; }
.home-md ul li a.services-a-btn { background: url(../images/services-a-btn.gif) no-repeat; height: 37px; }
.home-md ul li a.services-ima-btn { background: url(../images/services-ima-btn.gif) no-repeat; height: 39px; }
.home-md ul li a.services-viewall-btn { background: url(../images/services-viewall-btn.gif) no-repeat; height: 39px; }
.home-md ul li a:hover { background-position: bottom; }

.home-rg { float: right; width: 249px; }
.home-rg ul { margin: 0; padding: 0; list-style: none; } 
.home-rg ul li {}
.home-rg ul li a { display: block; text-indent: -9000em; overflow: hidden; }
.home-rg ul li a.featured-site { background: url(../images/feature-site.jpg) no-repeat 50%; height: 146px; }
.home-rg ul li a.home-portfolio-btn { background: url(../images/home-portfolio-btn.gif) no-repeat; height: 59px; }
.home-rg ul li a.home-testimonials-btn { background: url(../images/home-testimonials-btn.gif) no-repeat; height: 59px; }
.home-rg ul li a.home-clients-btn { background: url(../images/home-clients-btn.gif) no-repeat; height: 57px; }
.home-rg ul li a:hover { background-position: bottom; }

.home-btns {width: 100%;}
.home-btns a.btn1 {display: block; float: left; margin: 0; padding: 0; width: 252px; height: 174px; background: url(../images/btn1.jpg) no-repeat top; text-indent: -9000em; overflow: hidden; }
.home-btns a.btn1:hover {background: url(../images/btn1.jpg) no-repeat bottom;}
.home-btns a.btn2 {display: block; float: left; margin: 0; padding: 0;  width: 252px; height: 174px; background: url(../images/btn2.jpg) no-repeat top; text-indent: -9000em; overflow: hidden; }
.home-btns a.btn2:hover {background: url(../images/btn2.jpg) no-repeat bottom;}
.home-btns a.btn3 {display: block; float: left; margin: 0 0 0 1px; padding: 0;  width: 252px; height: 174px; background: url(../images/btn3.jpg) no-repeat top; text-indent: -9000em; overflow: hidden; }
.home-btns a.btn3:hover {background: url(../images/btn3.jpg) no-repeat bottom;}



/* end home */

/* titles */
.title-marketingsolutions { margin: 0; padding: 0; background: url(../images/title-marketingsolutions.gif) no-repeat; width: 408px; height: 34px; text-indent: -9000em; overflow: hidden; }
/* end titles */

/* Services Pg */
#services-index { margin: 0 auto; background: url(../images/services-index-bg.jpg) no-repeat; width: 748px; height: 241px; }
#services-index .inner { margin: 0 auto; width: 674px; }
#services-index .inner ul { margin: 0; padding: 0; list-style: none; }
#services-index .inner ul li { float: left; padding: 8px 1px 0 1px; width: 222px; }
#services-index .inner ul li a { display: block; width: 222px; height: 69px; text-indent: -9000em; overflow: hidden; }
#services-index .inner ul li a.services-webdesign { background: url(../images/webdesign-btn.gif) no-repeat; }
#services-index .inner ul li a.services-webapp { background: url(../images/webapp-btn.gif) no-repeat; }
#services-index .inner ul li a.services-graphicdesign { background: url(../images/graphicdesign-btn.gif) no-repeat; }
#services-index .inner ul li a.services-corpid { background: url(../images/corpid-btn.gif) no-repeat; }
#services-index .inner ul li a.services-interactive { background: url(../images/interactive-btn.gif) no-repeat; }
#services-index .inner ul li a.services-advertising { background: url(../images/advertising-btn.gif) no-repeat; }
#services-index .inner ul li a.services-internet { background: url(../images/internet-btn.gif) no-repeat; }
#services-index .inner ul li a:hover { background-position: bottom; }

.sidebar {}
.sidebar .menu { padding: 10px 0; }
.sidebar .menu img { display: block; }
.sidebar .sections { background: #ededed url(../images/sections-bg.gif) repeat-y; width: 219px; height: 1%; }
.sidebar .sections ul { margin: 0; padding: 5px 10px; list-style: none; }
.sidebar .sections ul li {  }
.sidebar .sections ul li a { display: block; padding: 10px 0 10px 35px; background: url(../images/sections-icon.gif) no-repeat 5px 50%; font-size: 12px; color: #666; height: 1%; border: 1px solid #ededed; }
.sidebar .sections ul li a:hover { padding: 10px 0 10px 10px; background: #fff url(../images/sections-btn.gif) repeat-x bottom; color: #3d6499; border: 1px solid #6893cb; }
.sidebar .sections ul li a.selected { display: block; padding: 10px 0 10px 10px; background: #fefefe; font-size: 12px; color: #999; border: 1px solid #ccc; text-decoration: none; }
.sidebar .sections .sections-top { background: #ededed url(../images/sections-top.gif) no-repeat; width: 219px; height: 2px; }
.sidebar .sections .sections-bottom { background: #ededed url(../images/sections-bottom.gif) no-repeat bottom; width: 219px; height: 2px; }

.miniMailForm { background: url(../images/miniMailForm-bg.gif) repeat-x bottom; width: 219px; text-align: center; }
.miniMailForm .miniMailForm-top { background: url(../images/miniMailForm-top.gif) no-repeat; width: 219px; height: 2px; }
.miniMailForm form { margin: 0 auto; padding: 5px 0; border-right: 1px solid #b3c9e5; border-left: 1px solid #b3c9e5; }
.miniMailForm form table { border-collapse: collapse; }
.miniMailForm form table td { padding: 6px 4px; border-bottom: 1px solid #e1e9f5; font-size: 10px; }
.miniMailForm form table td label { display: block; text-align: right; }
.miniMailForm form table td input { padding: 6px 4px; background: url(../images/input-bg.gif) repeat-x bottom; font-size: 11px; color: #666; border: 1px solid #84a7d3; }
.miniMailForm form table td .submit { padding: 0; border: 0;  }
.miniMailForm .miniMailForm-bottom { background: url(../images/miniMailForm-bottom.gif) no-repeat bottom; width: 219px; height: 2px; }

/* Clients Pg */
.SortBy { display: block; margin: 0; padding: 20px 0; }
.SortBy ul { margin: 0; padding: 0; list-style: none; }
.SortBy ul li { float: left; padding: 4px; }
.SortBy ul li label { display: block; padding: 4px; }
.SortBy ul li select { padding: 6px; font-size: 12px; }
.SortBy ul li input { padding: 1px 6px; font-size: 11px; }

.clients-panel { margin-right: 15px; }
.clients-panel h2 { margin: 0; padding: 6px 6px 6px 8px; background: #fdfdfd; font-size: 13px; color: #999; border-top: 1px solid #efefef; border-bottom: 1px dashed #ddd; }
.clients-panel ul { margin: 0; padding: 10px 0; list-style: none; }
.clients-panel ul li { padding: 4px 4px 4px 30px; background: url(../images/list-icon.gif) no-repeat 15px 50%; }

/* Testimonials Pg */
.quotes { padding: 10px; }
.quotes blockquote { margin: 0 0 10px 0; padding: 5px 20px 10px 20px; border: 1px solid #efefef; border-bottom: 2px solid #ddd; }
.quotes p { margin: 0; padding: 10px 0; font-family: "Georgia", Times New Roman, Times, serif; font-size: 12px; line-height: 1.6em; }
.quotes h4 { margin: 0; padding: 5px 0; font-size: 11px; font-weight: normal; text-align: right; }
.quotes h4 span { display: block; }

/* 4Ward Process */
.ward-top-box { margin: 0 auto; background: url(../images/ward-top-box.gif) no-repeat; width: 481px; height: 126px; }
.ward-top-box .inner { padding: 13px 20px 0 20px; font-size: 11px; color: #006eb5; line-height: 1.5em; }

/* News */
#news-list { padding: 15px 30px 15px 8px; line-height: 1.8em; }
#news-list ul.current { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #ccc; }
#news-list ul.current li { padding: 0; border-bottom: 1px solid #efefef; }
#news-list ul.current li a { display: block; padding: 0; text-decoration: none; height: 1%; cursor: pointer; }
#news-list ul.current li a span { float: left; display: block; padding: 5px 10px 10px 10px; font-size: 12px; font-weight: normal; color: #999; width: 80px; }
#news-list ul.current li a h1 { float: left; margin: 0; padding: 5px 10px 10px 10px; font-size: 14px; color: #000; border-left: 1px solid #ddd; width: 80%; }
#news-list ul.current li a:hover { display: block; padding: 0; background: url(../images/list-over.gif) repeat-x bottom; text-decoration: none; height: 1%; cursor: pointer; }

#news-list ul.old { margin: 0; padding: 0; list-style: none; }
#news-list ul.old li { padding: 0; border-bottom: 1px solid #efefef; }
#news-list ul.old li a { display: block; padding: 0; text-decoration: none; height: 1%; cursor: pointer; }
#news-list ul.old li a span { float: left; display: block; padding: 5px 16px 10px 10px; font-size: 10px; font-weight: normal; color: #999; width: 60px; }
#news-list ul.old li a h1 { float: left; margin: 0; padding: 5px 10px 10px 10px; font-size: 11px; color: #666; border-left: 1px solid #ddd; width: 80%; }
#news-list ul.old li a:hover { display: block; padding: 0; background: url(../images/old-list-over.gif) repeat-x bottom; text-decoration: none; height: 1%; cursor: pointer; }

#content .newsitem { float: left; width: 100%; }
#content .newsitem span { display: block; font-size: 12px; color: #666; }
#content .newsitem h1 { margin: 0; padding: 0 0 10px 0; font-size: 20px; color: #5483bf; border-bottom: 1px solid #efefef; }

/* Contact Us */
.contactform { float: right; padding-left: 15px; width: 60%; height: 1%; border-left: 1px solid #efefef; }
.contactform table { border-collapse: collapse; border: 1px solid #b3c9e5; }
.contactform table td { padding: 6px 8px; border-bottom: 1px solid #efefef; }
.contactform table input { padding: 6px 4px; background: url(../images/input-bg.gif) repeat-x bottom; font-size: 11px; color: #666; width: 160px; border: 1px solid #84a7d3; }
.contactform table textarea { padding: 6px 4px; background: url(../images/input-bg.gif) repeat-x bottom; font-size: 11px; color: #666; width: 160px; height: 100px; border: 1px solid #84a7d3; }
.contactform table .send { padding: 0; background: none; border: 0; width: 92px; height: 33px; }

/* Careers */
.applicationform { padding-left: 15px; width: 90%; }
.applicationform table { border-collapse: collapse; border: 1px solid #b3c9e5; }
.applicationform table td { padding: 6px 8px; border-bottom: 1px solid #efefef; }
.applicationform table input { padding: 6px 4px; background: url(../images/input-bg.gif) repeat-x bottom; font-size: 11px; color: #666; width: 160px; border: 1px solid #84a7d3; }
.applicationform table textarea { padding: 6px 4px; background: url(../images/input-bg.gif) repeat-x bottom; font-size: 11px; color: #666; width: 160px; height: 100px; border: 1px solid #84a7d3; }
.applicationform table .send { padding: 0; background: none; border: 0; width: 92px; height: 33px; }


/* Portfolio */
#content .port { padding: 15px 30px 15px 8px; line-height: 1.8em; }

#feature-box { margin: 0 auto; background: url(../images/feature-box.gif) no-repeat; width: 751px; height: 183px; }

.view-menu { margin: 0; padding: 0; list-style: none; }
.view-menu li { float: left; padding: 4px; }

.instructions td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #b1b1b1; }
.instructions td b { color: #989898; }

ul#port-list { margin: 0 0 0 15px; padding: 0; list-style: none; }
ul#port-list li { float: left; padding: 2px; }
ul#port-list li a { display: block; border: 1px solid #ccc; }
ul#port-list li a:hover { border: 1px solid #92b9f0; }

.proj-title { margin: 0; padding: 10px; font-size: 22px; font-weight: normal; color: #6e8834; }
.proj-title span { display: block; font-size: 12px; color: #999; }
#portfolio-gallery { border-collapse: collapse; }
#portfolio-gallery td { vertical-align: top; }
#portfolio-gallery #frame { background: url(../images/port-main-frame.gif) no-repeat; width: 542px; height: 260px; }
#portfolio-gallery #frame .inner { margin: 0 0 0 16px; padding: 11px 0 0 0;  overflow: hidden; width: 514px; height: 231px; }
#portfolio-gallery .gallery-list { background: #edf2f9; padding: 10px 0 10px 13px; border: 1px solid #c0d9fa; }
#portfolio-gallery .gallery-list ul { margin: 0; padding: 0; list-style: none; }
#portfolio-gallery .gallery-list ul li { float: left; margin: 2px; padding: 5px; background-image: none; background-color: #fff; border: 1px solid #a7c7f2; }
#portfolio-gallery .gallery-list ul li a { display: block; border: 1px solid #6489b8; }
#portfolio-gallery .gallery-list ul li a:hover { border: 1px solid #000; }
#portfolio-gallery .faded { color: #999; }


a.contactform-btn { display:block; width:219px; height: 51px; background: url(../images/contactbtn.gif) no-repeat top; text-indent: -9000em; overflow: hidden; text-decoration:none; }
a.contactform-btn:hover {background: url(../images/contactbtn.gif) no-repeat bottom;}


.externalLinks { margin:auto 25px; }