/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: #000;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
}
div#VERTspacer75px {
	margin: 0;
	border: 0;
	padding: 0;
	height: 75px;
	width: 100%;
	background: #fff;
}
div#VERTspacer25px {
	margin: 0;
	border: 0;
	padding: 0;
	height: 25px;
	width: 100%;
	background: #fff;
}
div#titleCont {
	width: 100%;
	height: 140px;
}
#titleBox {
	width: 750px;
	height: 140px;
	margin: 0 auto;
}
div#logo {
	float: right;
	border: 0;
	padding: 0;
	width:  200px;
	background: #fff;
}
#logo img {
	margin-top: 20px;
}
#titleTEXT {
	float: left;
	width: 500px;
	height: 60px;
	background: #FFF;
}
#titleTEXT h1 {
	line-height: normal;
	font-size: 260%;
	margin-left: 0;
	margin-top: 10px;
	text-align: center;
}
#titleTEXT h2 {
	line-height: normal;
	margin-left: 0;
	font-size: 150%;
}
#main {
	margin: 0 auto;
	width: 900px;
	background: #FFF;
}
#aboutCont {
	width: 100%;
	height: 325px;
}
#aboutBox {
	width: 750px;
	height: 325px;
	margin: 0 auto;
}
#aboutTEXT {
	width: 750px;
	height: 295px;
	background: #FFF;
	border: 2px solid #000;
}
#benefitsCont {
	width: 100%;
	height: 360px;
}
#benefitsBox {
	width: 750px;
	height: 330px;
	margin: 0 auto;
}
#benefitsTEXT {
	float: left;
	width: 460px;
	height: 330px;
	background: #FFF;
	border: 2px dotted #000;
}
#benefitsTEXT.p {
	font-size: 11.5px;
}
#benefitsTEXT h2 {
	line-height: 30px;
}
p {
	margin: 10px 10px 10px 10px;
}
h1 {
	margin: 0 0 0 10px;
}
h2 {
	margin: 0 0 0 10px;
}
ul {
	margin: 8px 25px 15px 25px;
	list-style-type: square;
}
ol {
	margin: 8px 25px 15px 45px;
}
ul li span {
	color: #000;
}
ol li span {
	color: #000;
}
img.benefits {
	display: block;
	padding: 10px 10px 10px 10px;
}
#benefitsPHOTO {
	float: right;
	width: 255px;
	height: 330px;
	border: 1px solid #000;
}
#guaranteesCont {
	width: 100%;
	height: 410px;
}
#guaranteesBox {
	width: 750px;
	height: 405px;
	margin: 0 auto;
}
#guaranteesTEXT {
	float: right;
	width: 440px;
	background: #FFF;
}
#guaranteesTEXT ol li {
	font-weight: bold;
}
#guaranteesPHOTOleft {
	float: left;
	width: 126px;
	height: 380px;
	border: 1px solid #000;
}
#guaranteesPHOTOright {
	float: left;
	width: 277px;
	height: 360px;
	border: 1px solid #000;
}
img.guarantees {
	display: block;
	padding: 10px 10px 10px 10px;
}
#casestudyCont {
	width: 100%;
	height: 215px;
}
#casestudyBox {
	width: 750px;
	height: 215px;
	margin: 0 auto;
}
#casestudyTEXT {
	float: left;
	width: 750px;
	background: #FFF;
	border: 2px dotted #000;
}
#casestudyTEXT h3 {
	text-align:center;
	margin-top: 10px;
	line-height: normal;
}
#testimonialsCont {
	width: 100%;
	height: 420px;
}
#testimonialsBox {
	width: 750px;
	height: 370px;
	margin: 0 auto;
}
#testimonialsTEXT {
	float: right;
	width: 490px;
	height: 370px;
	padding: 10px;
	background: #FFF;
	border: 2px dotted #000;
}
img.testimonials {
	display: block;
	padding: 10px 10px 10px 10px;
}
#testimonialsPHOTO {
	float: left;
	width: 210px;
	height: 392px;
	border: 1px solid #000;
}
#servicesCont {
	width: 100%;
	height: 410px;
}
#servicesBox {
	width: 750px;
	height: 410px;
	margin: 0 auto;
}
#servicesTEXTLeft {
	float: left;
	width: 260px;
	height: 381px;
	background: #FFF;
	border: 2px dotted #000;
}
#servicesTEXTLeft h3 {
	font-size: 120%;
	font-weight: bold;
	line-height: 24px;
}
#servicesTEXTrightCONT {
	float: right;
	width: 465px;
	height: 330px;
}
#servicesTEXTright1 {
	float: left;
	width: 465px;
	height: 114px;
	background: #000;
	color: #FFF;
	margin-bottom: 21px;
}
#servicesTEXTright1 h3 {
	margin-top: 10px;
	margin-left: 10px;
}
#servicesPHOTO {
	float: right;
	width: 255px;
	height: 348px;
	border: 1px solid #000;
}
#servicesTEXTRight {
	float: right;
	width: 435px;
	height: 305px;
	background: #000;
	border: 2px dotted #000;
	color: #FFF;
}
#servicesTEXTRight h2 {
	line-height: 22px;
}
#servicesTEXTRight ul li span {
	color: #FFF;
}
#contactCont {
	width: 100%;
	height: 340px;
}
#contactBox {
	width: 750px;
	height: 340px;
	margin: 0 auto;
}
#contactTEXTleft {
	float: left;
	width: 340px;
	height: 297px;
	background: #000;
	color: #FFF;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	border: 2px dotted #000;
}
#contactTEXTleft a {
	color: #CCCCCC;
}
#contactTEXTrightTop {
	float: right;
	width: 325px;
	height: 90px;
	background: #FFF;
	color: #000;
	padding: 10px;
	border: 2px dotted #000;
	margin-bottom: 25px;
}
#contactTEXTrightTop h3 {
	text-align: center;
}
#contactTEXTrightBottom {
	float: right;
	width: 325px;
	height: 307px;
	background: #FFF;
	color: #000;
	padding: 10px;
	border: 2px dotted #000;
}
#websiteCont {
	width: 100%;
	height: 120px;
}
#websiteBox {
	width: 750px;
	height: 100px;
	margin: 0 auto;
}
#websiteTEXT {
	float: left;
	width: 750px;
	height: 100px;
	background: #FFF;
	color: #000;
	padding: 10px;
	text-align: center;
}
#websiteTEXT a {
	color: #666666;
}
#websiteTEXT h1 {
	font-size:320%;
}
#websiteTEXT h3 {
	font-size:140%;
}
#creditsCont {
	width: 100%;
	height: 125px;
}
#creditsBox {
	width: 500px;
	height: 125px;
	margin: 0 auto;
}
#creditsSpacer {
	float: left;
	width: 25px;
	height: 125px;
	background: #FFF;
}
#creditsBox img {
	float: left;
	height: 125px;
}
#disclaimerCont {
	width: 100%;
	height: 300px;
}
#disclaimerBox {
	width: 750px;
	height: 275px;
	margin: 0 auto;
}
#disclaimerTEXT {
	float: left;
	width: 750px;
	background: #FFF;
	color: #000;
	padding: 10px;
	text-align: center;
	font-size: 80%;
}
/************************
 * New Cognition CSS
 ***********************/
 
#main-menu {
	height: 60px;
	margin: 0 auto;
	width: 750px;
	margin-bottom:15px;
}
.buttonNav {
	background: url("/images/bg-nav.jpg") no-repeat scroll -116px 0 transparent;
	float: left;
	height: 55px;
	margin: 0;
	padding: 5px 5px 0px 5px;
	/*text-indent: -9000px;*/
    color:#ffffff;
	width: 106px;
}
.buttonNav a {
	display: block;
	/*background: url("/images/bg-nav.jpg") 0 0 no-repeat;*/
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 5px 5px 0px 5px;
	/*text-indent: -9000px;*/
    color:#ffffff;
	text-decoration:none;
}
.buttonNav a:hover {
	background-image: none;
	/*text-indent: -9000px;*/
    color:#ffffff;
	text-decoration:none;
}
#standaloneButtonLinks_vertSpacer {
	border: 0 none;
	float: left;
	height: 60px;
	margin: 0;
	padding: 0;
	width: 8px;
}