body{
	background:#CCE3F1 url('../images/page_b.jpg') 0 142px repeat-x;
	font-family:arial,sans-serif;
	font-size:12px;
}
	.header_container{
		background:#002f4e url('../images/header_container.jpg') repeat-y;
		border-bottom:1px solid #fff;
		display:block;
		height:141px;
		width:100%;
	}
		.header{
			background:url('../images/header.png') no-repeat;
			display:block;
			height:141px;
			margin:0 auto;
			width:900px;
		}
	.nav_container{
		border-bottom:1px solid #fff;
		display:block;
		height:40px;
		width:100%;
	}
		.nav{
			display:block;
			height:40px;
			margin:0 auto;
			width:900px;
			padding:0;
			list-style:none;
		}
		.nav li{
			float:left;
		}
			.nav li a{
				background-position:center top;
				background-repeat:no-repeat;
				display:block;
				float:left;
				height:40px;
				line-height:40px;
			}
				.nav li a:hover, .nav li a.active{
					background-position:center bottom;
				}
				.nav li a.home{
					background-image:url('../images/nav/1.jpg');
					width:88px;
				}
				.nav li a.services{
					background-image:url('../images/nav/2.jpg');
					width:128px;
				}
				.nav li a.portfolio{
					background-image:url('../images/nav/3.jpg');
					width:190px;
				}
				.nav li a.about{
					background-image:url('../images/nav/4.jpg');
					width:136px;
				}
				.nav li a.contact{
					background-image:url('../images/nav/5.jpg');
					width:156px;
				}
				.nav li a.newsletter{
					background-image:url('../images/nav/6.jpg');
					width:176px;
				}

	.page_container{
		background:url('../images/page_container.png') center top no-repeat;
		display:block;
		margin:0 auto 20px;
		position:relative;
		width:966px;
		z-index:1;
	}
		.top_content{
			background:url('../images/top_content.jpg') no-repeat;
			display:block;
			height:315px;
			margin:0 auto;
			width:900px;
		}
			.top_content.ie{
				height:60px;
				overflow:hidden;
			}
				.top_content h2{
					color:#fff;
					font-size:26px;
					line-height:60px;
					margin-left:15px;
					float:left;
				}
				.top_content .slogan{
					color:#fff;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:16px;
					margin-left:30px;
					margin-top:-10px;
				}
				.box{
					background:url('../images/box.png') no-repeat;
					cursor:pointer;
					display:block;
					float:left;
					height:186px;
					margin-top:20px;
					margin-left:15px;
					width:206px;
					text-decoration:none;
					position:relative;
					z-index:5;
				}
					.box h3{
						color:#fff;
						font-size:14px;
						text-transform:uppercase;
						line-height:25px;
						margin-left:10px;
					}
						.box h3.hover{
							color:#66AAD7;
						}
					.box .cycle{
						background:#fff;
						display:block;
						height:144px;
						margin:8px 0 0 9px;
						width:188px;
						position:relative;
					}
						.box .cycle img{
							height:144px;
							width:188px;
							float:left;
						}
				.sub_nav{
					display:block;
					float:right;
					height:36px;
					padding:0;
					list-style:none;
					width:576px;
					margin:24px 20px 0 0;
				}
					.sub_nav li{
						float:left;
					}
					.sub_nav li a{
						background:url('../images/sub_nav.png') left top no-repeat;
						color:#000;
						cursor:pointer;
						display:inline;
						float:left;
						font-size:16px;
						line-height:36px;
						height:36px;
						text-decoration:none;
						text-transform:uppercase;
					}
						.sub_nav li a span{
							background:url('../images/sub_nav.png') 100% -36px repeat;
							display:inline;
							float:left;
							height:36px;
							margin-left:4px;
							padding-left:10px;
							padding-right:27px;
						}
						.sub_nav li a:hover{
							background-position:-4px top;
							text-decoration:underline;
						}
							.sub_nav li a:hover span{
								background-position:100% -72px;
							}
						.sub_nav li a.active{
							background-position:-4px top;
							color:#0B4770;
						}
							.sub_nav li a.active span{
								background-position:100% -72px;
							}
		.page{			
			border-left:1px solid #000;
			border-right:1px solid #000;
			background:#fff;
			display:block;
			margin:0 auto;
			width:898px;
			position:relative;
		}
			.col{
				display:inline;
				float:left;
				margin-left:10px;
				margin-top:10px;
				width:297px;
			}
				.col h3{
					color:#00395E;
					font-size:20px;
					font-weight:700;
					text-transform:uppercase;
					margin-left:15px;
				}
				.col p{
					color:#1a1a1a;
					line-height:18px;
					margin:0 15px 15px;
				}
				.col a.read_more{
					background:url('../images/read_more.jpg') no-repeat;
					display:block;
					height:23px;
					width:103px;
				}
				.col a.services{
					background:url('../images/nav/services.jpg') no-repeat;
					display:block;
					height:23px;
					width:103px;
				}
				.col a.about-us{
					background:url('../images/nav/about-us.jpg') no-repeat;
					display:block;
					height:23px;
					width:103px;
				}
				.col .news{
					background:url('../images/news.jpg') no-repeat;
					display:inline;
					float:left;
					height:55px;
					width:255px;
				}
				.col .connect{
					background:url('../images/connect.jpg') no-repeat;
					display:inline;
					float:left;
					height:27px;
					width:255px;
					margin-top:20px;
				}
				.col .text{
					background:#e6e6e6;
					display:block;
					float:left;
					padding:10px;
					width:235px;
				}
					.col .text p{
						border-bottom:1px dotted #ccc;
						color:#1a1a1a;
						display:block;
						margin-bottom:5px;
						padding-bottom:5px;
						line-height:18px;
					}
					a.facebook{
						background:url('../images/social.jpg') left top no-repeat;
						display:inline;
						float:left;
						height:25px;
						width:24px;
						margin-left:55px;
					}
					a.twitter{
						background:url('../images/social.jpg') center top no-repeat;
						display:inline;
						float:left;
						height:25px;
						width:24px;
						margin-left:25px;
					}
					a.youtube{
						background:url('../images/social.jpg') right top no-repeat;
						display:inline;
						float:left;
						height:25px;
						width:24px;
						margin-left:25px;
					}
			.page.inner{
				background:#fff url('../images/page_inner.jpg') repeat-x;
				color:#1A1A1A;
				min-height:500px;
				height:auto !important;
				height:500px;
				padding:15px;
				width:868px;
			}
				.page.inner h3{
					color:#1a1a1a;
					font-size:16px;
					font-weight:700;
				}
				.page.inner p{
					font-size:13px;
					line-height:19px;
					margin-bottom:15px;
				}
				.page.inner li{
					line-height:19px;
				}
				.page.inner .left_col{
					display:block;
					float:left;
					width:505px;
				}
				.page.inner .right_col{
					background:url('../images/right_col.png') center top no-repeat;
					display:inline;
					float:right;
					margin-right:-15px;
					width:363px;
					min-height:300px;
					height:auto !important;
					height:300px;
					padding-top:8px;
				}
					.page.inner .right_col .content{
						display:block;
						margin-left:15px;
						width:333px;
					}
		.portfolio_box{
			background:url('../images/portfolio_box.jpg') no-repeat;
			display:block;
			height:308px;
			margin:0 auto;
			padding:36px 30px;
			width:840px;
			overflow:hidden;
		}
			.notify{
				color:#fff;
				display:block;
				font-size:18px;
				line-height:308px;
				text-align:center;
			}
		.portfolio_list{
			margin:0;
			padding:0;
			list-style:none;
		}
			.jcarousel-clip {
			    z-index:2;
			    float:left;
			    margin-left:25px;
			    overflow: hidden;
			    position: relative;
			    width:771px;
			    height:305px;
			}
			
			.jcarousel-list {
			    z-index: 1;
			    float:left;
			    position: relative;
			}
			
			.jcarousel-list li{
				display:block;
				float:left;
				height:305px;
				margin-right:22px;
				width:235px;
			}
				.jcarousel-item .img{
					background-color:#fff;
					background-repeat:no-repeat;
					background-position:center center;
					border:7px solid #666;
					color:#000;
					display:block;
					height:216px;
					width:219px;
					text-align:center;
				}
				.jcarousel-item .info{
					background:url('../images/info_box.png') no-repeat;
					color:#fff;
					display:block;
					height:60px;
					width:219px;
					padding:7px;
					overflow:hidden;
				}
					.jcarousel-item .info p{
						line-height:19px;
					}
			.jcarousel-next {
				z-index:3;
				background-image:url('../images/next-arrow.png');
				background-repeat:no-repeat;
				cursor:pointer;
				display:block;
				float:right;
				height:47px;
				width:22px;
				margin-top:125px;
			}
			.jcarousel-prev {
				z-index:3;
				background-image:url('../images/back-arrow.png');
				background-repeat:no-repeat;
				cursor:pointer;
				display:block;
				float:left;
				height:47px;
				width:22px;
				margin-top:125px;
			}
		label{
			display:block;
			font-weight:700;
			margin-top:10px;
		}
		form .text{
			padding:3px;
			font-size:12px;
		}
		form textarea{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			padding:3px;
			width:400px;
			height:100px;
		}
		.footer{
			background:#000;
			color:#666;
			display:block;
			height:35px;
			line-height:35px;
			margin:0 auto;
			width:900px;
			position:relative;
		}
			.footer a{
				color:#666;
			}
			.footer .left{
				float:left;
				margin-left:20px;
			}
			.footer .right{
				float:right;
				margin-right:20px;
			}
/* General Styles */
.clear{
	clear:both;
}
.none{
	display:none;	
}
.error{
	color:#FF0000;
	font-weight:700;
	display:block;
	margin-top:10px;
}
