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

@import url('reset.css');

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}



p {
}

p.more {
	text-align: right;
}

	p.more a {
		text-decoration: none;
	}

	p.more a:hover {
		text-decoration: underline;
	}

.home {
	background: #0e608a url('../img/body-background-home.gif') 0 0 repeat-x;
}

.content {
	background: #FFF url('../img/body-background-content.gif') 0 0 repeat-x;
}

#wrap {
}

.container {
	margin: 0 auto;
	width: 960px;
}

#branding {
}

	#branding .container {
		padding: 16px 20px;
		height: 95px;
		width: 920px;
	}

	#branding h1 {
		float: left;
	}
	
		#branding h1 img {
			display: none;
		}
		
		#branding h1 a {
			display: block;
			background: url('../img/logo-apyx.jpg') 0 0 no-repeat;
			width: 87px;
			height: 95px;
			text-indent: -9999px;
		}
		
	#branding #navigation {
		background: #7f7f7f;
		border: 1px solid #7f7f7f;
		margin-top: 34px;
		margin-right: -20px;
		float: right;
		z-index:1000;
		position:relative;
	}
	
		#branding #navigation li {
			position: relative;
			float: left;
		}
		
			#branding #navigation li a {
				display: block;
				padding: 0 15px;
				line-height: 34px;
				font-size: 12px;
				font-weight: bold;
				color: #FFF;
				text-decoration: none;
				float: left;
			}
			
			#branding #navigation li a:hover {
				background: #EEE;
			}
			
			#branding #navigation li ul {
				position: absolute;
				left: -9999px;
				top: 34px;
				background: #FFF;
				border: 1px solid #7F7F7F;
				border-top: none;
				margin-left: -1px;
				width: 220px;
			}
			
			#branding #navigation li ul li {
				display: block;
				float: none;
			}
			
				#branding #navigation li ul li a {
					padding: 0 10px;
					font-size: 12px;
					color: #7F7F7F;
					float: none;
				}
				
				#branding #navigation li ul li a:hover {
					background: #EEE;
				}
				
		#branding #navigation li:hover,
		#branding #navigation li.hover {
			background: #FFF;
			color: #7F7F7F;
		}
		
			#branding #navigation li:hover a,
			#branding #navigation li.hover a {
				color: #7F7F7F;
			}
			
		#branding #navigation li:hover ul,
		#branding #navigation li.hover ul {
			left: 0;
		}
			
.home #branding {
	padding-bottom: 206px;
}

	.home #branding h1 {
	}
	
		.home #branding h1 a {
			background-image: url('../img/logo-apyx-home.jpg');
		}
		
.content #branding {
	padding-bottom: 110px;
}

#billboard {
}

.home #billboard {
	margin-top: -249px;
}

	.home #billboard .container {
		background: url('../img/billboard-duded41d.jpg?') 100% 100% no-repeat;
		padding: 57px 440px 0 20px;
		width: 500px;
		height: 192px;
	}

	.home #billboard h2 {
		font-size: 36px;
		color: #005295;
		margin-bottom: 10px;
	}
	
	.home #billboard p {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 10px;
	}
	
	.home #billboard p.more {
	}
	
		.home #billboard p.more a {
			background: url('../img/arrow-blue.gif') 100% 50% no-repeat;
			padding-right: 12px;
			font-weight: bold;
			color: #005295;
			text-decoration: none;
		}
		
		.home #billboard p.more a:hover {
			text-decoration: underline;
		}

.content #billboard {
	margin-top: -153px;
}

	.content #billboard .container {
		background-position: 95% 100%;
		background-repeat: no-repeat;
		padding: 76px 0 0 20px;
		width: 940px;
		height: 77px;
	}
	
	.content #billboard .container p {
		float:left;
	}
	
	.about-us #billboard .container {
		background-image: url('../img/header-about-usd41d.jpg?') ;
	}
	
	.about-us #billboard .container p {
		width:200px;
		margin-top:-8px;
	}

	.our-team #billboard .container {
		background-image: url('../img/header-our-teamd41d.jpg?') ;
	}
	
	.our-team #billboard .container p {
		width:200px;
	}
	
	.services #billboard .container {
		background-image: url('../img/header-servicesd41d.jpg?') ;
	}
	
	.services #billboard .container p {
		width:250px;
	}
	
	.products #billboard .container {
		background-image: url('../img/header-productsd41d.jpg?') ;
	}
	
	.products #billboard .container p {
		width:250px;
		margin-top:-8px;
	}
	
	.case-studies #billboard .container {
		background-image: url('../img/header-case-studiesd41d.jpg?') ;
	}
	
	.case-studies #billboard .container p {
		width:160px;
		margin-top:-8px;
	}
	
	.news-and-events #billboard .container {
		background-image: url('../img/header-news-and-eventsd41d.jpg?') ;
	}
	
	.news-and-events #billboard .container p {
		width:125px;
	}
	
	.careers #billboard .container {
		background-image: url('../img/header-careersd41d.jpg?') ;
	}
	
	.careers #billboard .container p {
		width:200px;
	}
	
	.contact #billboard .container {
		background-image: url('../img/header-contactd41d.jpg?') ;
	}
	
	.contact #billboard .container p {
		width:250px;
		margin-top:-8px;
	}
	
	.content #billboard h2 {
		font-family: "Helvetica 45 Light", Helvetica, Arial, sans-serif;
		font-size: 36px;
		color: #5c8c81;
		line-height: 43px;
		padding-right: 13px;
		border-right: 1px solid #666;
		margin-right: 13px;
		float: left;
	}
	
	.content #billboard p {
		font-size: 14px;
		color: #5c8c81;
		line-height: 18px;
		padding: 3px 0;
	}

#content {
}

	#content .container {
	}
	
.content #content  {
	background: url('../img/page.png') 50% 0 no-repeat;
	margin-top: -10px;
	padding-top: 10px;
}

	.content #content .container {
		padding: 0 20px 20px;
		width: 920px;
		height: auto;
		overflow: auto;
		margin-top:32px;
	}

#main {
}

.home #main {
	padding: 25px 0 0 20px;
	height: auto;
	overflow: auto;
}

	.home #main ul {
	}
	
		.home #main ul li {
			margin: 0 20px 10px 0;
			width: 168px;
			float: left;
			font-size: 12px;
			color: #FFF;
			line-height: 18px;
		}
		
			.home #main ul li h3 {
/*				padding-left: 43px;
*/				font-size: 14px;
				font-weight: bold;
				margin-bottom: 10px;
			}
			
			.home #main ul li h3 a {
				background-position: 0 0;
				background-repeat: no-repeat;
				color:white;
				text-decoration:none;
				font-weight:bold;
				display:block;
				padding-left:45px;
			}

			.home #main ul li h3 a:hover {
				text-decoration:underline;
			}

			.home #main ul li p {
				margin-bottom: 10px;
			}
			
			.home #main ul li p.more {
			}
			
				.home #main ul li p.more a {
					background: url('../img/arrow-teal_on_blue.gif') 100% 50% no-repeat;
					padding-right: 12px;
					color: #a7ffeb;
				}
				
		.home #main ul li#submission_management {
		}

			.home #main ul li#submission_management h3 a {
				background-image: url('../img/icon-folder.gif');
			}

		.home #main ul li#process_consulting {
		}

			.home #main ul li#process_consulting h3 a {
				background-image: url('../img/icon-address_book.gif');
			}

		.home #main ul li#spl_conversion_services {
		}

			.home #main ul li#spl_conversion_services h3 a {
				background-image: url('../img/icon-recycle.gif');
			}
	
		.home #main ul li#data_management {
			margin-right:13px;
			width:175px;
		}

			.home #main ul li#data_management h3 a {
				background-image: url('../img/icon-check.gif');
			}
	
		.home #main ul li#submission_products {
		}

			.home #main ul li#submission_products h3 a {
				background-image: url('../img/icon-browser.gif');
			}
			
.content #main {
	width: 635px;
	float: right;
}

	.content #main h3 {
		font-family: "Helvetica 55 Roman", Helvetica, Arial, sans-serif;
		font-size: 30px;
		color: #5c8c81;
		margin-bottom: 12px;
	}
	
	.content #main h4 {
		font-size: 14px;
		font-weight: bold;
		color: #5c8c81;
		margin-bottom: 8px;
		padding-bottom:6px;
		margin-top:18px;
		background:url(../img/border-dotted-horizontal-gray.gif) 0 100% repeat-x;
	}
	
	.content #main h4:first-child {
		margin-top:0;
	}

	.content #main h5 {
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 4px;
	}
	
	.content #main p {
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 10px;
	}
	
	.content #main ul,
	.content #main ol {
		margin-left: 30px;
		font-size: 12px;
		line-height: 18px;
		list-style: outside;
	}
	
		.content #main ul li,
		.content #main ol li {
			margin-bottom: 10px;
		}
		
	.content #main ul {
		list-style: square;
	}
	
	.content #main ol {
		list-style: decimal;
	}
	
	.content #main img {
		border: 1px solid #c6c6c6;
		padding: 6px;
	}
	
	.content #main img.left {
		margin: 4px 10px 10px 0;
		float: left;
	}

	.content #main img.right {
		margin: 4px 0 10px 10px;
		float: right;
	}
	
	.content #main a {
		color: #5C8C81;
	}
	
	.content #main em {
		font-style: italic;
	}
	
	.content #main strong {
		font-weight: bold;
	}
	
	.content #main hr {
		background: url('../img/border-dotted-horizontal-gray.gif') 0 0 repeat-x;
		border: none;
		margin: 20px 0;
		height: 1px;
	}

#secondary {
}

.home #secondary {
	background: url('../img/secondary-background-home.jpg') 0 0 no-repeat;
	margin: -10px -10px 0px;
	padding: 30px 30px 10px;
	height: 158px;
	font-size: 12px;
	color: #EEE;
	line-height: 18px;
	clear: both;
}

	.home #secondary #difference {
		float: left;
		margin-right: 20px;
		width: 544px;
	}

		.home #secondary #difference h4 {
			font-size: 24px;
			margin-bottom: 10px;
		}
		
		.home #secondary #difference p {
			margin-bottom: 10px;
		}
		
			.home #secondary #difference p.more {
				text-align:left;
			}
			
				.home #secondary #difference p.more a {
					background: url('../img/arrow-teal_on_blue.gif') 100% 50% no-repeat;
					padding-right: 12px;
					color: #A7FFEB;
					text-decoration: none;
				}
		
				.home #secondary #difference p.more a:hover {
					text-decoration:underline;
				}

	.home #secondary #recent_news {
		float: right;
		width: 356px;
	}
	
		.home #secondary h5 {
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 10px;
		}
		
		.home #secondary ul  {
			list-style: outside square;
		}
		
			.home #secondary ul li {
				margin-left: 1.5em;
				margin-bottom: 10px;
			}
			
				.home #secondary ul li a {
					color: #EEE;
					text-decoration: none;
				}
				
				.home #secondary ul li a:hover {
					text-decoration: underline;
				}
				
.content #secondary {
	width: 235px;
	float: left;
	padding-right:25px;
	border-right:1px solid #eee;
}

	.content #secondary .navigation-sub {
		background: #f4f4f4 url('../img/border-dotted-horizontal-gray.gif') 0 0 repeat-x;
		margin-bottom: 22px;
		padding-top: 1px;
	}
	
		.content #secondary .navigation-sub li {
			background: url('../img/border-dotted-horizontal-gray.gif') 0 100% repeat-x;
			margin-top: -1px;
		}
		
			.content #secondary .navigation-sub li a {
				display: block;
				background: url('../img/bullet-square-green.gif') 17px 13px no-repeat;
				padding-left: 36px;
				line-height: 30px;
				font-size: 12px;
				font-weight: bold;
				color: #055183;
				text-decoration: none;
			}
			
			.content #secondary .navigation-sub li a:hover   {
				background: #055183 url('../img/bullet-square-gray.gif') 17px 13px no-repeat;
				color: #FFF;
			}
	
			.content #secondary .navigation-sub li.current a {
				background-color:#d3d3d3;
			}	
	
	.content #secondary #features {
	}
	
		.content #secondary #features a {
			color:#5C8C81;
			text-decoration:none;
		}
	
		.content #secondary #features a:hover {
			text-decoration:underline;
		}
	
		.content #secondary #features li {
			margin-bottom: 15px;
		}
		
		.content #secondary #features li li {
			background:none;
			margin-bottom:12px;
			list-style-type:square;
			font-size:12px;
			margin-left:15px;
			padding-bottom:0;
			line-height:18px;
		}
		
		.content #secondary #features li:last-child,
		.content #secondary #features li.last-child {
			background: none;
		}
			
	.content #secondary h4 {
		font-size: 12px;
		font-weight: bold;
		color: #5c8c81;
		text-transform: uppercase;
		margin-bottom: 10px;
	}
	
	.content #secondary h4 a {
		font-weight:bold;
	}

	.content #secondary p {
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 10px;
	}
	
	.content #secondary p.more {
		margin-bottom: 0;
	}
	
		.content #secondary p.more a {
			background: url('../img/arrow-white_on_green.gif') 100% 50% no-repeat;
			padding-right: 14px;
			color: #5C8C81;
		}
		
	.content #secondary blockquote {
	}
	
		.content #secondary blockquote cite {
			font-size: 12px;
			font-weight: bold;
			font-style: normal;
			color: #333;
		}

#site_info {
	clear: both;
}

	#site_info .container {
		padding: 25px 0;
	}
	
	#site_info p {
		font-size: 10px;
		color: #CCC;
		text-align: center;
	}
	
		#site_info p a {
			color: #CCC;
			text-decoration: none;
		}
		
		#site_info p a:hover {
			text-decoration: underline;
		}
		
.content #site_info {
}

	.content #site_info .container {
		background: #FFF;
	}
	
.contact #content #main p {
	float:left; 
	margin-right:50px;
}

.content #main p.intro {
	font-size:14px;
	font-weight:bold;
	color:#5C8C81;
	line-height:22px;
}