html {min-height: 101%}
body {background:#152630 url(images/pagebg/page-bg.jpg) repeat-x top left;margin:auto;font:12px Arial, sans-serif}
/*background-image:url(images/bg_pattern.gif)*/
p {line-height:20px;color:#333;margin:0 0 15px 0;padding:0 15px 0 0;text-align:left}
ul {line-height:20px;color:#333;margin:0px;padding:0px;text-align:left;list-style-position:inside}
img {border:none}
img.img-right {float: right;margin: 0 0 8px 10px}
img.img-left {float: left;margin: 4px 10px 4px 0}
a {text-decoration:none;color:#AB1E88}
a:hover {text-decoration:underline; color:#555}
form {margin:0;padding:0}
.clear {clear:both;height:0;overflow:hidden}
.splitter {border-top:1px dashed #999;height:1px;overflow:hidden;margin:25px 0 25px 0}
span {color:#AB1E88}
.redline {border:1px solid #c00}
.phone {float:right;font:14px Verdana, Arial, sans-serif;color:#8b8b8b;margin:25px 5px 15px 5px; text-align:right}
.number {float:right; width:250px}
.tel {width:200px}
.pink_bullets li {list-style-image: url(images/bullet-pink.gif); list-style-position:inside; padding-left:15px; vertical-align:middle}
.pink_bullets ul {padding-top:8px}
.pink_bullets_clear li {list-style-image: url(images/bullet-pink.gif); list-style-position:inside; vertical-align:middle}

.bug_bullets ul {margin: 0 0 20px 25px}
.bug_bullets li {list-style-image: url(images/bullet-pink.gif); list-style-position:outside; vertical-align:middle}
hr{background-color:#fff;border:#aaa 1px dotted;border-style: none none dotted;color:#fff; margin:20px 0 20px 0}

/*-------------------------- Main Container --------------------------*/
.container {width:980px;height:100%;margin:auto;background-color:#fff;padding:0 0 20px 0}

/*-------------------------- Header Homepage--------------------------*/
.header {width:944px;margin:auto}

/*-------------------------- Navigation --------------------------*/
#nav {padding:0;margin:15px 0 0 0;height:40px;width:944px;font-family:arial, sans-serif;font-size:12px}
#nav .itemContainer {float:left;height:40px;width:134px;border-right:1px solid white;position:relative;display:block;background-color:#AB1E88;padding:0;margin:0;text-decoration:none;cursor:pointer}
#nav .itemContainer .item {position:absolute;bottom:0px;left:0px;width:134px;height:1px;overflow:hidden;background-color:#fff;display:block;padding:0;margin:0}
#nav .itemContainer .label {position:absolute;bottom:10px;right:12px;color:#fff;font-size:14px}
#nav .bordernull {border-width:0px}

/*-------------------------- Header --------------------------*/
.intro_banner {margin:15px 35px 0 0;position:relative; width:670px; float:left; background: url(images/promos/banner.jpg) no-repeat; height:224px}
.intro_banner a {position:relative; top:140px; left:16px}
.bugit360 {margin:15px 0 0 0; height:218px}
.intro_text {width:400px}

/*-------------------------- Page Copy --------------------------*/
h1 {font:32px Arial, sans-serif;line-height:20px;color:#8c8b8b;margin:0; padding:0}
h2 {font:18px Arial, sans-serif;line-height:20px;color:#ab1e88;margin:0; padding:10px 0 20px 0}
h3 {font:16px Verdana, Arial, sans-serif;color:#333;padding:5px 0 0 5px; margin-top:0}
h4 {font:16px Verdana, Arial, sans-serif;color:#ab1e88;margin:0; padding:10px 0 10px 0}
h5 {font:14px Verdana, Arial, sans-serif;color:#333;padding:0; margin:0}

/*-------------------------- Bread Crumbs --------------------------*/
#breadcrumb {margin-left: 255px; padding-top:25px}
#breadcrumb ul {margin:0px;padding:0px;display:inline;border:none}
#breadcrumb ul li {margin:0;padding:0;border:none;list-style:none;display:inline;line-height:20px}
#breadcrumb ul li a {text-decoration:none;color:#AB1E88}
#breadcrumb ul li a:hover {color:#333}
.bdybreadcrumb {margin-top:-10px; padding-top:0; position:relative}
.bdybreadcrumb ul {margin:0px;padding:0px;display:inline;border:none}
.bdybreadcrumb ul li {margin:0;padding:0;border:none;list-style:none;display:inline;line-height:20px}
.bdybreadcrumb ul li a {text-decoration:none;color:#AB1E88}
.bdybreadcrumb ul li a:hover {color:#333}

/*-------------------------- Main Column Homepage --------------------------*/
.main_column {border-top:3px solid #AB1E88;float:left;width:413px;margin:10px 22px 0 0;padding:20px 0 0 10px;display:inline}
.intro_links {padding:0;clear:both}
.intro_links p {margin:0}
.intro_links ul {font-family:verdana, sans-serif;line-height:20px;list-style:none;padding:10px 0 0 0;margin:0; list-style:outside}
.intro_links li a {color:#AB1E88; text-decoration:none}
.intro_links li a:hover {color:#AB1E88;text-decoration:underline}

.reviews {width:216px;border:1px solid #c00; float:right}
.serv-promo {margin-bottom:10px; position:relative; right:3px}
/*-------------------------- Header --------------------------*/
.header_body {width:944px;height:170px;margin:auto}

/*-------------------------- Main Column --------------------------*/

.main_body {float:left;width:630px;margin:0 22px 0 19px;padding:10px 0 0 4px;display:inline;  background-color:#fff}
.list {margin:20px}

.services-brief {}
.services-thumbs {height:120px; width:260px;font-size: 11px;border-bottom: 1px dotted #999;margin:10px 50px 20px 0;float:left}
.services-thumbs img {margin: 4px 10px 5px 0; float:left}
.services-thumbs dd {padding-top:5px}
.services-thumbs dd a:link, .services-thumbs dd a:visited {text-decoration: none; color:#333}
.services-thumbs dd a:hover {color: #AB1E88; text-decoration:none}
.services-thumbs dt {font-size: 16px;padding-bottom:10px; color:#AB1E88}
.services-thumbs dt a:link, .services-thumbs dt a:visited {text-decoration: none}
.services-thumbs dt a:hover {color: #AB1E88; text-decoration:underline}

.about_us {width:380px; float:left}


/*======== Portfolio ================================================*/
.portfoliocontent {width:650px}
.thumbs {float: left;height:250px;font-size: 11px;color: #666;border-bottom: 1px dotted #999; width:200px; margin:20px 15px 20px 0; padding-bottom:20px}
.thumbs dd {margin: 0 0 5px 0}
.thumbs dt {font-size: 14px;padding-bottom: 10px;color: #AB1E88}
.thumbs a:link, .thumbs a:visited {text-decoration: none;color: #AB1E88;font-weight: bold}
.thumbs a:hover {color: #d877ca}

/*-------------------------- left Column --------------------------*/
.left_column {border-top:3px solid #AB1E88;float:left;width:235px;margin:10px 20px 0 18px;padding:20px 0 0 0;display:inline}
.services {font: 11px Verdana, Arial, sans-serif;width:235px; margin:5px 0 15px 0;clear:both}
.services img {float:left; margin:0; padding:0 4px 0 0}
.services p {line-height:normal; padding:8px 0 0 0; color:#666; margin:0}
.services a {color:#ab1e88; text-decoration:none; font-size:11px; font-weight:bold}
.services a:hover {text-decoration:underline}

/*-------------------------- Right Column --------------------------*/
.right_column {border-top:3px solid #AB1E88;float:left;width:245px;margin:10px 0 0 0;padding:20px 0 0 3px;display:inline}
.right_column_body {float:left;width:245px;margin:5px 0 0 0;padding:5px 0 0 0;display:inline}
.right_body {float:right;width:245px;margin:5px 15px 0 0;padding:0;display:inline}
.box_services {width:236px; margin:auto;padding-bottom:15px}
.box_services div { margin-top:-10px}
.box_services ul {list-style:none}
*html .box_services li {height:10px; margin-left:-14px}
a.subservices {padding: 5px 0 5px 30px;display: block;color: #2A343A;text-decoration: none;background: url(Images/bg_submenu.gif) no-repeat bottom left; font-weight:bold}
a.subservices:hover,a.subservices:active {color: #AB1E88;background: url(Images/bg_submenu01.gif) no-repeat bottom left; text-decoration:none}

.box_grey {width:215px; margin:20px auto 0 auto; background: url(Images/bg_box.gif); height:146px}

/*-------------------------- Footer --------------------------*/
#footer {padding:10px 0 0 0;margin:40px 20px 0 20px;font-family:verdana, sans-serif;font-size:12px;border-top:1px solid #AB1E88}
#footer ul {margin:0;padding:0;display:inline;border:none}
#footer ul li {margin:0;padding:0 10px 0 0;border:none;list-style:none;display:inline}
#footer ul li a {text-decoration:none;color:#AB1E88}
#footer ul li a:hover {color:#333}

/*-------------------------- Results Page --------------------------*/
.results {width:650px}
.resultBox {padding:10px 10px 10px 10px; float:left;border:1px solid #ddd; margin-bottom:15px}
.onlyleads {background:url(images/portfolio/onlyleads.gif) no-repeat 0 0}
.onlyinsurance {background:url(images/portfolio/onlyinsurance.gif) no-repeat 0 0}
.onlyfinance {background:url(images/portfolio/onlyfinance.gif) no-repeat 0 0}
.onlyconv {background:url(images/portfolio/onlyconv.gif) no-repeat 0 0}
.ad {background:url(images/portfolio/ad.gif) no-repeat 0 0}
.resultsimg {width:130px}
.resultTitle {font-size:16px}
.resultText {float:left;width:370px; padding-top:40px; margin-right:15px; padding-right:15px; line-height:14px; border-right:1px dotted #333; font-size:11px}
.resultKeywords {float:left;width:220px; padding-top:15px}
.resultKeywords ul {padding-top:10px; font-size:11px}
.resultKeywords li {list-style: url(images/bullet-pink.gif) inside;vertical-align:middle}

/* Sitemap Styler */
#sitemap, #sitemap ul, #sitemap li{padding:0;list-style:none; font-size:12px}
#sitemap li{line-height:22px;margin-top:1px;position:relative;width:100%}
* html #sitemap li {float:left;display:inline}
#sitemap li a {padding-left:28px}
#sitemap li span {float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0}
#sitemap li span, #sitemap li span.collapsed {background:url(images/sitemapstyler/collapsed.gif) no-repeat 0 0} 
#sitemap li span.expanded {background:url(images/sitemapstyler/expanded.gif) no-repeat 0 0}

/* sub levels */
#sitemap li ul {margin-left:28px;background:url(images/sitemapstyler/line1.gif) repeat-y}
#sitemap li li {background:url(images/sitemapstyler/line2.gif) no-repeat 0 0}
#sitemap:after, #sitemap ul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
#sitemap, #sitemap ul{display:block}
#sitemap, #sitemap ul{min-height:1%}
* html #sitemap, * html #sitemap ul{height:1%}
#sitemap ul{display:none}

/* contact form */
.inputbg {background:url(images/input-bg.jpg) no-repeat 3px left; height:34px; width:280px; padding-left:2px; vertical-align:middle}
.contact td {padding:2px 0 2px 4px}
.contact-bg {border: 1px solid #e0dfdf;margin: 0;padding: 20px 2px 5px 20px;width: 545px;float: left;clear: left;position:relative}
.contact-heading {visibility: visible;line-height: 130%;font-size: 14px;color: #74838E;font-weight: bold;height: auto;margin-top:-30px;background-color:#fff;margin-left: -10px;padding: 0 10px;position:absolute}
.vcard {line-height:18px; border-bottom:1px solid #ccc; padding-bottom:10px; margin-right:10px}
/* accordion */
.accordion h4.seo {background-image: url(images/headings/seo.png)}
.accordion h4.seo.selected {background-image: url(images/headings/seo_selected.png)}
.accordion h4.ppc {background-image: url(images/headings/ppc.png)}
.accordion h4.ppc.selected {background-image: url(images/headings/ppc_selected.png)}
.accordion h4.affiliate {background-image: url(images/headings/affiliate.png)}
.accordion h4.affiliate.selected {background-image: url(images/headings/affiliate_selected.png)}
.accordion h4.social {background-image: url(images/headings/social.png)}
.accordion h4.social.selected {background-image: url(images/headings/social_selected.png)}
.accordion h4 span, .accordion h4.selected span {cursor: pointer !importamt;display: block;padding: 11px 18px 0 18px}
.accordion h4.selected span, .accordion h4.selected span {color: #ffffff}
.accordion div, .accordion-selected div {padding: 10px 10px 10px 20px}
.accordion div.logos  img{border:1px solid #CCCCCC;margin: 10px 0 6px 20px;padding: 10px}
.accordion, .accordion-selected {padding: 5px 0 5px}
.accordion h4, .accordion h4.selected {background-color: #ededed;background-image: url(/images/branding/pr-section/pr-section-li-1.png);background-repeat: no-repeat;background-position: left top;font-size: 1.3em;font-weight: bold;width: 640px;height: 43px;padding: 0;margin: 0 0 5px 0;cursor: pointer}
.custom h4, .custom h4.selected {text-indent: -999em}

.accordion h4.mining {background-image: url(images/headings/mining.jpg)}
.accordion h4.mining.selected {background-image: url(images/headings/mining_selected.jpg)}
.accordion h4.landing {background-image: url(images/headings/landing.jpg)}
.accordion h4.landing.selected {background-image: url(images/headings/landing_selected.jpg)}
.accordion h4.accmanagement {background-image: url(images/headings/accmanagement.jpg)}
.accordion h4.accmanagement.selected {background-image: url(images/headings/accmanagement_selected.jpg)}
.accordion h4.shopping {background-image: url(images/headings/shopping.jpg)}
.accordion h4.shopping.selected {background-image: url(images/headings/shopping_selected.jpg)}
.accordion h4.tracking {background-image: url(images/headings/tracking.jpg)}
.accordion h4.tracking.selected {background-image: url(images/headings/tracking_selected.jpg)}


.tips p {padding-left:45px; padding-right:60px}

.BodyQuote {float:right;width:196px;height:272px;overflow:hidden;background-image: url(images/promos/aboutUsQuoteBox.gif);background-repeat: no-repeat;margin-right:12px;padding:20px 0 10px 20px;margin-left:20px;margin-bottom:10px}
.BodyQuote p {font-size:12px; line-height:15px !important}
.BodyQuote a {text-decoration:underline; color:#333}
.basic_rules{width:630px; margin-top:40px}
.basic_rules h5{width:110px; float:left; height:400px }
.the_rules{display:block;float:left;width:480px; margin-left:25px}
.the_rules span {color:#333; line-height:normal; font-size:11px}
.rules {width:170px}
/* test */
#foo .hover {display: none}
#foo:hover .hover {display: block}
#foo:hover .not {display: none}
#foo {display:block}
.not {width:110px; height:170px; float:left; margin-right:18px; background-color:#f1f1f1; margin-bottom:20px;padding:15px}
.hover {width:110px; height:170px; float:left; margin-right:18px; background-color:#AB1E88; margin-bottom:20px;color:#fff;padding:15px}
/* end test */

.callback {position: relative;width: 237px;min-height: 38px;height: auto !important;height: 38px;float: left;margin-bottom: 2px;background: transparent url(images/request-information-bg.gif) no-repeat top left; font-size:11px}
.callback-title {display: block;color: #888;padding: 15px 0 4px 14px;font-weight: bold}
.request-form {display: block;color: #888;padding: 15px 0 15px 15px;font-weight: bold}
.callbackform {background: transparent url(images/request-information-inner.gif) no-repeat bottom;padding: 0 14px 15px 14px;margin: 0;color: #828f99;font-weight: bold;border:none}
.cbformtext {background: #fff url(images/request-form-input.gif) no-repeat 0 0;width: 201px;padding: 6px 4px 4px 4px;height: 21px;border: none;display: inline;margin: 0 0 12px 0;color: #828F99;font-weight: normal}
.cbformtext-error {border:1px solid #c00}
.callbackform textarea.cbformtext {background: #fff url(images/request-form-textarea.gif) no-repeat 0 0;display: block;height: 73px;color: #828F99;font-weight: normal;margin: 0}
.callbackform label {margin:0 0 4px 0;display: block}
.callbackform label span.error {color:#888}
.request-submit {width:83px;height:26px;margin: -25px 0 0 0;border: none;cursor: pointer;float: right;text-indent: -9999px;line-height: 32px}

/**/
.g-clear:after {content:" ";display:block;clear:both;height:0;}
.g-clear{display:inline-block;}
html[xmlns] .g-clear {display:block;}
* html .g-clear {height:1%;}

.green-box-wide {background: #fff url(images/green-box-wide-top.gif) no-repeat 0 0;padding: 10px 0 0 0;width: 620px;margin: 25px 15px 25px 0}	
.green-box-wide-inner {background: url(images/green-box-wide-bot.gif) no-repeat 0 100%;padding: 0 10px 10px 0}	
.green-box-wide	.green-box-wide-col1 {width:365px;margin: 0 20px 0 0;float: left}
.green-box-wide	.green-box-wide-col2 {width:225px; float: left}

.green-box-wide h3 {padding-left:15px; margin-bottom:5px}
.green-box-wide ul {list-style-image: url(images/li_item.gif);overflow:hidden;padding:0 5px 5px 30px; list-style-position:outside; line-height:24px}


.corporate-brochures-inner {background: url(images/tweet.gif) no-repeat top left;width: 603px;min-height: 258px}
.corporate-brochures-inner ul {list-style-image: url(images/li_item.gif);overflow:hidden;padding:0 5px 5px 30px; list-style-position:outside; line-height:24px; margin-left:220px}
.corporate-brochures-inner h3 {padding-left:15px; margin-bottom:4px; padding-top:20px;margin-left:220px}

.character {float:left}
.team {width:550px;margin:0 0}


#character {height: 120px}
#character.fade img {filter: alpha(opacity=50);opacity: .5}
#character a.active img {filter: alpha(opacity=100);opacity: 1;}