html, body {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url('../images/xact_gradient.png');
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-color: #400000;
    height: 100%;
}


#media {
	width: 640px;
	height: 500px;
	padding: 0;
	margin: 0;
}

#media img {
	width: 640px;
	height: 500px;
}


/*  For the background Xact logo  */
#page {
    background-image: url('../images/xact_bg.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 100%;
}

/* Logos at bottom of page */

#logoHolder {
	margin-bottom: 40px;
}

.logoLeft {
    margin-left: 25px;
    margin-top: 35px;
}

.logoRight {
    float: right;
    margin-top: -65px;
    margin-right: 20px;
    width: 129px;
}

p {
    font-size: 10pt;
    text-align: justify;
}

ul {
    font-size: 10pt;
    margin-left: 15px;
    padding-left: 45px;
}

#container {
    /*
margin: 10px 5% auto 5%;
*/
    margin: 10px auto;
	padding-bottom: 10px;
	/*
min-width: 1000px;
*/
	width: 1000px;
}

/* Main navigation */
#nav {
    background-image: url('../images/toolbar.png');
    margin-top: 5px;
    margin-left: 25px;
    margin-right: 25px;
    padding: 10px;
    border: 1px solid #000;
    background-color: #800000;
    top: 20px;
}

#nav ul {
    display: inline;
    margin-left: 0px;
    padding-left: 0px;
}

#nav ul li {
    margin-left: 0px;
    list-style: none;
    display: inline;
    text-decoration: none;
    padding: 1px 10px 1px 10px;
    border-left: 1px solid #fff;
    color: #c0c0c0;
    font-size: 105%;
}

#nav ul li.first {
    margin-left: 15px;
    border-left: none;
    padding-left: 10px;
}

a.navLink {
    text-decoration: none;
    color: #ffffff;
}

a.navLink:hover {
    background: url('../images/underline.png') bottom left repeat-x;
}

a.activeNavLink {
    text-decoration: none;
    color: #ffffff;
    background: url('../images/underline.png') bottom left repeat-x;
}

a.navLink:visited {
    color: #fff;
    text-decoration: none;
}

/* Main page content */
#main {
    background: #ffffff;
    width: auto;
    height: auto;
	min-width: 930px;
    margin-top: 32px;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 20px;
	padding: 20px 1% 25px 1%;
   /*
 padding: 20px 5% 25px 5%;
*/
}

/* The tagline for each page */
h1.mainTag {
    margin-top: -8px;
    padding-top: 10px;
    position: absolute;
    top: -9999px;
}

.mainTagPic {
    margin-left: 10px;
}

.tagline {
    background: #64283a;
    background-image: url('../images/tag_bg.png');
    color: #fff;
    width: auto;
    height: auto;
    margin-top: 50px;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 25px;
    padding: 10px 5px 1px 20px;
}

h2.main {
    text-align: center;
    margin-top: 20px;
    font-size: 20pt;
}

h2.mainPress {
    text-align: center;
    margin-top: 20px;
    font-size: 18pt;
}

h2.mainFS {
    margin-left: 8%;
    margin-top: 20px;
    font-size: 25pt;
}

h3.main {
    margin-left: 8%;
    font-size: 13pt;
    margin-bottom: -6px;
}

h4.main {
    margin-left: 8%;
    font-size: 11pt;
}

hr.main {
    color: #900028;
    margin-left: 8%;
    margin-right: 8%;
    margin-top: -10px;
}

p.main {
    text-align: justify;
    margin-left: 8%;
    margin-right: 8%;
}

p.mainExcerpt {
    font-style: italic;
    text-align: center;
    color: #7a7a7a;
    margin-top: 40px;
    font-size: 12pt;
}

p.mainPressEnds {
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
}

p.mainDownload {
    color: #7a7a7a;
    padding-bottom: 15px;
    margin-left: 8%;
}

p.contact {
    line-height: 150%;
    margin-left: 8%;
}

p.noscript {
    color: #fff;
    font-size: 12pt;
    text-align: center;
}

ul.main {
    font-size: 10pt;
    list-style-image: url('../images/arrow.png');
    margin-left: 8%;
    padding-left: 45px;
	padding-right: 45px;
	margin-right: 8%;
}

/* The featured video */
#featured {
    background-color: #33171F;
    width: 660px;
    height: auto;
    margin-top: 45px;
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
    text-align: center;
    color: #fff;
}

/* The other videos */
a img {
	border: none;
}

a img.video {
    /*
border: 1px outset #fff;
*/
}

#videos {
    background: #33171F;
    width: 660px;
    height: auto;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    padding: 10px;
	text-align: center;
}


p.videoLinks {
    margin-left: 8%;
    font-size: 16pt;
    color: #ffffff;
    font-weight: bold;
}

p.videoLinksFeatured {
    margin-top: -5px;
    margin-left: 2px;
    font-size: 18pt;
    color: #ffffff;
    font-weight: bold;
}

/* Customers page specific */
#testimonial {
    width: 830px;
    margin-left: auto;
    margin-right: auto;
}

p.caseStudyExcerpt {
    font-style: italic;
    text-align: justify;
    color: #7a7a7a;
}

h2.caseStudyHead {
    text-align: center;
    font-size: 25pt;
    font-family: Arial;
    font-weight: bold;
    margin-top: 20px;
}

p.caseStudyBody {
    text-align: justify;
}

p.caseStudyThanks {
    font-style: italic;
}

p.caseStudyDownload {
    color: #7a7a7a;
}

h2.caseStudySub {
    font-size: 13pt;
    font-family: Arial;
    font-weight: bold;
    margin-bottom: -6px;
    margin-top: 20px;
}

h3.caseStudy {
    font-size: 10pt;
    font-weight: bold;
}

hr.caseStudy {
    color: #900028;
}

img.caseStudy {
    text-align: right;
    float: right;
    padding-top: 10px;
    padding-left: 25px;
    padding-bottom: 10px;
}

img.caseStudyQuote1 {
    margin-top: 5px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-left: 0px;
    padding-bottom: 10px;
    position: absolute;
    z-index: 10;
}

img.caseStudyQuote2 {
    padding-top: 20px;
    padding-left: 190px;
    padding-bottom: 5px;
    z-index: 10;
}

ul.caseStudy {
    font-size: 10pt;
    list-style-image: url('../images/arrow.png');
    margin-left: 15px;
    padding-left: 45px;
	padding-right: 45px;
	margin-right: 15px;
}

ul li {
    margin-bottom: 7px;
}

/* Contact form */
p.cf {
    padding-top: 10px;
}

#ContactForm {
    margin-top: 20px;
    margin-left: 8%;
    margin-right: 8%;
    border: 1px solid #000;
    padding: 10px;
}

#cfContainer {
    margin-left: 8%;
    margin-right: 8%;
    padding: 10px;
}

h2.cf {
    text-align: center;
    margin-top: 20px;
    font-size: 14pt;
    text-align: justify;
}

hr.cf {
    color: #900028;
}