@charset "utf-8";
/* CSS Document */

@import url('reset.css');
@import url('jquery.thickbox.css');

body {
	background: url(/img/body-background.jpg) 50% 0 no-repeat;
	padding: 25px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a {
	color: #1d65a1;
	text-decoration: none;
}

	a.more {
		padding-right: 12px;
		background: url(/img/bullet-plus.gif) 100% 50% no-repeat;
	}

a:hover {
	text-decoration: underline;
}

#wrap {
	background: url(/img/page-shadow.png) 50% 0 no-repeat;
}

.container {
	margin: 0 auto;
	padding: 0 30px;
	width: 900px;
}

#branding {
}

	#branding .container {
		background: #FFF url(/img/page-top.gif?) 50% 0 no-repeat;;
		padding: 20px 30px 11px;
		height: 70px;
		position:relative;
	}
	
	#branding h1 {
		position:absolute;
		top:25px;
		left:30px;
	}
	
		#branding h1 a {
			display: block;
			background: url(/img/logo-queplix.gif) 0 0 no-repeat;
			width: 229px;
			height: 53px;
			text-indent: -9999px;
		}
		
		#branding h1 img {
			display: none;
		}
		
	#branding #preferences {
		float: right;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #999999;
		line-height: 10px;
		margin-bottom: 10px;
	}
	
		#branding #preferences a {
			color: #999;
		}
		
		#branding #preferences li {
			float: left;
			padding: 5px 0 5px 10px;
		}

		#branding #preferences .login {
			padding-right: 0;
		}
		
			#branding #preferences .login a {
				border-right: 1px solid #999;
				padding-right: 10px;
			}
		
		#branding #preferences .contact_us {
		}
		
		#branding #preferences .search {
			background: red;
			border: 1px solid #9c9c9c;
			margin-left: 10px;
			padding: 0;
		}
		
			#branding #preferences .search #search {
				background: #FFF;
				border: none;
				margin: 0;
				padding: 3px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				color: #999;
				float: left;
				vertical-align: top;
			}
			
			#branding #preferences .search #search_submit {
				float: left;
				vertical-align: top;
			}
	
	#branding #navigation {
		float: right;
		clear: right;
		font-family: Eurostile, Verdana, Geneva, sans-serif;
		font-size: 14px;
	}
		
		#branding #navigation li {
			position: relative;
			float: left;
			line-height: 30px;
		}
		
			#branding #navigation li a {
				float: left;
				display: block;
				height: 30px;
				line-height: 30px;
				font-weight: bold;
				padding:0 15px;
			}
			
			#branding #navigation li:hover a,
			#branding #navigation li.hover a {
				background:#eee;
				text-decoration: none;
			}
			
			#branding #navigation li:hover li a,
			#branding #navigation li.hover li a {
				background:none;
			}
			
			#branding #navigation li ul {
				position: absolute;
				background: #fff;
				border-width: 0 1px 0;
				border-style: solid;
				border-color: #ddd;
				top: 30px;
				left: 0;
				margin-left: -9999px;
				width: 150px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				z-index: 1000;
			}
			
#branding #navigation li ul li {
	display: block;
	margin: 0;
	padding: 0;
	float: none;
	line-height: 15px;
}

#branding #navigation li ul li:first-child {
	border-width: 1px 0 0;
	border-style: solid;
	border-color: #ddd;
}

	#branding #navigation li ul li a {
		display: block;
		float: none;
		border-width: 0 0 1px;
		border-style: solid;
		border-color: #ddd;
		margin: 0;
		padding: 6px;
		height: auto;
		line-height: 15px;
		font-weight: normal;
		background:none;
	}
	
	#branding #navigation li ul li a:hover {
		background: #eee;
	}
	
	#branding #navigation li:hover ul li a,
	#branding #navigation li.hover ul li a {
		color: #1d65a1;
	}
			
			#branding #navigation li:hover ul,
			#branding #navigation li.hover ul {
				margin-left: 0;
			}
		
		#branding #navigation li.sub-products {
		}
		
			#branding #navigation li.sub-products ul {
				width: 200px;
			}
		
		#branding #navigation li.sub-solutions {
		}
		
			#branding #navigation li.sub-solutions ul {
				width: 180px;
			}
		
		#branding #navigation li.sub-customers {
		}
		
			#branding #navigation li.sub-customers ul {
				width: 170px;
			}
		
		#branding #navigation li.sub-company {
		}
		
			#branding #navigation li.sub-company ul {
				width: 120px;
			}
		
#billboard {
}

	#billboard .container {
		background: #FFF;
	}
	
	#billboard img {
		vertical-align: top;
	}
	
#content {
}

	#content .container {
		background: #FFF;
	}

.home #content {
}

	.home #content .container {
		position: relative;
		background: #FFF url(/img/home-middle_column.gif) 50% 0 no-repeat;
		padding: 13px 30px 0;
		margin-bottom:25px;
	}
	
	.home #content .container:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	.home #content h3 {
		font-family: Eurostile, Verdana, Geneva, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #1d65a1;
		margin-bottom: 10px;
		padding-left: 12px;
		background: url(/img/bullet-foursquare.gif) 0 50% no-repeat;
	}
	
	.home #content p {
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 10px;
	}
	
	.home #content p a {
		font-weight: bold;
	}
	
	.home #content ul,
	.home #content ol {
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 10px;
	}
	
		.home #content ul li,
		.home #content ol li {
			margin-bottom: 5px;
		}
	
.content #content {
}

	.content #content .container {
		background: #FFF url(/img/content-background.jpg) 50% 0 no-repeat;
		height: 1%;
	}

	.content #content .container:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

#main {
}

.home #main {
	float:left;
	margin-left:25px;
	padding: 0 25px;
	width: 400px;
}
.home #main p {
	line-height:20px;
}

	.home #main h3 {
		font-size: 18px;
		padding-left: 0;
		background: none;
	}
	
	.in_the_news {
		clear:both;	
		padding-top:20px;
		margin-top:15px;
		background: url(/img/border-dotted-999.gif) 0 0 repeat-x;
	}
	
	.in_the_news li {
		float:left;
		width:280px;
	}
	
	.in_the_news img {
		float:left;
		margin-right:10px;
	}
	
	
/*	.home #main .in_the_news {
		padding-top:10px;
	}
	
		.home #main .in_the_news ul {
		}
	
			.home #main .in_the_news ul li {
				margin-bottom: 10px;
				height: auto;
				overflow: auto;
			}
	
.home #main .in_the_news ul li img {
	float: left;
}

.home #main .in_the_news ul li p {
	margin-left: 130px;
}
*/	
.content #main {
	width: 625px;
	float: right;
}

	.content #main h2 {
		margin-left: -275px;
		padding: 20px 0 60px 40px;
		height: 20px;
		font-family: Eurostile, Verdana, Geneva, sans-serif;
		font-size: 30px;
		font-weight: bold;
		color: #FFF;
	}
	
	.content #main h3 {
		font-family: Eurostile, Verdana, Geneva, sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: #1d65a1;
		margin: 15px 0 10px;
	}
	
		.content #main h3 a {
			font-weight: bold;
		}
	
		.content #main h2 + h3,
		.content #main h3.first-child {
			margin-top: 0;
		}

	.content #main h4 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #1d65a1;
		margin: 15px 0 10px;
	}
	
	.content #main h5 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #1d65a1;
		margin: 15px 0 10px;
	}
	
	.content #main p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 10px;
	}
	
		.content #main p.note {
			font-size: 10px;
		}
		
		.content #main strong {
			font-weight: bold;
		}
	
	.content #main img {
	}
	
		.content #main img.left {
			float: left;
			margin: 0 10px 10px 0;
		}
		
		.content #main img.right {
			float: right;
			margin: 0 0 10px 10px;
		}
		
		.content #main img.stock {
			background: #EEE;
			border: 1px solid #CCC;
			padding: 4px;
		}
		
		.content #main img.logo {
			margin-top: 10px;
		}
	
	.content #main ul,
	.content #main ol {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 5px;
		padding-left: 3em;
		list-style-position: outside;
	}
	
		.content #main ul li,
		.content #main ol li {
			margin-bottom: 5px;
		}
		
	.content #main ul { list-style-type: disc; }
	
	.content #main ol { list-style-type: decimal; }
	
	.content #main table {
		margin: 10px 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		border: 1px solid #ccc;
		border-collapse: collapse;
	}
	
		.content #main table td,
		.content #main table th {
			border: 1px solid #ccc;
			padding: 10px;
		}
	
		.content #main table th {
			font-weight: bold;
			text-align: left;
		}
		
			.content #main table th h4 {
				text-align: center;
			}
		
		.content #main table td {
		}
		
			.content #main table td .x {
				display: block;
				background: url(/img/icon-check.gif) 50% 50% no-repeat;
				height: 32px;
				text-indent: -9999px;
			}
	
	.content #main .stock {
		background: #FFF;
		border: 1px solid #c6c6c6;
		padding: 5px;
	}
	
	.content #main .left {
		float: left;
		margin: 5px 10px 0 0;
	}
	
	.content #main .right {
		float: right;
		margin: 5px 0 0 10px;
	}
    
    .content #main form {
       margin-top:20px; 
    }
    
    .content #main form label {
        display:block;
        float:left;
        width:100px;
        text-align:right;
        font-weight:bold;
        margin-right:8px;
    }
    
    .content #main form label.error {
        float:none;
        clear:left;
        color:#f00;
        font-weight:bold;
        padding-left:108px;
        width:auto;
        text-align:left;
    }
        
    .content #main form p {
        margin-bottom:15px;
    }
    
    .content #main form input.textfield {
        width:200px;
        height:24px;
        border:1px solid #ccc;
    }
    
    .content #main form input.error {
        border:1px solid #f00;
    }

    .content #main form .submit {
        margin-left:108px;
        width:100px;
    }

#secondary {
}

.home #secondary {
	float: left;
	width: 200px;
	margin-bottom:15px;
}

	.home #secondary .whats_new {
		background: url(/img/border-dotted-999.gif) 0 100% repeat-x;
		height: auto;
		overflow: auto;
		padding-bottom: 1px;
		margin-bottom: 10px;
	}
	
		.home #secondary .whats_new ul {
		}
	
			.home #secondary .whats_new ul li {
			}
		
.home #secondary .whats_new ul li a {
	color: #000;
}

.home #secondary .whats_new ul li a:hover {
	color: #2685d4;
}
	
	.home #secondary .partner_spotlight {
	}
	
		.home #secondary .partner_spotlight img {
			margin: 0 40px 10px;
		}
		
.content #secondary {
	margin-top: 100px;
	width: 225px;
	float: left;
    min-height:600px;
}

	.content #secondary .sub_navigation {
		background: #f4f4f4 url(/img/border-dotted-999.gif) 0 0 repeat-x;
		margin-bottom: 30px;
		padding-top: 1px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
	}

	.partners #secondary .sub_navigation {
		background: none;
		margin-bottom: 0px;
	}

		.content #secondary .sub_navigation li {
			background: url(/img/border-dotted-999.gif) 0 100% repeat-x;
			padding-bottom: 1px;
		}
		
			.content #secondary .sub_navigation li a {
				display: block;
				background: url(/img/bullet-square-blue.gif) 10px 50% no-repeat;
				padding: 0 0 0 30px;
				line-height: 30px;
				font-weight: bold;
				color: #1d65a1;
				text-decoration: none;
			}
			
			.content #secondary .sub_navigation li a:hover {
				background-color: #eee;
			}
			
			.content #secondary .sub_navigation li ul {
				margin-bottom: -1px;
			}
			
.content #secondary .sub_navigation li ul li {
}

	.content #secondary .sub_navigation li ul li a {
		background: url(/img/bullet-dash-blue.gif) 20px 50% no-repeat;
		padding-left: 40px;
	}
			
		.content #secondary .sub_navigation li.current {
			background-color: #e0e0e0;
		}
		
			.content #secondary .sub_navigation li.current a {
			}

			.content #secondary .sub_navigation li.current a:hover {
				background-color: #ddd;
			}

	.content #secondary h3 {
		font-family: Eurostile, Verdana, Geneva, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #1d65a1;
		margin-bottom: 10px;
		padding-left: 12px;
		background: url(/img/bullet-foursquare.gif) 0 50% no-repeat;
	}
	
	.content #secondary .next_steps {
	}
	
		.content #secondary .next_steps ul {
			font-size: 12px;
			color: #333;
		}
		
			.content #secondary .next_steps ul li {
				font-weight: bold;
				line-height: 32px;
				padding-left: 26px;
				background-position: 0 6px;
				background-repeat: no-repeat;
			}
			
.content #secondary .next_steps ul li a {
	font-weight: bold;
}

			.content #secondary .next_steps ul .contact {
				background-image: url(/img/icon-contact.gif);
			}
	
			.content #secondary .next_steps ul .product_info {
				background-image: url(/img/icon-demo.gif);
				background-position: 0 10px;
			}
	
			.content #secondary .next_steps ul .customer_success {
				background-image: url(/img/icon-customer.gif);
			}
	
			.content #secondary .next_steps ul .subscribe {
				background-image: url(/img/icon-subscribe.gif);
			}
			
.content #secondary .next_steps ul .subscribe form {
	margin-left: -26px;
}
			
	.content #secondary .next_steps ul .subscribe form #subscribe {
		border: 1px solid #999;
		padding: 2px;
		width: 125px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #999;
	}
	
	.content #secondary .next_steps ul .subscribe form #subscribe_submit {
		background: #1d65a1;
		border: none;
		padding: 2px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #FFF;
	}
    
.content #secondary .feature li {
    font-size:12px;
    margin:0 0 10px 20px;
    list-style-type:square;
}

#tertiary {
}

.home #tertiary {
	float: right;
	width: 200px;
}

	.home #tertiary .success_stories {
		background: url(/img/border-dotted-999.gif) 0 100% repeat-x;
		margin-bottom: 10px;
		padding-bottom: 1px;
	}
	
		.home #tertiary .success_stories h3 {
			margin:0;
		}
		
		.home #tertiary .success_stories img {
			margin: 10px 50px;
		}
		
		.home #tertiary .success_stories .cycle {
			margin:0;
			height:100px;
		}
		
			.home #tertiary .success_stories .cycle img {
				margin: 0;
			}
	
	.home #tertiary .next_steps {
	}
	
		.home #tertiary .next_steps ul {
			font-size: 12px;
			color: #333;
		}
		
			.home #tertiary .next_steps ul li {
				font-weight: bold;
				line-height: 32px;
				padding-left: 26px;
				background-position: 0 6px;
				background-repeat: no-repeat;
			}
			
.home #tertiary .next_steps ul li a {
	font-weight: bold;
}

			.home #tertiary .next_steps ul .contact {
				background-image: url(/img/icon-contact.gif);
			}
	
			.home #tertiary .next_steps ul .product_info {
				background-image: url(/img/icon-demo.gif);
				background-position: 0 10px;
			}
	
			.home #tertiary .next_steps ul .customer_success {
				background-image: url(/img/icon-customer.gif);
			}
	
			.home #tertiary .next_steps ul .subscribe {
				background-image: url(/img/icon-subscribe.gif);
				background-position: 2px 6px;
			}
			
.home #tertiary .next_steps ul .subscribe form {
	margin-left: -26px;
}
			
	.home #tertiary .next_steps ul .subscribe form #subscribe {
		border: 1px solid #999;
		padding: 2px;
		width: 100px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #999;
	}
	
	.home #tertiary .next_steps ul .subscribe form #subscribe:focus {
		color: #000;
	}
	
	.home #tertiary .next_steps ul .subscribe form #subscribe_submit {
		background: #1d65a1;
		border: none;
		padding: 2px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #FFF;
	}

#site_info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	text-align: center;
	clear:both;
}

	#site_info .container {
		padding-top: 30px;
		background: #FFF;
	}
	
	#site_info #copyright {
		padding: 15px 0 50px;
		background: url(/img/border-dotted-999.gif) 0 0 repeat-x;
	}
	
	#site_info a {
		color: #999;
	}
	
/* PAGES */

.press-releases {
}

	.press-releases #main {
	}
	
		.press-releases #main ul {
			padding-left: 0;
			list-style: none;
		}
		
			.press-releases #main ul li {
			}
			
.press-releases #main ul li h4 {
	font-size: 12px;
	color: #000;
	margin-bottom:0;
}

	.press-releases #main ul li h4 .date {
		display:block;
	}

	.press-releases #main ul li h4 a {
		font-weight: bold;
	}
	
.in-the-news {
}

	.in-the-news #main {
	}
	
		.in-the-news #main ul {
			padding-left: 0;
			list-style: none;
		}
		
			.in-the-news #main ul li {
			}
			
.in-the-news #main ul li h4 {
	font-size: 12px;
	color: #000;
	margin-bottom:0;
}

	.in-the-news #main ul li h4 .date {
		display:block;
	}

	.in-the-news #main ul li h4 a {
		font-weight: bold;
	}
	
.contact {
}

	.contact #main {
	}
	
		.contact #main .section {
			float: left;
			width: 30%;
			padding: 0 1.6%;
		}
		
		.contact #main .email {
			width: 25%;
		}
		
.content #main ul.customers {
	padding:0;
	margin:0;
}

ul.customers li {
	list-style-type:none;
	float:left;
}

.sidebar {
	float:right;
	width:270px;
	padding:10px 15px;
	background:#eee;
	margin-left:16px;
}