@import "reset.css";
@import "floatbox.css";

/*-------------------- Global --------------------*/

html, body {width: 100%; height: 100%;}
html {background: #edede6 url(../images/bg_main.png) top center repeat-x;}
body {background: url(../images/bg_interior.png) top center no-repeat; font-size: 12px; color: #282828; font-family: "Lucida Grande", Lucida Grande, Helvetica, Arial; min-width: 960px;}
body.home {background: url(../images/bg_home.png) top center no-repeat;}
body.not_products {background: url(../images/bg_interior_wide.png) top center no-repeat;}
.request {background-image: none !important; background-color: #edebe0;}
body p {margin-bottom: 15px;}
body strong {font-weight: bold;}

#container {width: 960px; margin: 0 auto -100px; position: relative; min-height: 100%; height: auto !important; height: 100%;}

h1 {background: url(../images/logo.png) 0 0 no-repeat; width: 155px; height: 77px; float: left; position: relative; left: 20px; top: 25px; z-index: 2;}

#nav_bar {background: #d1353c url(../images/nav_bg.png) top center no-repeat; height: 36px; width: 960px; font-size: 9px; overflow: visible;}

#nav_bar ul#country {list-style: none; float: left; height: 20px; margin: 7px 0 0 10px; color: #fff;}
#nav_bar ul#country li {float: left; padding: 4px 0 0 10px;}
#nav_bar ul#country li.us_btn {background: url(../images/us_btn_bg.png) top center no-repeat; height: 16px; width: 126px;}
#nav_bar ul#country li.uk_btn {background: url(../images/uk_btn_bg.png) top center no-repeat; height: 16px; width: 93px; margin-left: 10px;}
#nav_bar ul#country li a {display: block; height: 100%; width: 100%; color: #fff;}
#nav_bar ul#country li span {display: none;}

#nav_bar ul#nav {list-style: none; float: left; height: 36px; margin-left: 10px; width: 675px;}
#nav_bar ul#nav li {float: left; height: 36px;}
#nav_bar ul#nav li a {display: block; text-indent: 0; height: 36px;}

#nav_bar ul#nav li a.home {background: url(../images/nav_home.png) 0 0 no-repeat; width: 74px; text-indent: -999em;}
#nav_bar ul#nav li a.products {background: url(../images/nav_products.png) 0 0 no-repeat; width: 88px; text-indent: -999em;}
#nav_bar ul#nav li a.about {background: url(../images/nav_about.png) 0 0 no-repeat; width: 73px; text-indent: -999em;}
#nav_bar ul#nav li a.blog {background: url(../images/nav_blog.png) 0 0 no-repeat; width: 60px; text-indent: -999em;}
#nav_bar ul#nav li a.contact {background: url(../images/nav_contact.png) 0 0 no-repeat; width: 85px; text-indent: -999em;}
#nav_bar ul#nav li a.demo {background: url(../images/nav_demo.png) 0 0 no-repeat; width: 135px; text-indent: -999em;}
#nav_bar ul#nav li a.twitter {background: url(../images/twitter.png) 0 0 no-repeat; width: 150px; text-indent: -999em;}
#nav_bar ul#nav li a:hover, #nav_bar ul#nav li a.on{background-position: 0 -36px;}

ul#nav li a, .menu ul li a:visited {display:block; text-decoration:none;}
ul#nav {padding:0; margin:0; list-style: none; }
ul#nav li {float:left; position:relative;}
ul#nav li ul {display: none;}

ul#nav li:hover ul.product {display:block; position:absolute; top:0px; left:0px; width:250px; height: 43px; background: url(../images/nav_hover_bg.png) 0 0 no-repeat; padding-top: 36px;}
ul#nav li:hover ul.about {display:block; position:absolute; top:0px; left:0px; width:185px; height: 43px; background: url(../images/nav_hover_bg2.png) 0 0 no-repeat !important; padding-top: 36px;}
ul#nav li:hover ul li a {color:#fff; text-indent: 0; width: auto; position: relative; height: 25px !important; padding: 13px 3px 3px 23px; font-size: 11px;}
ul#nav li:hover ul li:hover a {text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {text-indent: -999em;}
h1 a {display: block; height: 100%; width: 100%;}

#content {clear: left; width: 737px;}
#content span {color: #e3151c; font-weight: bold;}

#content_wide {width: 960px; background: url(../images/header_bg_wide.png) 0 0 no-repeat; position: relative; top: 20px; clear: both;}
#content_wide #header {width: 960px; height: 30px; background: #d1353c url(../images/head_box_topbar_wide.png) 0 0 no-repeat;}
#content_short {width: 737px; background: url(../images/header_bg.png) 0 0 no-repeat; position: relative; top: 20px; float: left;}

.push {height: 230px;}
#footer {background-color: #fff; height: 100px; width: 100%; position: relative;}
#footer #line {border-top: 1px solid #d8d8d3; width: 100%; height: 0;}
#footer #footer_width {width: 960px; margin: 0 auto; padding-top: 30px;}
#footer h6 {background: url(../images/bond_logo.png) 0 0 no-repeat; width: 41px; height: 37px; float: left; margin-right: 24px;}
#footer ul#countries_list {list-style: none; width: 350px; float: left; margin-top: 2px;}
#footer ul#countries_list li {float: left; width: auto; margin-left: 6px; padding: 1px;}
#footer ul#countries_list li span {color: #e3151c;}
#footer p#copyright {float: right; text-align: right; line-height: 19px;}
#footer a {color: #e3151c;}

.red {color: #e3151c; text-decoration: none;}
a.red:hover {text-decoration: underline;}

ul.small {font-size: 9px !important; font-weight: normal !important; color: #999 !important; line-height: 15px !important; list-style: disc !important;}
ul.small li {list-style: disc !important;}

/*-------------------- Home --------------------*/

h1.home {background: url(../images/logo_home.png) 0 0 no-repeat; width: 232px; height: 114px; float: right; position: relative; top: 32px; left: -35px; z-index: 2;}
h2.home {background: url(../images/home_h2.png) 0 0 no-repeat; width: 375px; height: 27px; margin-bottom: 11px;}

#pie_circle {width: 535px; height: 535px; position: relative; top: 100px; left: -17px; margin-bottom: 65px; background:url(../images/home/circlebg.png) center no-repeat; }
#pie_circle div{ width:267px; height:100%; position:absolute; background-color:transparent; background-repeat:no-repeat; overflow:visible; }
#pie_circle div.left{ background-image:url(../images/home/financial.png); background-position:0px 0px; top:0px; left:0px;  }
#pie_circle div.right{ background-image:url(../images/home/healthcare.png); background-position:-263px 0px; top:0px; left:267px; }
#pie_circle div.bottom{ background-image:url(../images/home/staffing.png); background-position:0px -315px; top:320px; left:0px; width:535px; height:220px; }
#pie_circle a{ display:block; width:100%; height:100%; background:transparent; }
#pie_circle div span{ position:absolute; display:block; padding:15px; background:white; border:1px solid black; width:285px; font-size:11px; display:none; }
#pie_circle div.left span{ top:150px; left:15px; width:210px !important;}
#pie_circle div.right span{ top:150px; left:-100px;}
#pie_circle div.bottom span{ top:0px; left:260px;}
#pie_circle h2{ text-indent:0px; font-weight:bold; font-size:14px; margin-bottom:5px; }
#pie_circle ul{ list-style-type:disc !important; list-style-position:inside !important; }
#pie_circle li{ display:block; float:left; width:45%; margin-bottom:5px; padding-left:10px; background:url(../images/home/bullet.png) 0px 50% no-repeat; }

#home_right {background: url(../images/video_bg.png) 0 0 no-repeat; width: 412px; height: 500px; position: absolute; right: -15px; top: 160px;}
#home_right a.enlarge {background: url(../images/enlarge_home.png) 0 0 no-repeat; width: 114px; height: 30px; text-indent: -999em; display: block; position: absolute; top: 17px; left: 11px;}
#home_right a.enlarge:hover {background-position: 0 -30px;}
#home_right #vid {position: absolute; top: 57px; left: 11px; z-index: 3;}
#home_right #body_copy {position: absolute; top: 298px; left: 11px; width: 366px; height: 200px; line-height: 19px;}
#home_right p.arrow_p {background: url(../images/left_arrow.png) 0 6px no-repeat; padding-left: 13px; margin-left: -13px;}

ul.slides {width: 375px; height: 82px; color: #e3151c; font-size: 18px; line-height: 25px;}
ul.slides li {height: 82px;}

/*-------------------- Interior --------------------*/

#header_info {width: 700px; height: 75px; float: left; margin-top: 30px; margin-left: 52px; font-size: 11px; line-height: 18px;}
#header_info span {color: #e3151c;}
#header_info h4 {width: 310px; height: 23px; margin-bottom: 1px;}
#header_info h4.heading1 {background: url(../images/header_heading1.png) 0 0 no-repeat;}
#header_info h4.heading2 {background: url(../images/header_heading2.png) 0 0 no-repeat;}
#header_info h4.heading3 {background: url(../images/header_heading3.png) 0 0 no-repeat;}
#header_info h4.heading4 {background: url(../images/header_heading4.png) 0 0 no-repeat;}
#header_info h4.heading5 {background: url(../images/header_heading5.png) 0 0 no-repeat;}

#page_box {width: 737px; height: 310px; clear: left; float: left; position: relative; top: 20px; margin-bottom: 40px;}

#header {width: 737px; height: 30px; background: #d1353c url(../images/head_box_topbar.png) 0 0 no-repeat;}
#header ul {list-style: none; color: #fff; font-size: 11px; position: absolute; top: 6px;}
#header ul li {float: left; background: url(../images/red_arrow.png) 0 4px no-repeat; margin-left: 9px;}
#header ul li.first {background: none; margin-left: -3px;}
#header ul li a {color: #fff; text-decoration: none; padding-left: 14px;}
#header ul li a:hover {text-decoration: underline;}

#page_box h2 {width: 217px; height: 44px; position: relative; top: 15px; left: 16px;}

#video_box {width: 461px; height: 250px; position: absolute; bottom: 15px; right: 16px;}
#video_box #video {margin-top: 8px; margin-left: 8px;}
#video_box #video span {color: #e3151c;}

#request_window {width: 445px; height: 250px; position: relative; top: 20px; left: 20px; background-color: #e7e6d8;}

form#request_form {display: none; margin: 16px 0 0 8px; font-size: 11px;}
form#request_form h5 {background: url(../images/request_header.png) 0 0 no-repeat; width: 150px; height: 17px; float: left; margin-bottom: 12px;}
form#request_form em {float: right; margin: -2px 16px 0 0;}
form#request_form .field {float: left;}
form#request_form .field label {display: none;}
form#request_form .field input {width: 414px; height: 19px; background: #e7e7d8 url(../images/request_field_bg_long.png) 0 0 no-repeat; border: 0; padding: 5px 8px 0 8px; margin-bottom: 7px;}
form#request_form .field input.short {width: 195px; background: #e7e7d8 url(../images/request_field_bg_short.png) 0 0 no-repeat; margin-right: 7px;}
form#request_form textarea {width: 414px; height: 54px; background: #e7e7d8 url(../images/request_field_bg_box.png) 0 0 no-repeat; border: 0; padding: 5px 8px 5px 8px; margin-bottom: 7px; clear: both; background-attachment: fixed; font-family: "Lucida Grande", lucida grande, helvetica, arial; font-size: 11px;}
form#request_form .field input.no_marg {margin-right: 0;}
form#request_form input.button, #submit_btn {float: right; width: 62px; height: auto; background: #c52929 url(../images/btn_bg.png) 0 0 no-repeat; color: #fff; border: 0; margin-right: 16px; cursor: pointer; font-size: 11px; padding: 4px 0 7px 0;}
form#request_form input.button:hover {background-position: 0 -24px;}
form#request_form a.backtovideo {float: left; color: #282828; margin-top: 7px; text-decoration: none; font-size: 12px; cursor: pointer;}

form#request_form input.button {[padding: 4px 0 4px 0;padding: 5px 0 6px 0;]padding: 3px 0 4px 0;}/*end*/
.dummyend[id]{clear:both;}


#request_form_message {background: url(../images/requestwatermark.gif) center no-repeat; display:none;padding:20px; width:400px; height:195px; position:relative;}
#request_form_message p{ position:absolute; top:50%; left:0px; width:100%; text-align:center; }

#request_form div.field span.error{ text-align:left; visibility:hidden; color:red; font-weight:bold; }


/*\*/
* html form#request_form input.button {padding: 3px 0 4px 0;}

#fbBox #request_window {display: block !important;}

#rightside {width: 204px; float: right; position: relative; top: 20px;}

#rightside #request_box {width: 204px; height: 220px; background: url(../images/requestdemo_bg.png) top center no-repeat; position: relative;}
#rightside #request_box h3 {width: 204px; height: 56px; background: url(../images/requestdemo_header.png) top left no-repeat;}
#rightside #request_box p {position: absolute; bottom: 13px; right: 20px; text-align: right; font-size: 11px;}
#rightside #request_box a {cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -999em;}
#rightside #request_box p a {text-indent: 0; display: inline; position: relative; width: auto; height: auto; color: #282828; text-decoration: none;}

#rightside #pdf_box {width: 204px; height: 90px; background: url(../images/pdf_bg.png) top center no-repeat; position: relative;}
#rightside #pdf_box #holder {width: 101px; position: absolute; top: 16px; right: 14px; font-size: 11px;}
#rightside #pdf_box #holder h3 {width: 80px; height: 11px; background: url(../images/downloadpdf.png) top left no-repeat; margin-bottom: 5px;}
#rightside #pdf_box #holder a {position: relative; color: #282828; text-decoration: none; text-indent: 0;}
#rightside #pdf_box a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -999em; z-index: 3;}

.content-right #poll_box {width: 204px; margin: 18px 0 0 0;}
.content-right #poll_box #holder {background-color: #e4e4de; border:1px solid #ccc; padding: 8px 4px 6px 4px; margin: 0;}
.content-right #poll_box h3 {width: 204px; height: 35px; background:url(../images/wp/poll.png) top left no-repeat; text-indent: -999em !important; margin: 0 !important;}

#rightside #secondary {width: 204px; margin-top: 10px;}

#rightside #subnav {width: 204px; background-color: #e4e4de; margin-top: 18px; clear: both;}
#rightside #subnav h5 {width: 204px; height: 35px; background: url(../images/sublinks_header.png) top center no-repeat; text-indent: -999em;}
#rightside #subnav ul {width: 204px;}
#rightside #subnav ul li {width: 202px; border-left: 1px solid #d1d1c8; border-right: 1px solid #d1d1c8;height: 33px; background: url(../images/sublinks_line.png) bottom center no-repeat; overflow: hidden;}
#rightside #subnav ul li a {display: block; padding: 8px 10px 9px 29px; color: #282828; text-decoration: none; background: url(../images/sublinks_icon.png) 12px center no-repeat;}
#rightside #subnav ul li.bottom {background: url(../images/subnav_bottom.png) bottom center no-repeat;}

#body_content {padding: 20px;}
#body_content em {font-size: 15px; font-weight: bold; color: #e3151c; padding: 6px 0 6px 0; display: block;}
#body_content img.right_img {float: right; border: 6px #282828 solid; margin: 0 0 10px 20px;}
#body_content iframe {border: 6px #282828 solid; float: left;}

/*-------------------- Staffing --------------------*/

div.staffing {background: #b5b11d url(../images/header_staffing.png) top center no-repeat;}
div.staffing #video_box {background: #e7e7d8 url(../images/video_bg_staffing.png) top center no-repeat;}
#page_box h2.staffing {background: url(../images/staffing_h2.png) 0 0 no-repeat;}

/*-------------------- Healthcare --------------------*/

div.healthcare {background: #00bae6 url(../images/header_healthcare.png) top center no-repeat;}
div.healthcare #video_box {background: #e7e7d8 url(../images/video_bg_healthcare.png) top center no-repeat;}
#page_box h2.healthcare {background: url(../images/healthcare_h2.png) 0 0 no-repeat;}

/*-------------------- Financial --------------------*/

div.financial {background: #de312b url(../images/header_financials.png) top center no-repeat;}
div.financial #video_box {background: #e7e7d8 url(../images/video_bg_financials.png) top center no-repeat;}
#page_box h2.financial {background: url(../images/financials_h2.png) 0 0 no-repeat;}

/*-------------------- About --------------------*/

h2.about {background: url(../images/about_h2.png) 0 0 no-repeat; height: 28px; width: 100%; margin-bottom: 17px;}

/*-------------------- Contact --------------------*/

h2.contact {background: url(../images/contact_h2.png) 0 0 no-repeat; height: 28px; width: 100%; margin-bottom: 17px;}

#body_content #new_window {float: right; display: block; width: 230px; height: 24px; background: #e3151c url(../images/view_larger.png) 0 0 no-repeat; text-indent: -999em; position: relative; top: 2px; right: 2px;}

#body_content iframe {margin-bottom: 18px; clear: both;}

#body_content #contact_info {line-height: 20px;}
#body_content #contact_info em {display: inline;}
#body_content #contact_info em.title {font-size: 13px; padding: 0;}
#body_content #contact_info a {color: #e3151c;}

#holidays {padding: 16px !important;}
#holidays em {font-size: 15px; font-weight: bold; color: #e3151c; display: block; margin-bottom: 10px;}
#holidays ul li {line-height: 18px;}
#holidays ul li span {width: 200px; display: block; float: left; font-weight: bold;}

/*-------------------- Terms and Conditions --------------------*/

h2.terms {background: url(../images/terms_h2.png) 0 0 no-repeat; height: 28px; width: 100%; margin-bottom: 17px;}

/*-------------------- Privacy Statement --------------------*/

h2.privacy {background: url(../images/privacy_h2.png) 0 0 no-repeat; height: 28px; width: 100%; margin-bottom: 17px;}

/*-------------------- Site Map --------------------*/

h2.sitemap {background: url(../images/sitemap_h2.png) 0 0 no-repeat; height: 28px; width: 100%; margin-bottom: 17px;}
ol.sitemap {margin-left:10px;}
ol.sitemap li {margin-left:10px; padding: 5px; list-style: disc; font-size: 13px; color: #e3151c;}

/*-------------------- PDF --------------------*/

h2.pdf {background: url(../images/pdf_h2.png) 0 0 no-repeat; height: 28px; width: 100%; margin-bottom: 17px;}

ul#pdf li {background: url(../images/pdf_icon.png) 0 0 no-repeat; padding: 5px 12px 16px 55px; width: 40%; float: left; height:42px;}
ul#pdf li a {font-size: 13px; color: #e3151c;}

/* -------- Form stuff ---------------- */

ul.form{ margin-bottom:20px; }
ul.form li{ padding:3px 0px 3px 20px; display:block; }
ul.form li.heading{ padding-left:0;}
ul.form li span{ display:block; float:left; clear:left; width:150px; }

/* ----------------- BLOG ------------------- */

div.blog-content h1, div.blog-content h2, div.blog-content h3, div.blog-content h4{ text-indent:0px !important; }

div.sidebar h3{ height:35px; width:100%; }
div.sidebar ul li{ display:block; margin-bottom:10px;}
div.sidebar ul li ul, div.sidebar ul li form{ background-color: #e4e4de; border:1px solid #ccc; }
div.sidebar ul li ul li{ border:none; padding:5px 5px 5px 10px; margin-bottom:0px; }
div.sidebar ul li form{ padding:5px 5px 5px 10px; }
#body_content a, #body_content a:visited, div.sidebar a, div.sidebar a:visited{ color:#e3151c !important; }
#body_content a.rsswidget, #body_content a.rsswidget:visited{ color:#333333 !important; }

.homep a{ color:#e3151c; margin:0px; padding:0px;}

li.widget_rss{ width:31%; display:block; float:left; margin-right:10px; font-size:11px;}
li.widget_rss ul li{ margin-bottom:8px;}
div.sidebar input{ vertical-align:middle;}
div.post h2{ text-indent:0px; font-size:14px; font-weight:bold;}
div.post-small h2{ text-indent:0px; font-size:12px; font-weight:bold;}
div.content-left h3, div.content-right h3, div.entry-content h3, div.content-full h3{ text-indent:0px; font-size:13px; color:black; font-weight:bold; margin-bottom:10px;}

div.content-left{ width:60%; float:left; margin-bottom:15px; }
div.content-right{ width:35%; float:right; margin-bottom:15px; }
div.content-full{ clear:both; width:100%; margin-bottom:15px; padding-top: 8px; border-top: 1px solid #333333;}
div.rsslogos {list-style-type: none;}
div.rsslogos ul {margin:0;padding:0;}
div.rsslogos li {display: inline; float: left;}

#nav-above{ overflow:auto; padding-bottom:20px; font-size:11px; }
div.nav-previous{ float:left; }
div.nav-next{ float:right; }
div.post{ margin-bottom:20px;}
h2.page-title, h2.entry-title{ font-size:18px; margin-bottom:5px; font-weight:bold; }
h2.entry-title{clear: both; padding-left: 25px; background:url(/assets/images/h2icon.png) 0px 0px no-repeat; padding: 0 0 5px 24px;}
.entrydate {font-size: 11px;}
.author {width: 100%;}
.authorname {font-size: 14px; font-weight: bold; line-height: 140%;}
.authortitle {font-size: 12px;}
#authorpic {position: relative; float: left; margin: 0 2em 3em 0; border: 1px #ccc solid;}
a.rsswidget img{ vertical-align:center;}
a.rsswidget {color: #333333;}

.alignleft{ float:left; }
.alignright{ float:right; }
p.wp-caption-text{ color:#555; font-size:11px; font-style:italic;}

h2.bond-one { font-weight:bold; font-size:14px; font-family: "Lucida Grande", Lucida Grande, Helvetica, Arial; text-indent:0em; border: 1px solid #56080B; padding:5px; margin-top:1em; background:#e3151c;}
h2.bond-one a { color:#FFF; text-decoration:none; border}