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

body {
	background:#0986b2;
} 

#bg {
	background:#04a7db url(../images/gateway-tile.gif) top center repeat;
}

#content {
	width:996px;
	height:600px;
	margin:0 auto;
	background:url(../images/gateway-logo.jpg) top left no-repeat;
}

	.left-col {
		width:242px;
		float:left;
		padding:147px 0 0 58px;
	}
	
		.left-col p {
			margin:0;
			padding:0;
		}
		
		.left-col p a {
			display:block;
			width:234px;
			height:34px;
			background:url(../images/enterButton.png) top no-repeat;
		}
		
		.left-col p a:hover {
			background:url(../images/enterButton.png) bottom no-repeat;
		}
		
	
	.right-col {
		width:680px;
		float:right;
		padding:85px 0 0 0;
		text-align:center;
		height:120px;
	}
		.right-col h1 .gateway, .right-col h2 .gateway {
			width:680px;
			display:block;
		}
		
		.right-col h1 {
			font-size:35px;
			color:#fff;
			margin:0;
			padding:0;
			height:61px;
			line-height:61px;
		}
		
		.right-col h2 {
			font-size:20px;
			color:#fff;
			margin:0;
			padding:0;
			height:42px;
			line-height:42px;
		}
			
				.right-col h2 strong {
					color:#fc0;
				}
				
		.prod-images {
			padding:1px;
			background:#fff;
			width:788px;
			margin:0 auto 40px auto;
			clear:both;
		}
		
			.image {
				margin-right:1px;
			}
			
	#content-links {
		clear:both;
		margin:0 auto;
		padding:10px 0 0 20px;
		width:924px;
		
		background:url(../images/sectionlinks-bg.png) top no-repeat;
	}
	
		.section1 {
			padding:0 13px 0 0;
		}
		
		.section2 {
			padding:0 13px;
		}
		
		.section3 {
			padding:0 0 0 13px;
		}
		
			.section1, .section2, .section3 {
				float:left;
				width:284px;
				height:132px;
			}
			
			.section1 h3, .section2 h3, .section3 h3 {
				margin:0;
				padding:0;
				width:284px;
				display:block;
			}
			
				.section1 h3 a, .section2 h3 a, .section3 h3 a {
					width:239px;
					padding:0 0 10px 45px;
					display:block;
					text-decoration:none;
					background:url(../images/sectionButton.png) top left no-repeat;
					font-family:Arial, Helvetica, sans-serif;
				}
				
					.section1 h3 a:hover, .section2 h3 a:hover, .section3 h3 a:hover {
						background:url(../images/sectionButton.png) top right no-repeat;
					}
				
				h3 a .link-header {
					color:#fff;
					font-size:14px;
					text-transform:uppercase;
					width:239px;
					display:block;
				}
				
				h3 a .link-sub {
					color:#fc0;
					font-size:14px;
					width:239px;
					display:block;
				}
			
			.section1 ul, .section2 ul, .section3 ul {
				margin:0;
				padding:0 0 0 45px;
				font-size:10px;
				width:200px;
			}
			
				.section1 ul li, .section2 ul li, .section3 ul li {
					margin:0;
					padding:0 4px 0 0;
					display:inline;
					list-style:none;
					color:#c0e9f6;
				}
			
				.section1 ul li a, .section2 ul li a, .section3 ul li a {
					color:#c0e9f6;
					text-decoration:none;
				}
				
					.section1 ul li a:hover, .section2 ul li a:hover, .section3 ul li a:hover {
						color:#c0e9f6;
						text-decoration:underline;
					}