/* --------- /stylesheets/public.css --------- */ 
* {
  margin: 0;
  padding: 0;
  outline: 0;
}

html {
  overflow-y: scroll;
}

body {
  background-color: #2e2e2e;
  color: #333;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
}

input, select, textarea {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
}

h2.page-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 14px;  
}

h3 {
  color: #666;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

h3.with-subtitle {
  margin-bottom: 2px;
}

h4.subtitle {
  color: #666;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

p {
  line-height: 16px;
  margin-bottom: 4px;
}

em {
  font-style: normal;
  font-weight: bold;
}

dl {
  width: 400px;
}

dl dt {
  font-weight: bold;
  margin-bottom: 2px;
}

dl dd {
  margin: 0 0 10px 8px;
}

a {
	color: #0078bc;
  text-decoration: none;
}	

a:hover {
	color: #48afe0;
}

a img {
  border: none;
}


/**********
 * LAYOUT *
 **********/

#page {
  background-color: #fff;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  margin: 0 auto;
  position: relative;
  width: 815px;
}

#content {
  position: relative;
}

#content .content {
  padding: 35px;
}

#content .content ol, 
#content .content ul {
  margin: 0 0 8px 20px;
}

#content .content ol li, 
#content .content ul li {
  margin-bottom: 4px;
}

body.site-section #page.about-us-page ul {
  
}

body.site-section #page.about-us-page ul li {
  margin-bottom: 8px;
}

body.site-section #page.about-us-page ul li ul {
  margin-bottom: 4px;
  margin-top: 4px;
}

body.site-section #page.about-us-page ul li ul li {
  margin-bottom: 4px;
  
}

/**********
 * HEADER *
 **********/

#header {
  height: 102px;
  position: relative;
}

h1#logo {
  height: 56px;
  right: 20px;
  position: absolute;
  top: 30px;
  width: 106px;
  z-index: 10;
}

h1#logo a {
  background: url(/images/logo.gif) left top no-repeat;
  display: block;
  height: 56px;
  overflow: hidden;
  text-indent: -9999px;
  width: 106px;
}

h2#phone {
  background: url(/images/phone.gif) left top no-repeat;
  height: 17px;
  left: 20px;
  position: absolute;
  text-indent: -9999px;
  top: 70px;
  width: 380px;
}

ul#menu {
  background: url(/images/menu_bg.jpg) left top repeat-x;
  list-style: none;
  margin-bottom: 2px;
  overflow: hidden;
  padding-left: 15px;
  zoom: 1;
}

ul#menu li {
  float: left;
}

ul#menu li a {
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-indent: -999px;
}

ul#menu li.current a,
ul#menu li a:hover {
  background-position: left bottom;
}

ul#menu li.home a {
  background-image: url(/images/menu/home.jpg);
  width: 63px;
}

ul#menu li.about a {
  background-image: url(/images/menu/about_us.jpg);
  width: 69px;
}

ul#menu li.products a {
  background-image: url(/images/menu/products.jpg);
  width: 92px;
}

ul#menu li.case-studies a {
  background-image: url(/images/menu/case_studies.jpg);
  width: 111px;
}

ul#menu li.news a {
  background-image: url(/images/menu/news.jpg);
  width: 62px;
}

ul#menu li.links a {
  background-image: url(/images/menu/links.jpg);
  width: 63px;
}

ul#menu li.contact a {
  background-image: url(/images/menu/contact_us.jpg);
  width: 84px;
}

ul#menu li.requests a {
  background-image: url(/images/menu/requests.jpg);
  width: 88px;
}

ul#menu li.downloads a {
  background-image: url(/images/menu/downloads.jpg);
  width: 105px;
}

ul#menu li.screencasts a {
  background-image: url(/images/menu/screencasts.jpg);
  width: 111px;
}


/***********
 * SUBMENU *
 ***********/

ul#submenu {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  right: 20px;
  top: 6px;
  zoom: 1;
}

ul#submenu li {
  display: block;
  float: left;
  margin-left: 10px;
}

ul#submenu li a {
  color: #999;
  display: block;
  font-weight: bold;
}

ul#submenu li.selected a,
ul#submenu li a:hover {
  color: #333;
}


/**********
 * BANNER *
 **********/

#banner {
  background: url(/images/banner.gif) left top no-repeat;
  height: 100px;
  margin-bottom: 2px;  
  position: relative;
}

#banner h2#page_title {
  background-position: left top;
  background-repeat: no-repeat;
  bottom: 10px;
  height: 24px;
  left: 35px;
  position: absolute;
  text-indent: -999px;
  width: 370px;
}

#banner h2#page_title.about-us {
  background-image: url(/images/headings/about_us.gif);
}

#banner h2#page_title.awards {
  background-image: url(/images/headings/awards.gif);
}

#banner h2#page_title.contact-us {
  background-image: url(/images/headings/contact_us.gif);
}

#banner h2#page_title.disclaimer {
  background-image: url(/images/headings/disclaimer.gif);
}

#banner h2#page_title.privacy-policy {
  background-image: url(/images/headings/privacy_policy.gif);
}

#banner h2#page_title.page-not-found {
  background-image: url(/images/headings/page_not_found.gif);
}

body.case-studies-section #banner h2#page_title {
  background-image: url(/images/headings/case_studies.gif);
}

body.downloads-section #banner h2#page_title {
  background-image: url(/images/headings/downloads.gif);
}

body.links-section #banner h2#page_title {
  background-image: url(/images/headings/links.gif);
}

body.news-section #banner h2#page_title {
  background-image: url(/images/headings/news.gif);
}

body.products-section #banner h2#page_title {
  background-image: url(/images/headings/products_and_services.gif);
}

body.requests-section #banner h2#page_title {
  background-image: url(/images/headings/requests.gif);
}

body.screencasts-section #banner h2#page_title {
  background-image: url(/images/headings/screencasts.gif);
}

body.sessions-section #banner h2#page_title {
  background-image: url(/images/headings/login.gif);
}


/********************
 * HOMEPAGE BANNERS *
 ********************/

body.site-section #page.index-page #banner {
  height: auto;
}

body.site-section #page.index-page #banner h2 {
  display: none;
}

body.site-section #page.index-page #banner a {
  background: url(/images/homepage_banner.jpg) left top no-repeat;
  display: block;
  height: 213px;
  text-indent: -999px;
}

#philosophy {
  background: url(/images/philosophy.gif) left top no-repeat;
  height: 86px;
  overflow: hidden;
}

#philosophy h2 {
  display: none;
}

#philosophy a {
  background: url(/images/award.jpg) left top no-repeat;
  display: block;
  float: right;
  height: 86px;
  margin-right: 20px;
  text-indent: -999px;
  width: 110px;
}


/********************
 * HOMEPAGE CONTENT *
 ********************/

body.site-section #page.index-page #content .content {
  padding: 20px;
}

body.site-section #page.index-page .two-columns .left-column {
  margin-right: 30px;
  width: 240px;
}

body.site-section #page.index-page .two-columns .right-column {
  width: 505px;
}

body.site-section #page.index-page #content .content img.truck {
  float: right;
}

body.site-section #page.index-page #content .content p.our-mates {
  margin-top: 12px;
}

#call_to_action {
  background: url(/images/box_bg.jpg) left top no-repeat;
  color: #5F5F5F;
  height: 132px;
  margin-top: 20px;
}

#call_to_action .content {
  padding: 22px 40px;
}

#call_to_action h3 {
  font-size: 16px;
  margin-bottom: 5px;
}

#call_to_action a.bulleted {
  margin-top: 10px;
}

#news_feed {
  margin-top: 14px;
}


/**********
 * AWARDS *
 **********/
  
body.site-section #page.awards-page ul.awards {
  margin: 22px 0 30px;
  list-style: none;
  overflow: hidden;
  padding: 0;
  zoom: 1;
}

body.site-section #page.awards-page ul.awards li {
  border: 1px solid #eee;
  float: left;
  margin-right: 7px;
  padding: 1px;
}

body.site-section #page.awards-page ul.awards li.award4 {
  margin-right: 0;
}

body.site-section #page.awards-page ul.awards li a {
  background-position: left top;
  background-repeat: no-repeat;  
  display: block;
  overflow: hidden;
  text-indent: -999px;
}

body.site-section #page.awards-page ul.awards li:hover {
  border-color: #ccc;
}

body.site-section #page.awards-page ul.awards li.award1 a {
  background-image: url(/images/managemate/award1.gif);
  height: 224px;
  width: 158px;
}

body.site-section #page.awards-page ul.awards li.award2 a {
  background-image: url(/images/managemate/award2.gif);
  height: 224px;
  width: 158px;
}

body.site-section #page.awards-page ul.awards li.award3 a {
  background-image: url(/images/managemate/award3.jpg);
  height: 224px;
  width: 162px;
}

body.site-section #page.awards-page ul.awards li.award4 a {
  background-image: url(/images/managemate/award4.jpg);
  height: 192px;
  width: 228px;
}

body.site-section #page.awards-page .main-caption {
  background: url(/images/product_box_bg.jpg) left top no-repeat;
  color: #5f5f5f;
  height: 112px;
  margin-top: 20px;  
}

body.site-section #page.awards-page .content .main-caption .content {
  padding: 22px;
}

body.site-section #page.awards-page .content .main-caption .content strong {
  font-size: 16px;
  margin-bottom: 5px;
}

body.site-section #page.awards-page .content .main-caption .content a.bulleted {
  margin-top: 12px;
}


/***********************
 * PRODUCTS & SERVICES *
 ***********************/

body.products-section .content .products-and-services {
  background: right top url(/images/components.jpg) no-repeat;
  min-height: 487px;
	/* Start IE6 min-height hack */
	height: auto !important;
	height: 487px;
	/* End IE6 min-height hack */
  padding-right: 380px;
}

body.products-section .content .services p {
  margin-bottom: 8px;
}

body.products-section .content .services li {
  font-weight: bold;
}

body.products-section .content div.products {
  margin-top: 20px;
}

body.products-section .content ul.products {
  list-style: none;
  margin: 16px 0 0 !important;
}

body.products-section .content ul.products li {
  border-bottom: 1px solid #ccc;
  margin-bottom: 0 !important;
  padding: 10px 0;
}

body.products-section .content ul.products li.first {
  border-top: 1px solid #ccc;
}

body.products-section .content ul.products li h5 {
  color: #89cd23;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 3px;
}

body.products-section .content ul.products li .summary {
  color: #888;
}

body.products-section .content ul.products li .summary p {
  font-size: 11px;
  line-height: 13px;
  margin: 0 0 3px 0;
}

body.products-section .content ul.products li a.more {
  font-size: 11px;
}

body.products-section #page.show-page .content {
  padding-top: 55px;
}

body.products-section #page.show-page .content h2.tagline {
  color: #333;
  font-size: 24px;
  font-weight: bold;
  line-height: 25px;
  margin-bottom: 25px;
}

body.products-section #page.show-page .content h2.tagline strong {
  color: #8aca1c;
  font-weight: bold;
}

body.products-section #page.show-page .content .two-columns p {
  margin: 0 0 6px 0;
}

body.products-section #page.show-page .content .two-columns li {
  font-weight: bold;
}

body.products-section #page.show-page .content .two-columns .right-column {
  float: right;
}

body.products-section #page.show-page .content ul.pdfs {
  list-style: none;
  margin: 20px 0 0 0;
}

body.products-section #page.show-page .content ul.pdfs li {
  font-weight: bold;
  margin: 3px 0 0 0;
}

body.products-section #page.show-page .content .gallery {
  margin-top: 20px;  
  overflow: hidden;
  zoom: 1;
}

body.products-section #page.show-page .content .gallery .gallery-image {
  display: block;
  float: left;
  margin: 0 0 5px 5px;
}

body.products-section #page.show-page .content .gallery .first-in-row {
  margin-left: 0;
}

body.products-section #page.show-page .content .gallery a {
  display: block;
}

body.products-section #page.show-page .content .gallery a img {
  display: block;
}

body.products-section #page.show-page .content .gallery .caption {
  color: #666;
  font-size: 10px;
  line-height: 12px;
  display: block;
}

body.products-section #page.show-page .content .gallery .caption p {
  margin: 4px 0 0 0;
}

body.products-section #page.show-page .content .main-caption {
  background: url(/images/product_box_bg.jpg) left top no-repeat;
  color: #5F5F5F;
  height: 112px;
  margin-top: 20px;  
}

body.products-section #page.show-page .content .main-caption .content {
  padding: 22px;
}

body.products-section #page.show-page .content .main-caption .content strong {
  font-size: 16px;
  margin-bottom: 5px;
}

body.products-section #page.show-page .content .main-caption .content a.bulleted {
  margin-top: 12px;
}


/****************
 * CASE STUDIES *
 ****************/

body.case-studies-section .content .case-studies {
  background: right top url(/images/case_studies.jpg) no-repeat;
  min-height: 487px;
	/* Start IE6 min-height hack */
	height: auto !important;
	height: 487px;
	/* End IE6 min-height hack */
  padding-right: 380px;
}

body.case-studies-section .content .intro {
  margin-bottom: 20px;
}

body.case-studies-section .content .intro p {
  margin-bottom: 8px;
}

body.case-studies-section .content .intro li {
  font-weight: bold;
}

body.case-studies-section .content ul.list {
  list-style: none;
  margin: 16px 0 0 !important;
}

body.case-studies-section .content ul.list li {
  border-bottom: 1px solid #ccc;
  margin-bottom: 0 !important;
  padding: 10px 0;
}

body.case-studies-section .content ul.list li.first {
  border-top: 1px solid #ccc;
}

body.case-studies-section .content ul.list li h5 {
  color: #89cd23;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 3px;
}

body.case-studies-section .content ul.list li .summary {
  color: #888;
}

body.case-studies-section .content ul.list li .summary p {
  font-size: 11px;
  line-height: 13px;
  margin: 0 0 3px 0;
}

body.case-studies-section .content ul.list li a.more {
  font-size: 11px;
}

body.case-studies-section #page.show-page .content .two-columns .right-column {
  float: right;
}

body.case-studies-section #page.show-page .content .caption {
  color: #666;
  font-size: 10px;
  padding-top: 2px;
}

body.case-studies-section #page.show-page .content .caption p {
  line-height: 13px;
  margin: 4px 0 0 0;
}

body.case-studies-section #page.show-page .content .description {
}

body.case-studies-section #page.show-page .content .description p {
  margin-bottom: 8px;
}

body.case-studies-section #page.show-page .content .description ul {
  color: #89cd23;
  margin-bottom: 12px;
}

body.case-studies-section #page.show-page .content .diagram {
  margin-top: 30px;
}

body.case-studies-section #page.show-page .content .diagram img {
  display: block;
}

body.case-studies-section #page.show-page .content .feature-images {
  margin-top: 4px;
}

body.case-studies-section #page.show-page .content .feature-images .feature-image {
  margin-bottom: 20px;
}

body.case-studies-section #page.show-page .content .feature-images img {
  display: block;
}

body.case-studies-section #page.show-page .content .benefits {
  background-color: #c0dd00;
  margin-top: 30px;
}

body.case-studies-section #page.show-page .content .benefits .top {
  background: url(/images/benefits_bg_top.gif) left top no-repeat;
  height: 11px;
}

body.case-studies-section #page.show-page .content .benefits .bottom {
  background: url(/images/benefits_bg_bottom.gif) left top no-repeat;
  height: 11px;
}

body.case-studies-section #page.show-page .content .benefits .content {
  padding: 5px 16px 0;
}

body.case-studies-section #page.show-page .content .benefits h4 {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
}

body.case-studies-section #page.show-page .content .benefits ul {
  margin: 10px 0 14px 15px;
}

body.case-studies-section #page.show-page .content ul.pdfs {
  list-style: none;
  margin: 20px 0 0 15px;
}

body.case-studies-section #page.show-page .content ul.pdfs li {
  font-weight: bold;
  margin: 3px 0 0 0;
}

body.case-studies-section #page.show-page .content .gallery {
  margin-top: 40px;  
  overflow: hidden;
  zoom: 1;
}

body.case-studies-section #page.show-page .content .gallery h3 {
  background: url(/images/implementation_bg.gif) left top no-repeat;
  font-weight: normal;
  height: 39px;
  line-height: 39px;
  margin-bottom: 16px;
  text-align: center;
  text-transform: none;
}

body.case-studies-section #page.show-page .content .gallery .gallery-image {
  display: block;
  float: left;
  margin: 0 0 5px 5px;
}

body.case-studies-section #page.show-page .content .gallery .first-in-row {
  margin-left: 0;
}

body.case-studies-section #page.show-page .content .gallery a {
  display: block;
}

body.case-studies-section #page.show-page .content .gallery a img {
  display: block;
}

body.case-studies-section #page.show-page .content .gallery .caption {
  color: #666;
  font-size: 10px;
  line-height: 12px;
  display: block;
}

body.case-studies-section #page.show-page .content .gallery .caption p {
  margin: 4px 0 0 0;
}


/********
 * NEWS *
 ********/

body.news-section .content .news-stories {}

body.news-section .content .intro {
  background: url(/images/news.jpg) right top no-repeat;
  margin-bottom: 20px;
  min-height: 213px;
  /* Start IE6 min-height hack. */
  height: auto !important;
  height: 213px;
  /* End IE6 min-height hack. */
  padding-right: 320px;
}

body.news-section .content .intro p {
  margin-bottom: 8px;
}

body.news-section .content .intro li {
  font-weight: bold;
}

body.news-section .content ul.list {
  list-style: none;
  margin: 16px 0 0 !important;
}

body.news-section .content ul.list li {
  border-bottom: 1px solid #ccc;
  margin-bottom: 0 !important;
  padding: 10px 0;
  overflow: hidden;
  zoom: 1;
}

body.news-section .content ul.list li.first {
  border-top: 1px solid #ccc;
}

body.news-section .content ul.list li a.thumb {
  border: 1px solid #ccc;
  float: left;
  margin-right: 20px;
  padding: 2px;
}

body.news-section .content ul.list li a.thumb:hover {
  border-color: #aaa;
}

body.news-section .content ul.list li a.thumb img {
  display: block;
}

body.news-section .content ul.list li .details {
  float: left;
  width: 100%;
}

body.news-section .content ul.list li.news-story-with-image .details {
  width: 644px;
}

body.news-section .content ul.list li h5 {
  color: #89cd23;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 3px;
}

body.news-section .content ul.list li .meta {
  margin-bottom: 6px;
}

body.news-section .content ul.list li .excerpt {
  margin-bottom: 6px;
}

body.news-section .content ul.list li .excerpt p {
  color: #888;
  line-height: 14px;
}

body.news-section .content ul.list li .summary p {
  font-size: 11px;
  line-height: 13px;
  margin: 0 0 3px 0;
}

body.news-section .content ul.list li a.more {
  font-size: 11px;
}

body.news-section .content div.news-story {
  overflow: hidden;
  zoom: 1;
}

body.news-section .content div.news-story h3.title {}

body.news-section .content div.news-story .meta {
  border-bottom: 1px solid #ccc;
  margin-bottom: 14px;
  padding-bottom: 10px;
}

body.news-section .content div.news-story-with-image .meta {
  width: 500px;
}

body.news-section .content div.news-story a.thumb {
  border: 1px solid #ccc;
  float: right;
  margin: 0 0 40px 40px;
  padding: 2px;
}

body.news-section .content div.news-story a.thumb:hover {
  border-color: #aaa;
}

body.news-section .content div.news-story a.thumb img {
  display: block;
}

body.news-section .content div.news-story .body {
  margin-bottom: 15px;
}

body.news-section .content div.news-story .body p {
  margin-bottom: 6px;
}

body.news-section .content div.news-story a.latest-news {
  display: block;
  text-align: right;
}

/****************************************
 * DOWNLOADS/LINKS/REQUESTS/SCREENCASTS *
 ****************************************/

ul.downloads,
ul.links,
ul.requests,
ul.screencasts {
  list-style: none;
  margin: 0 !important;
}

ul.downloads li,
ul.links li,
ul.requests li,
ul.screencasts li {
  border-bottom: 1px solid #ccc;
  margin-bottom: 0 !important;
  padding: 10px 0;
}

ul.downloads li.first,
ul.links li.first,
ul.requests li.first,
ul.screencasts li.first {
  border-top: 1px solid #ccc;
}

ul.downloads li.download-with-thumb,
ul.links li.link-with-logo,
ul.screencasts li.screencast-with-screenshot {
  overflow: hidden;
  zoom: 1;
}

ul.downloads li.download-with-thumb a.thumb,
ul.links li.link-with-logo a.thumb,
ul.screencasts li.screencast-with-screenshot a.thumb {
  border: 1px solid #ccc;
  display: block;
  float: left;
  margin-right: 20px;
  padding: 2px;
}

ul.downloads li.download-with-thumb a.thumb:hover,
ul.links li.link-with-logo a.thumb:hover,
ul.screencasts li.screencast-with-screenshot a.thumb:hover {
  border-color: #aaa;
}

ul.downloads li.download-with-thumb a.thumb img,
ul.links li.link-with-logo a.thumb img,
ul.screencasts li.screencast-with-screenshot a.thumb img {
  display: block;
}

ul.downloads li.download-with-thumb .details,
ul.links li.link-with-logo .details,
ul.screencasts li.screencast-with-screenshot .details {
  float: left;
}

ul.downloads li h5,
ul.links li h5,
ul.requests li h5,
ul.screencasts li h5 {
  color: #89cd23;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 2px;
}

ul.downloads .size {
  font-size: 11px;
  padding-top: 1px;
  text-transform: uppercase;
}

ul.downloads li .description,
ul.links li .description,
ul.screencasts li .description {
  color: #888;
  padding-top: 1px;
  width: 400px;
}

ul.downloads li .description p,
ul.links li .description p,
ul.screencasts li .description p {
  font-size: 11px;
  line-height: 13px;
  margin: 4px 0 0 0;
}

ul.requests li p {
  margin: 0;
}

dl.request dd.message p {
  margin-bottom: 2px;
}

body.screencasts-section #page.show-page #content .content {
  text-align: center;
}


/*****************
 * ABOUT US PAGE *
 *****************/

body.site-section #page.about-us-page #content .content p {
  margin-bottom: 8px;
}


/*******************
 * CONTACT US PAGE *
 *******************/

body.site-section #page.contact-us-page #content .content h5 {
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  margin-bottom: 14px;
}

body.site--section #page.contact-us-page #content .content p.address {
  margin-bottom: 10px;
}


/*************************************
 * PRIVACY POLICY / DISCLAINER PAGES *
 *************************************/

body.site-section #page.privacy-policy-page,
body.site-section #page.disclaimer-page {
  color: #666;
}

body.site-section #page.privacy-policy-page #content .content h5,
body.site-section #page.privacy-policy-page #content .content p,
body.site-section #page.disclaimer-page #content .content h5, 
body.site-section #page.disclaimer-page #content .content p {
  font-size: 10px;
  line-height: 14px;
}

body.site-section #page.privacy-policy-page #content .content p,
body.site-section #page.disclaimer-page #content .content p {
  margin-bottom: 3px;
}

body.site-section #page.privacy-policy-page #content .content h5,
body.site-section #page.disclaimer-page #content .content h5 {
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
  margin: 10px 0 2px;
  text-transform: uppercase;
}


/**********
 * FOOTER *
 **********/

#footer {
  background-color: #7d7d7d;
  border-bottom: 15px solid #ccc;
  height: 35px;
  overflow: hidden;
  padding: 0 20px;
  zoom: 1;
}

#footer ul.nav {
  float: left;
  list-style: none;
  overflow: hidden;
  zoom: 1;
}

#footer ul.nav li {
  float: left;
  margin-right: 20px;
}

#footer ul.nav li a,
#footer a.logout {
  background: url(/images/arrow_bullet.gif) left center no-repeat;
  color: #fff;
  display: block;
  font-size: 11px;
  line-height: 34px;
  padding-left: 12px;
}

#footer ul.nav li a:hover,
#footer a.logout:hover {
  color: #8aca1c;
}

#footer a.login {
  background: url(/images/customer_login_btn.gif) left top no-repeat;
  display: block;
  float: right;
  height: 15px;
  margin-top: 10px;
  text-indent: -999px;
  width: 84px;
}

#footer a.logout {
  float: right;
}


/*********
 * FORMS *
 *********/

.form-item {
  margin-bottom: 12px;
}

.form-item label {
  display: block;
  font-weight: bold;
  margin-bottom: 2px;
}

.form-item label .form-error {
  color: #0078bc;
  font-weight: normal;
}

.form-item label .required {
  color: #0078bc;
}

.form-item input.form-text,
.form-item textarea.form-text,
.form-item select.form-list {
  border: 1px solid #ccc;
  padding: 2px 4px;
  width: 300px;
}

.form-item select.form-list {
  padding: 1px;
  width: 310px;
}

.form-buttons {
  margin-top: 14px;
}


/***************
 * TWO COLUMNS *
 ***************/

.two-columns {
  overflow: hidden;
  zoom: 1;
}

.two-columns .left-column,
.two-columns .right-column {
  float: left;
  width: 45%;
}


/******************
 * FLASH MESSAGES *
 ******************/

.flash-message {
  color: #0078bc;
  margin-bottom: 12px;
}


/**************
 * PAGINATION *
 **************/
 
.pagination-wrapper {
  overflow: hidden;
  zoom: 1;
}

.pagination-wrapper .pagination {
  color: #999;
  float: right;
  margin-top: 10px;
}

.pagination-wrapper .pagination span {
  color: #333;
}

.pagination-wrapper .pagination .disabled {
  color: #999;
}

.pagination-wrapper .pagination .current {
  font-weight: bold;
}


/******************
 * USEFUL CLASSES *
 ******************/

a.bulleted {
  background: url(/images/blue_bullet.png) left top no-repeat;
  color: #5f5f5f;
  display: block;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -1px;
  height: 19px;
  line-height: 19px;
  padding-left: 24px;
}

a.bulleted:hover {
  color: #48afe0;
}

.centre {
  text-align: center;
}

.flat {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.flat-bottom {
  margin-bottom: 0 !important;
}

.flat-top {
  margin-top: 0 !important;
}

.hidden {
  display: none;
}
/* --------- /stylesheets/translock.css --------- */ 
h1#logo {
  height: 38px;
  top: 46px;
  width: 223px;
}

h1#logo a {
  background: url(/images/translock/logo.gif) left top no-repeat;
  height: 38px;
  width: 223px;
}

body.site-section #page.index-page #banner a {
  background-image: url(/images/translock/homepage_banner.jpg);
}

body.site-section #page.index-page #content .content img.truck {
  margin: 0 5px 0 30px;
}

body.site-section #page.index-page #content .content .right-column ul {
  margin-top: 6px;
}

#philosophy {
  background-image: url(/images/translock/philosophy.gif);
}

body.case-studies-section .content .case-studies {
	background: none;
}

body.products-section .content .products-and-services {
  background-image: url(/images/translock/products.jpg);
  min-height: 850px;
	/* Start IE6 min-height hack */
	height: auto !important;
	height: 850px;
	/* End IE6 min-height hack */
}

body.products-section #page.show-page .content h2.tagline strong {
  color: #0078bc;
}

body.products-section #page.show-page .content .two-columns li {
  font-weight: normal;
}

#footer ul.nav li a:hover,
#footer a.logout:hover {
  color: #48afe0;
}


/**********
 * BANNER *
 **********/

#banner {
  background-image: url(/images/translock/banner.gif);
}

#banner h2#page_title.about-us {
  background-image: url(/images/translock/headings/about_us.gif);
}

#banner h2#page_title.contact-us {
  background-image: url(/images/translock/headings/contact_us.gif);
}

#banner h2#page_title.disclaimer {
  background-image: url(/images/translock/headings/disclaimer.gif);
}

#banner h2#page_title.page-not-found {
  background-image: url(/images/translock/headings/page_not_found.gif);
}

#banner h2#page_title.privacy-policy {
  background-image: url(/images/translock/headings/privacy_policy.gif);
}

body.case-studies-section #banner h2#page_title {
  background-image: url(/images/translock/headings/case_studies.gif);
}

body.downloads-section #banner h2#page_title {
  background-image: url(/images/translock/headings/downloads.gif);
}

body.links-section #banner h2#page_title {
  background-image: url(/images/translock/headings/links.gif);
}

body.news-section #banner h2#page_title {
  background-image: url(/images/translock/headings/news.gif);
}

body.products-section #banner h2#page_title {
  background-image: url(/images/translock/headings/products_and_services.gif);
}

body.requests-section #banner h2#page_title {
  background-image: url(/images/translock/headings/requests.gif);
}

body.screencasts-section #banner h2#page_title {
  background-image: url(/images/translock/headings/screencasts.gif);
}

body.sessions-section #banner h2#page_title {
  background-image: url(/images/translock/headings/login.gif);
}


/****************
 * CASE STUDIES *
 ****************/

body.case-studies-section #page.show-page .content .benefits {
  background-color: #48afe0;
  margin-top: 30px;
}

body.case-studies-section #page.show-page .content .benefits .top {
  background-image: url(/images/translock/benefits_bg_top.gif);
}

body.case-studies-section #page.show-page .content .benefits .bottom {
  background-image: url(/images/translock/benefits_bg_bottom.gif);
}/* --------- /stylesheets/lightbox.css --------- */ 
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}