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


.container {
    position: relative;
    margin: 0px auto;
    width: 900px;
    display: block;
    clear: both;
}
.header {
    clear: both;
    width: 900px;
    height: 60px;
    display: inline-block;
}
    .header .logo {
      float: left;
      width: 250px;
      height: 35px;
      display: inline-block;
      margin: 10px 0px 0px 40px;
    }
	.navigation {
      float: left;
      width: 370px;
      height: 56px;
      display: inline-block;
      margin: 0px 0px 0px 150px;
	}
.showcase {
    clear: both;
    width: 900px;
    height: 130px;
    display: inline-block;
}
    .showcase .logo {
        float: left;
        width: 122px;
        height: 90px;
        margin: 18px 0px 0px 45px;
        display: inline-block;
    }
    .showcase .banner {
        float: left;
        width: 694px;
        height: 130px;
        background: url(../images/showcase-background.jpg) top left no-repeat;
    }
		.showcase .banner .fields {
			float: right;
			width: 220px;
			height: 130px;
			display: inline-block;
			text-align: left;
		}
			.fields .newsletter {
				clear: both;
				margin: 16px 0px 0px 7px;
				width: 204px;
				height: 44px;
				dispay: inline-block;
				background: url(../images/fields-newsletter-bg.jpg) top no-repeat;
			}
			.fields .search {
				clear: both;
				margin: 6px 0px 0px 7px;
				width: 204px;
				height: 44px;
				dispay: inline-block;
				background: url(../images/fields-search-site-bg.jpg) top no-repeat;
			}
			.newsletter .textbox,
			.search .textbox {
				float: left;
				width: 174px;
				height: 19px;
				display: inline-block;
			}
			.newsletter .button,
			.search .button {
				float: left;
				margin: 2px 0px 0px 0px;
				width: 15px;
				height: 15px;
				display: inline-block;
			}
.body {
    clear: both;
    width: 900px;
    display: inline-block;
    margin: 0px auto;
}
    .lhs {
        float: left;
        width: 640px;
        display: inline-block;
        background: url(../images/middle-edge.png) top right no-repeat;
        text-align: left;
    }
        .lhs-title {
			margin: 0px 0px 0px 20px;
            clear: both;
            width: 600px;
            height: 60px;
            display: inline-block;
	        background: url(../images/content-title-bg.jpg) bottom no-repeat;
        }
			.title-lhs {
			  float: left;
			  width: 406px;
			  height: 60px;
			  display: inline-block;
			}
			.lhs-title .vert-ruler {
				float: left;
				width: 2px;
				height: 29px;
				display: inline-block;
				margin: 18px 0px 0px 0px;
				background: url(../images/content-vertical-ruler-small.jpg) top no-repeat;
			}
			.title-rhs {
			  float: left;
			  width: 184px;
			  height: 60px;
			  display: inline-block;
			  text-align: center;
			}
        .lhs-content {
			margin: 0px 0px 0px 20px;
            clear: both;
            width: 592px;
            display: inline-block;
			background: url(../images/content-body-bg.png) top no-repeat #37404e;
	        border-left: solid 4px #161f2a;
			border-right: solid 4px #161f2a;
        }
			.content-row {
				clear: both;	
			}
				.content-lhs {
				  float: left;
				  width: 402px;
				  height: 170px;
				  display: inline-block;
				}
					.content-lhs .readmore {
						clear: both;
						margin-right: 20px;
						width: 382px;
						height: 20px;
						display: inline-block;
						text-align: right;
					}
					.content-lhs .subtitle {
						margin: 10px 10px 0px 10px;
						clear: both;
						width: 382px;
						height: 31px;
						display: inline-block;
						background: url(../images/content-subtitle-bg-large.png) top no-repeat;
					}
				.lhs-content .vert-ruler {
					float: left;
					width: 2px;
					height: 164px;
					display: inline-block;
					margin: 3px 0px 0px 0px;
					background: url(../images/content-vertical-ruler-large.jpg) top no-repeat;
				}
				.content-rhs {
				  float: left;
				  width: 184px;
				  height: 170px;
				  display: inline-block;
				  text-align: center;
				}
					.featured {
						margin: 15px 19px 15px 19px;
						clear: both;
						width: 150px;
						height: 140px;
						display: inline-block;
						background: url(../images/content-featured-bg.jpg) top no-repeat;
					}
					.featured span {
						margin: 5px 5px 5px 5px;
						clear: both;
						width: 140px;
						height: 130px;
						display: inline-block;
					}
					.content-rhs .subtitle {
						margin: 10px 10px 0px 10px;
						clear: both;
						width: 170px;
						height: 31px;
						display: inline-block;
						background: url(../images/content-subtitle-bg-small.png) top no-repeat;
					}
			.hor-ruler {
				clear: both;
				margin: 0px 4px 0px 4px;
				width: 584px;
				height: 2px;
				display: inline-block;
				background: url(../images/content-horizontal-ruler.jpg) top no-repeat;
			}

        .lhs-footer {
			margin: 0px 0px 0px 20px;
            clear: both;
            width: 600px;
            height: 35px;
            display: inline-block;
	        background: url(../images/content-footer-bg.jpg) top no-repeat;
        }

    .middle {
        float: left;
        width: 220px;
        display: inline-block;
        text-align: left;
        background: url(../images/middle-background.png) top no-repeat #9999ff;
    }
        .middle-header {
            clear: both;
            width: 220px;
            height: 54px;
            display: inline-block;
			text-align: center;
        }
			.latest-blog-and-news-title {
				clear: both;
				width: 184px;
				height: 23px;
				margin: 20px 18px 0px 18px;
				display: inline-block;
				background: url(../images/content-latest-blog-and-news.jpg) top no-repeat;
			}
        .middle-nav {
            clear: both;
            width: 220px;
            display: inline-block;
        }
		.middle-nav .row {
			clear: both;
			width: 220px;
			margin: 0px 0px 0px 0px;
			display: inline-block;
		}
			.middle-nav .row .date {
				float: left;
				width: 40px;
				height: 50px;
				display: inline-block;
				background: url(../images/content-latest-blog-and-news-datebox.png) top no-repeat;
				margin: 0px 10px 0px 10px;
				text-align: center;
			}
				.middle-nav .row .date .month {
					clear: both;
					width: 40px;
					height: 16px;
					display: inline-block;
					margin: 3px 0px 0px 0px;
				}
				.middle-nav .row .date .day {
					clear: both;
					width: 40px;
					height: 16px;
					display: inline-block;
					margin: 3px 0px 0px 0px;
				}
			.middle-nav .row .body {
				width: 146px;
				display: inline-block;
			}
				.middle-nav .row .newsmore {
					clear: both;
					margin: 0x 30px 0px 0px;
					width: 140px;
					height: 20px;
					display: inline-block;
					text-align: right;
				}
		.news-hor {
			width: 200px;
			height: 3px;
			display: inline-block;
			background: url(../images/news-hor.png) top no-repeat;
			margin: 2px 5px 12px 5px;
		}
        .middle-footer {
            clear: both;
            width: 220px;
            height: 21px;
            display: inline-block;
            background: url(../images/middle-bottom-edge.png) bottom no-repeat;
        }

    .rhs {
        float: left;
        width: 40px;
        height: 400px;
        display: inline-block;
        background: url(../images/rhs-edge.png) top left no-repeat;
}
.body_shadow {
    clear: both;
    width: 100%;
    height: 35px;
    display: inline-block;
    background: url(../images/body_shadow.png) top repeat-x #161f2a;
}
.subfooter {
    clear: both;
    width: 100%;
    height: 128px;
    display: inline-block;
    background: url(../images/subfooter-background.png) top repeat-x #9999ff;
}
	.subfooter .showcase {
		clear: both;
		width: 900px;
		height: 128px;
		display: inline-block;
		background: url(../images/subfooter-showcase.png) bottom no-repeat;
	}
.footer {
    clear: both;
    width: 100%;
    height: 100%;
	min-height: 60px;
    display: inline-block;
	background: url(../images/footer-bg.png) top repeat-x #161f2a;
}