/****************************************/
/* avantus.com */
/* Copyright (c) spartaninteractivesolutions 2009 */
/* base.css */
/****************************************/

img	{ border:0px; -ms-interpolation-mode:bicubic;}
img, div, input { behavior: url("../style/iepngfix.htc"); }
.clear { clear:both; }
form { margin:0; }

body { margin:0; padding:0 0 20px 0; text-align:center; min-width:915px; background:#7F8182; font:normal 12px verdana; color:#666666; }
	body.home div.brand ul.nav { display:none; }
	body.internal div.become p { display:none; }
	body.internal div.become form { display:none; }
	
div.fpo { border:1px solid #7F8182; color:#7F8182; background:#f6f7f7;  padding:80px; text-align:center; margin:10px 0 25px 0; }

.wrapper { width:900px; margin:0 auto; text-align:left; background:#FFF url(../images/bg_wrapper.gif) bottom right no-repeat; padding:0 15px 18px 0; position:relative; }

	.header { background:#0076BD; height:67px; }
		.header p { float:left; color:#95d8f9; font-size:20px; padding:30px 0 0 40px; }
		.header img { float:right; }

	.brand { background:#FFF; height:110px; position:relative; }
		.brand div.logo { position:absolute; left:40px; bottom:-35px; padding:0 0 35px 0; background:url(../images/logo_brand_mirror.png) 0 35px no-repeat; z-index:9; }
		.brand ul.nav { float:left; padding:10px 0 5px 30px; }
			.brand ul.nav li { display:inline; }
				.brand ul.nav li a { display:block; float:left; padding:4px 12px 4px 24px; background:url(../images/arrow_gray.gif) 12px 8px no-repeat; color:#7F8182; text-decoration:none; }
				.brand ul.nav li a:hover, .brand ul.nav li a.active { background-image:url(../images/arrow_red.gif); color:#0076BD; }
				.brand ul.nav li.divider { background:url(../images/bg_divider.gif) 0 0 no-repeat; width:2px; height:72px; display:block; float:left; }
		
		.brand div.become { float:right; width:325px; font-size:10px; padding:10px 15px 0px 0px;}
			.brand div.become p { font-style:italic; margin:0 0 3px 6px; }
			.brand div.become form { position:relative; width:325px; height:75px; }
				.brand div.become form label#operatorLabel { position:absolute; top:0px; left:1px;  }
				.brand div.become form input#operatorInput { position:absolute; top:14px; left:0px; border:0; background:url(../images/login_field_bg.gif) 0 0 no-repeat; width:125px; height:28px; font-family:arial; font-size:12px; padding:4px 5px; }
				.brand div.become form label#passwordLabel { position:absolute; top:0px; left:126px;  }
				.brand div.become form input#passwordInput { position:absolute; top:14px; left:125px; border:0; background:url(../images/login_field_bg.gif) 0 0 no-repeat; width:125px; height:28px; font-family:arial; font-size:12px; padding:4px 5px; }
				.brand div.become form input#submit { position:absolute; top:17px; left:253px; width:57px; height:25px; background:url(../images/login_go.gif) 0 0 no-repeat; border:0; font: Verdana, Arial, sans-serif; font-size:11px; font-weight:400; color: #666666; text-align:center; line-height:.5em;}
			.brand div.become a { font-size:11px; color:#6c6f70; display:block; padding:5px 0 7px 25px; background:url(../images/arrow_bg.gif) 0 3px no-repeat; }
			.brand div.become a:hover { color:#0076BD; }

	.main { background:url(../images/bg_main.gif) 0 0 repeat-x; position:relative; width:900px;  }
		
		.custsignupbtn { position: absolute; top: 190px; left: 650px; z-index:1; }
			.custsignupbtn a { display:block; width: 171px; height: 40px; background:url(../images/button-become-a-customer.png) 0 0 no-repeat; }
			.custsignupbtn a:hover {background-position: -171px 0; }

		.buzz { position:absolute; top:255px; left:20px; margin:85px 0 0 0; width:237px; height:200px; border:1px solid #dbdcdc; border-width:1px 1px 1px 1px; }
			.buzz h1 { background:url(../images/buzz_h1_bg.gif) 0 0 repeat-y; height:17px; padding:9px 8px 7px 8px; border-bottom:1px solid #dbdcdc; border-width:1px 1px 1px 0; font-weight:bold; }
				.buzz h1 a { text-decoration:underline; color:#0076BD }
				.buzz h1 a:hover { color:#FF764F }
			.buzz ul { margin:13px 10px; }
			.buzz ul li { list-style-image: url(../images/arrow_red.gif); margin: 0 0 10px 15px; }
			/* .buzz li h2 { font-style:italic; } I made the mistake of opening the site in IE. The rendering of italics Verdana in IE is pretty horrifying! */
				.buzz h2 a { text-decoration:underline; color:#0076BD }
				.buzz h2 a:hover { color:#FF764F }

		ul.subnav { position:absolute; top:75px; left:0; width:277px; }
			ul.subnav li {  }
				ul.subnav li a { display:block; width:212px; height:21px; padding:8px 20px 8px 58px; background:url(../images/bg_subnav.gif) 0 0 no-repeat; color:#7F8182; text-decoration:none; }
				ul.subnav li a:hover, ul.subnav li a.active { font-weight:400; color:#0076bd; }

		.contentidxhdr {display: block; width: 320px; height: 62px; background:url(../images/bg-newAvantus-header.gif) 0 0 no-repeat;}
		
		.contentidx { position: relative; top: 75px; left: 287px; width:320px; background:url(../images/bg-newAvantus-content.gif) 0 0 repeat-y; }
		.contentidx h1 { font-size:20px; color:#0076BD; margin:15px 35px 15px 15px; font-weight:400;  }
		.contentidx h2 { font-size:14px; font-weight:bold; color:#0076BD; margin:15px 35px 15px 15px; }
		.contentidx h3 { font-size:14px; color:#0076BD; margin:15px 20px 15px 20px; }
		
		.contentidx h4 { font-size:14px; color:#0076BD; margin:15px 35px 15px 20px; }
		.contentidx p { line-height:1.5em; margin:15px 35px 15px 25px; }
		.contentidx strong { color:#FF764F; font-weight:bold; }
		.contentidx sup { font-size:0.8em; position:relative; top:-0.3em; }
		.contentidx div.rule { border:0; height:16px; background:url(../images/divider-dots-gray.gif) 0 0 no-repeat; margin:20px 35px 15px 20px; }
		.contentidx ul.bullet { margin-left:20px; line-height:1.5em;}
			.contentidx ul.bullet li { padding:5px; list-style-type:disc; }
		.contentidx ul.arrow { margin:10px 0; width:250px; }
			.contentidx ul.arrow li {  }
				.contentidx ul.arrow li a { height:1em; display:block; padding:5px 0 7px 27px; background:url(../images/arrow_circle_white.gif) 0 2px no-repeat; margin:5px 0; color:#6c6f70; font-weight:bold; text-decoration:none;  }
				.contentidx ul.arrow li a:hover { background-image:url(../images/arrow_circle_red.gif); color:#0076BD; }
		
		.contentidx a { color:#0076BD; text-decoration:none; }
		.contentidx a:hover { color:#FF764F; }
		.contentidx a.gray { font-weight:bold; text-decoration:none; color:#6c6f70; }
		.contentidx a.gray:hover { color:#FF764F; }
		.contentidx a.graysm { padding-left: 30px; font-size:10px; font-weight:bold; text-decoration:none; color:#6c6f70; }
		.contentidx a.graysm:hover { color:#FF764F; }
		.contentidx a.button { font-size:11px; display:block; padding:10px 0 10px 30px; margin-left:-10px; width:485px; background:url(../images/bg_button.gif) 0 0 no-repeat; text-decoration:none; color:#6c6f70; }
		.contentidx a.button:hover { color:#FF764F; }
		
		.contentidx2 { background:url(../images/bg-white.gif) repeat-y; }
		.contentidx2 p { line-height:1.5em; margin:0px 35px 15px 20px; }
		
		
		.content { width:575px; padding:80px 20px 40px 300px;}
		.content h1 { font-size:20px; color:#0076BD; margin:0 0 8px 0; font-weight:400; }
		.content h2 { font-size:14px; font-weight:bold; color:#0076BD; }
		.content h3 { font-size:14px; color:#0076BD; margin-top:20px;}
		.content h3#pad { font-size:14px; color:#0076BD; margin-top:25px; margin-bottom:5px; line-height: 1.5em;}
		.content h3 a { text-decoration:underline;}
		.content h4 { font-size:14px; color:#0076BD; margin-top:20px; font-weight:bold;}
		.content h5 { font-size:14px; color:#666666; margin-bottom:10px; margin-top:10px; font-weight:bold; }
		.content p { line-height:1.5em; margin:0 35px 12px 0; }
		.content strong { color:#FF764F; font-weight:bold; }
		.content sup { font-size:0.8em; position:relative; top:-0.3em; }
		.content img { padding: 5px;}
		.content div.rule { border:0; height:3px; background:url(../images/bg_hr.gif) 0 0 no-repeat; margin:15px 0; }
		.content ul.bullet { margin-left:20px; margin-bottom:20px; margin-right:30px; line-height:1.5em;}
			.content ul.bullet li { padding:5px; list-style-type:disc; }
		.content ul.arrow { margin:10px 0; width:250px; }
			.content ul.arrow li {  }
				.content ul.arrow li a { height:1em; display:block; padding:5px 0 7px 27px; background:url(../images/arrow_circle_white.gif) 0 2px no-repeat; margin:5px 0; color:#6c6f70; font-weight:bold; text-decoration:none;  }
				.content ul.arrow li a:hover { background-image:url(../images/arrow_circle_red.gif); color:#0076BD; }
		
		.content a { color:#0076BD; text-decoration:none; }
		.content a:hover { color:#FF764F; }
		.content a.gray { font-weight:bold; text-decoration:none; color:#6c6f70; }
		.content a.gray:hover { color:#FF764F; }
		.content a.graysm { padding-left: 30px; font-size:10px; font-weight:bold; text-decoration:none; color:#6c6f70; }
		.content a.graysm:hover { color:#FF764F; }
		.content a.button { font-size:11px; display:block; padding:10px 0 10px 30px; margin-left:-10px; width:485px; background:url(../images/bg_button.gif) 0 0 no-repeat; text-decoration:none; color:#6c6f70; }
		.content a.button:hover { color:#FF764F; }
		
	.content2 { position:absolute; top:0px; left:600px; width:260px; padding:85px 20px 40px 20px;}
		.content2 h1 { font-size:20px; color:#0076BD; margin:0 0 8px 0; }
		.content2 h2 { font-size:14px; font-weight:bold; color:#0076BD; }
		.content2 h3 { font-size:14px; color:#0076BD; margin-top:20px;}
		.content2 h3 a { text-decoration:none;}
		.content2 h4 { font-size:14px; color:#0076BD; margin-top:20px; font-weight:bold;}
		.content2 p { line-height:1.5em; margin:0 0 12px 0; }
		.content2 strong { color:#FF764F; font-weight:bold; }
		.content2 sup { font-size:0.8em; position:relative; top:-0.3em; }
		.content2 div.rule { border:0; height:3px; background:url(../images/bg_hr.gif) 0 0 no-repeat; margin:15px 0; }
		.content2 ul.bullet { margin-left:20px; line-height:1.5em;}
			.content ul.bullet li { padding:5px; list-style-type:disc; }
		.content2 ul.arrow { margin:10px 0; width:250px; }
			.content ul.arrow li {  }
				.content ul.arrow li a { height:1em; display:block; padding:5px 0 7px 27px; background:url(../images/arrow_circle_white.gif) 0 2px no-repeat; margin:5px 0; color:#6c6f70; font-weight:bold; text-decoration:none;  }
				.content ul.arrow li a:hover { background-image:url(../images/arrow_circle_red.gif); color:#0076BD; }
		
		.content2 a { color:#0076BD; text-decoration:none; }
		.content2 a:hover { color:#FF764F; }
		.content2 a.gray { font-weight:bold; text-decoration:none; color:#6c6f70; }
		.content2 a.gray:hover { color:#FF764F; }
		.content2 a.graysm { padding-left: 30px; font-size:10px; font-weight:bold; text-decoration:none; color:#6c6f70; }
		.content2 a.graysm:hover { color:#FF764F; }
		.content2 a.button { font-size:11px; display:block; padding:10px 0 10px 30px; margin-left:-10px; width:485px; background:url(../images/bg_button.gif) 0 0 no-repeat; text-decoration:none; color:#6c6f70; }
		.content2 a.button:hover { color:#FF764F; }	
		
	.related {position:absolute; top:320px; left:20px; margin:5px; width:240px; }
	.related td { border-bottom:1px dotted #ccc; vertical-align:middle;}
	.related p { padding:5px;}
	.related h3 {font-size:16px; color:#0076BD; margin-bottom:2px; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc; padding:5px;}
	.related img {padding-top:5px; padding-bottom:5px;}
	.related a { color:#0076BD; text-decoration:none; }
	.related a:hover { color:#FF764F; text-decoration:underline; }
	
	.demogrid {width:550px; }
	.demogrid h1 {margin-bottom:0px; }
	.demogrid h3 {font-size:16px; color:#0076BD; margin-bottom:5px; padding-bottom:5px; }
	.demogrid table {margin-bottom:30px;}
	.demogrid td { border-bottom:1px dotted #ccc; margin-top:0; padding-top:0; vertical-align:middle;}
	.demogrid p { padding:5px; margin-top:0;}
	.demogrid p#fix { margin-left:0; padding-left:0; margin-bottom:5px; padding-bottom:0;}
	.demogrid img {margin-top:0px; padding-top:0px;}
	.demogrid a { color:#0076BD; text-decoration:none; }
	.demogrid a:hover { color:#FF764F; text-decoration:underline; }
	
	.footer { margin: 100px 155px 30px 285px; vertical-align:baseline;}
		.footer p { line-height:1.5em; }
		.footer strong { color:#FF764F; font-weight:bold; }
		.footer div.rule { border:0; height:3px; background:url(../images/bg_hr.gif) 0 0 no-repeat; margin:15px 0; }
		.footer a { color:#0076BD; text-decoration:none; }
		.footer a:hover { color:#FF764F; }
		.footer a.gray { font-weight:bold; text-decoration:none; color:#6c6f70; }
		.footer a.gray:hover { color:#FF764F; }
		.footer a.graysm {font-size:10px; font-weight:bold; text-decoration:none; color:#6c6f70; }
		.footer a.graysm:hover { color:#FF764F; }
		.footer a.button { font-size:11px; display:block; padding:10px 0 10px 30px; margin-left:-10px; width:485px; background:url(../images/bg_button.gif) 0 0 no-repeat; text-decoration:none; color:#6c6f70; }
		.footer a.button:hover { color:#FF764F; }
		
		ul.products { margin:0px 0 30px 0; }
			ul.products li { list-style-type:disc; color:#0076BD; padding:0 0 15px 0; margin:0 0 10px 0; background:url(../images/bg_hr.gif) bottom left no-repeat; }
			ul.products li span { color:#7F8182; }
			ul.products li h2 { font-size:12px }

		ul.training { margin:10px 0 30px 0; }
			ul.training li { padding:0 0 5px 0; margin:0 0 10px 0; background:url(../images/bg_hr.gif) bottom left no-repeat; }
			ul.training img { float:left; margin:0 10px 0 0; }
			ul.training li p { float:left; width:400px; }
			
			
		ul.score { margin:10px 0 30px 0; }
			ul.score li { padding:0 0 5px 0; margin:0 0 10px 0; background:url(../images/bg_hr.gif) bottom left no-repeat; }
			ul.score li img { float:left; margin:0 10px 0 0; }
			ul.score li h2, ul.score li p { float:left; width:400px; }
			
		ul.los {  }
			ul.los li { height:70px; display:block; list-style-type:disc; color:#0076BD; padding:0 0 15px 0; margin:0 15px 10px 0; background:url(../images/bg_hr.gif) bottom left no-repeat; float:left; width:154px; }
			ul.los li p { color:#7F8182; }

		ul.buzzcontent {  }
			ul.buzzcontent li { list-style-image:url(../images/arrow_gray.gif); padding:0 0 10px 0;  margin-left: 15px }
			ul.buzzcontent li p {  }