@import url("common.css");

/* home */
#iframe {
	position:absolute;
	top:0px;
	left:9px;
	z-index:100;
	background:url('../img/extras/overlay.png');
	width:970px;
	height:841px;
	padding:16px 0;
}
	#iframe iframe {
		margin-left:16px;
	}
	#iframe #close {
		position:absolute;
		top:16px;
		right:17px;
		z-index:50;
	}
#microsoft {
	position:absolute;
	top:597px;
	left:47px;
	z-index:99;
	background-color:#fff;
	width:316px;
	height:218px;
}
	#microsoft iframe {
		background:#fff;
	}

#slider-cont {
	background:#fff;
	width:938px;
	padding:0 16px;
}
.slider {
	background:#ccc url('../img/layout/dropdown-bg.png') top left no-repeat;
	overflow:hidden;
	display:none;
	padding:0;
	position:relative;
	width:100%;
}
	#identify.slider {
		padding:0;
		height:0;
		display:none !important;
		margin:0;
	}
	.slider h3 {
		margin-bottom:7px;
		color:#333;
		font-size:13px;
		text-transform:uppercase;
	}
	.slider a {
		color:#E20E1A;
		text-decoration:none;
	}
	.slider .identity {
		width:295px;
		margin-right:50px;
		float:left;
		padding:10px 0 10px 10px;
		display:inline;
	}
		.slider .identity h3 {
			color:#E20E1B;
		}
		.slider .identity p {
			color:#666;
		}
	.slider .links {
		width:285px;
		float:left;
		margin-right:27px;
		padding:10px 0;
		display:inline;
	}
		.slider .links ul {
			float:left;
		}
			.slider .links ul li {
				margin-right:10px;
				margin-bottom:2px;
				float:left;
				width:132px;
			}
	.slider .downloads {
		float:left;
		width:260px;
		padding:10px 10px 10px 0;
		display:inline;
	}
		.slider .downloads li {
			color:#666;
			font-weight:bold;
			line-height:1.8;
		}
	.slider .close {
		position:absolute;
		bottom:5px;
		right:5px;
		z-index:10;
	}
.home h3 {
	color:#E20E1B;
	letter-spacing:0.5px;
	text-transform:uppercase;
	font-size:12px;
}

#content.home {
	padding:0px 16px 16px 16px;
	width:938px;
	background:#fff;
}
	#content.home .slideshow {
		position:relative;
		overflow:hidden;
		height:543px;
		padding:0;
		margin-bottom:16px;
		clear:left;
		margin-top:16px;
	}
		#content.home .slideshow #bottom_nav {
			position:absolute;
			bottom:0px;
			left:0;
			z-index:5;
		}
		#content.home .slideshow #bottom_nav li {
			float:left;
		}
		#content.home .slideshow #bottom_nav a {
			color:#fff;
			text-transform:uppercase;
			font-weight:bold;
			text-decoration:none;
			font-size:10px;
			background:#434343 url('../img/layout/sh-bg.gif') top left repeat-x;
			padding:3px 10px 3px;
			border:1px solid #41413f;
			border-width:1px 1px 1px 0px;
			display:block;
		}
			#content.home .slideshow #bottom_nav a:hover,
			#content.home .slideshow #bottom_nav a.activeSlide {
				background:#cf0c18 url('../img/layout/sh-bg-active.gif') top left repeat-x;
			}
		#content.home .slideshow #bottom_nav a.more {
			background:url('../img/extras/case-studies.png') no-repeat 5px 5px;
			width:99px;
			height:9px;
			overflow:hidden;
			padding:0;
			border:none;
			text-indent:-9999px;
			padding:6px;
		}

	.home #videos {
		float:left;
		width:318px;
		/*padding:20px 20px 40px;*/
		background:#fcfcfc url('../img/layout/videos-bg.gif') repeat-x top;
		position:relative;
	}
	.home #videos .video {
		display:none;
		/*border:2px solid #fff;*/
		width:300px;
		height:278px;
	}
	.home #videos .nav {
		position:absolute;
		bottom:15px;
		left:5px;
		width:100%;
	}
		.home #videos .nav li {
			font-size:10px;
			float:left;
			margin-right:21px;
		}
			.home #videos .nav li a {
				color:#666;
				text-decoration:none;
			}
			.home #videos .nav li strong {
				color:#E20E1B;
				text-transform:uppercase;
			}
			.home #videos .nav li.last {
				margin-right:0;
			}

	/* testimonials */
	.home #testimonial-cont {
		width:288px;
		padding:10px 0px 0;
		float:left;
		position:relative;
	}
		.home #testimonials {
			height:140px;
			margin:0 10px;
			width:308px;
		}
			.home #testimonials .quote {}
				.home #testimonials .quote p {
					font-size:14px;
					color:#777;
					line-height:26px;
					font-family:Georgia,serif;
					background:#FFF;
				}
					.home #testimonials .quote p.author {
						font-size:14px;
						text-align:right;
					}
					.home #testimonials .quote p span {
						line-height:26px;
					}
		.home #pager {
			clear:both;
			margin-left:12px;
			text-align:left;
		}
			.home #pager a {
				font-size:11px;
				font-weight:bold;
				margin-right:10px;
				color:#666;
				text-decoration:none;
			}
			.home #pager a.activeSlide {
				color:red;
				font-weight:bold;
			}
			.home #testimonial-cont a.more {
				position:absolute;
				right:30px;
				top:167px;
				text-align:right;
				font-weight:normal;
				color:#777;
				font-size:10px;
				text-decoration:none;
			}
		.home #mailing-list {
			clear:left;
			margin-top:16px;
			padding:5px 5px 5px 3px;
			border:solid #ccc;
			border-width:1px 0;
			float:left;
			width:350px;
		}
			.home #mailing-list p {
				float:left;
				width:165px;
				color:#777;
			}
			.home #mailing-list form {
				display:block;
				width:152px;
				float:right;
				margin-top:7px;
			}
				.home #mailing-list label {
					text-transform:uppercase;
					color:#777;
					left:4px;
					top:2px;
				}
				.home #mailing-list input {
					float:left;
				}
				.home #mailing-list .text input {
					width:120px;
					border:none;
					background:#ccc;
					color:#555;
					padding:2px 4px;
					margin-right:2px;
				}
	.home #social {
		float:right;
		margin-top:10px;
	}
		.home #social p,
		.home #social img {
			vertical-align:bottom;
			display:inline;
			color:#999;
			text-align:right;
		}

	.home #ad-cont {
		float:left;
		width:181px;
	}
		.home #ad {
			height:190px;
			margin-bottom:10px;
			background:#ddd;
			width:180px;
		}
		.home #counter {
			width:100%;
			overflow:hidden;
		}
			.home #counter span {
				background-image:url('../img/extras/counter-sprite.png');
				text-indent:-9999px;
				display:block;
				float:left;
				width:15px;
				height:34px;
				border:solid #b10812;
				border-width:1px 1px 1px 0;
				clear:none;
			}
			.home #counter span.first {
				border-width:1px;
			}
			.counter-0 { background-position: 0 0; }
			.counter-1 { background-position: 0 -44px; }
			.counter-2 { background-position: 0 -88px; }
			.counter-3 { background-position: 0 -132px; }
			.counter-4 { background-position: 0 -176px; }
			.counter-5 { background-position: 0 -220px; }
			.counter-6 { background-position: 0 -264px; }
			.counter-7 { background-position: 0 -308px; }
			.counter-8 { background-position: 0 -352px; }
			.counter-9 { background-position: 0 -396px; }
			.home #counter span.counter-comma {
				background-position: 0 -440px;
				width:5px;
			}
			.home #counter #counting {
				float:left;
				clear:left;
			}

/* overview */
#faqs h3 {
	clear:both;
	font-weight:bold;
	color:#e20e1b;
	font-size:13px;
	margin-bottom:5px;
}
#faqs ul {
	margin:0 0 20px 0;
	border-bottom:1px solid #CCC;
	padding-bottom:20px;
}
	#faqs ul li {
		list-style:none;
		font-weight:bold;
	}
#faqs img.top {
	float:right;
	margin-bottom:10px;
}

/* case study */
.case-study .side img {
	margin-bottom:15px;
}
.case.entry {
	width:600px;
	overflow:hidden
}
	.case.entry div.float_l {
		width:410px;
	}
	.case.entry h2 {
		float:left;
	}
	.case.entry .image img {
		float:right;
		border:1px solid #ddd;
		padding:2px;
		max-width:180px;
	}
	.case.entry p.float_r {
		margin-top:6px;
	}
	.case.entry .download {
		float:right;
	}

/* videos */
.videos .side .entry img.thumb {
	border:1px solid #888;
	padding:1px;
}
#main.videos .side p,
#main.videos .side li {
	color:#666;
}
#main.videos .side .entry p.title {
	margin-bottom:5px;
	font-weight:normal;
}
.videos .side .entry {
	margin-bottom:10px;
}
.videos .side .entry p.description {
	font-weight:normal;
}
.paging {
	width:100%;
	text-align:center;
}
	.paging div {
		display:inline;
	}
	.paging li {
		display:inline;
		margin-right:3px;
	}
	.paging li.next {
		margin-right:0;
	}
	.paging li a {
		font-weight:normal;
	}
		.paging li a.active {
			font-weight:bold;
		}
		#main .paging .disabled,
		#main .paging .disabled a,
 		#main .paging .disabled a:hover{
			color:#999;
			text-decoration:none;
			cursor:text;
		}

/* testimonials ** note: these styles are used for profiles as well */
.testimonials .entry div {
	float:left;
	margin-left:10px;
	width:390px;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
	margin-bottom:20px;
}
	.testimonials .entry.last div {
		border-bottom:0;
		padding-bottom:0;
		margin-bottom:0;
	}
.testimonials h2 {
	float:left;
}
.testimonials p {
	clear:left;
}
	#main.testimonials p.float_r {
		clear:none;
		text-transform:uppercase;
		color:#999;
	}

/* send testimony */
.send h2 {
	font-size:13px;
	text-transform:uppercase;
	font-weight: normal;
}
	#main.send .side p {
		color:#999;
	}

/* REPS / DISTRIBUTORS */
.reps .content {
	margin-bottom:20px;
}
.reps #map {
	width:100%;
	background:url('../img/content/reps/map.jpg') no-repeat 0 0;
	clear:both;
	/* IE min-height HACK */
	min-height:400px;
	height:auto !important;
	height:400px;
}
	.reps #map #find {
		position:absolute;
		left:278px;
		top:156px;
	}
#repform {
	background:url('../img/content/reps/modal-form.png') no-repeat 0 0;
	position:absolute;
	left:180px;
	top:20px;
	width:320px;
	height:372px;
	padding:25px 25px 0px 25px;
	display:none;
}
	#repform h3, #represults h3 {
		color:#E20E1B;
		font-size:13px;
		text-transform:uppercase;
		margin-bottom:13px;
	}
	#repform #submit {
		float:right;
		margin-right:15px;
	}
#represults {
	background:url('../img/content/reps/modal-results.png') no-repeat 0 0;
	width:605px;
	height:370px;
	top:20px;
	right:-8px;
	position:absolute;
}
#represults .container {
	width:410px;
	height:275px;
	margin:28px 25px 25px 25px;
	overflow:auto;
	padding:10px 0 20px 15px;
}
	#represults .entry {
		width:385px;
		margin-bottom:20px;
		border-bottom:1px solid #ccc;
	}
		#represults .entry img {
			float:left;
		}
		#represults .entry div {
			float:left;
			margin-left:10px;
			width:270px;
		}
		#represults .entry h4 {
			font-weight:bold;
		}
		#represults .entry span.company {
			text-transform:uppercase;
			letter-spacing:0.5px;
		}
	#represults .entry.float_l {
		clear:left;
	}
	#represults .float_r {
		float:left;
	}
	#represults .entry.noborder {
		border-bottom:0;
		margin-bottom:0;
	}

/* press */
.press h2 {
	text-transform:uppercase;
	float:left;
}
#content.press p.date {
	float:right;
	color:#E20E1B;
	font-size:11px;
	font-weight:bold;
	margin-top:6px;
}
.articles div {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	overflow:hidden;
	width:100%;
	float:left;
	clear:left;
}
#main .articles p.excerpt,
.article .meta {
	padding-left:70px;
	background-position:0 0;
	background-repeat:no-repeat;
	clear:left;
	margin-bottom:5px;
	min-height:60px;
	height:auto !important; /* IE HACK */
	height:60px;
}
.articles .release p.excerpt,
.article .meta.release {
	background-image:url('../img/extras/press/press.gif');
}
.articles .newsletter p.excerpt,
.article .meta.newsletter {
	background-image:url('../img/extras/press/newsletter.gif');
}
.articles .event p.excerpt,
.article .meta.event {
	background-image:url('../img/extras/press/event.gif');
}
.articles .green p.excerpt,
.article .meta.green {
	background-image:url('../img/extras/press/green.gif');
}
#content.press .side .middle p {
	font-size:11px;
	margin-bottom:5px;
	color:#666;
}
	#content.press .side .middle p strong {
		color:#E20E1B;
	}
	#content.press .side .middle p a {
		color:#666;
	}
.press .side {
	padding-top:215px;
}
.press .side #news {
	position:absolute;
	right:-20px;
	top:0;
}
.press .side #archive {
	margin-top:20px;
}
	.press .side #archive ul {
		margin-left:10px;
	}
	.press .side #archive li {
		list-style:none;
	}
		.press .side #archive li a {
			color:#999;
			font-weight:bold;
			font-size:13px;
		}
.press h4 {
	text-transform:uppercase;
	color:#E20E1B;
	margin-bottom:5px;
	margin-top:40px;
	font-size:13px;
}
.press #archive {
	padding-left:20px;
}
	.press #archive ul {
		margin-bottom:0;
	}
.press #companies h4 {
	padding-left:20px;
}
	.press #companies img {
		margin-right:10px;
		float:left;
	}
	.press #companies img.last {
		margin-right:0;
	}

.article .meta {
	overflow:hidden;
}
	#main.article .meta h1 {
		text-transform:uppercase;
		color:#E20E1B;
		font-size:18px;
		font-weight:bold;
		margin-bottom:2px;
		padding-top:6px;
	}
	#main.article .meta p {
		color:#878787;
		font-size:13px;
		text-transform:uppercase;
		margin-bottom:20px;
	}

/* green */
#content.green h2 {
	color:#006600;
}

/* about */
.profile {
	float:left;
	clear:left;
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
	width:100%;
}
	.profile.last {
		border-bottom:0;
	}
	.profile .photo {
		background:url('../img/content/about/frame.png') no-repeat;
		width:140px;
		height:165px;
		padding:9px 12px 15px 12px;
		float:left;
		margin-right:10px;
	}
	.profile .description {
		width:400px;
		float:left;
	}
		.profile h2 {
			font-size:13px;
			letter-spacing:0.5px;
			font-weight:normal;
		}

.about .contact h1,
#content.about .contact h1 strong {
	color:#E20E1B;
}
.about .side h2 {
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:0.5px;
}
.about .contact h2 {
	font-weight: normal;
}


/* TERMS and PRIVACY */
.terms dd, .terms dt {
	color:#555;
}
.terms ol {
	margin-top:10px;
}
.terms ol li {
	margin-bottom:8px;
}
.terms dt {
	font-weight:bold;
	text-transform:uppercase;
	color:#666;
	margin-bottom:10px;
}
.terms dd {
	margin-bottom:20px;
}
.privacy li {
	margin-bottom:10px;
}