@charset "utf-8";
/* CSS Document */
@import"http://www.katnilive.com/BSCI/css/common.css";
@import"http://www.katnilive.com/BSCI/css/reset.css";
.header{
	width:978px;
	float:left;
	height:90px;
	background:url(../images/header-bg.jpg) no-repeat;
	}
		.logo{
		 padding:12px 0 0 15px;
		 width:200px;
		 float:left;
		}
		.logoright{
		 padding:15px;
		 width:600px;
		 float:right;
		 text-align:right;
		 font-size:11px;
		 color:#7db4c9;
		}
	.nav{
	clear:both;
	width:978px;
	float:left;
	height:43px;
	font-size:13px;
	font-weight:bold;
	background:url(../images/nav-bg.jpg)  repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	}
		.nav a{
		color:#102e3e;
		line-height:43px;
		display:block;
		float:left;
		text-decoration:none;
		padding:0 27px;
		text-transform:uppercase;
		background:url(../images/nav-line.jpg) no-repeat right 50%;
		}
			.nav a:hover{
			color:#2274ac;
			}
.mainBanner{
	width:978px;
	float:left;
	height:231px;
	clear:both;
	background:url(../images/main-banner.jpg) no-repeat;
	}
	.mainBanner .contactBox{
	width:285px;
	float:left;
	height:200px;
	margin-top:25px;
	margin-left:22px;
	}
		.mainBanner .contactBox form{
		padding:10px 32px;
		}
		.mainBanner .contactBox form p {
		position:relative;
		clear:both;
		padding-bottom:2px;
		}
		.mainBanner .contactBox form label {
		position:absolute;
		left:3px;
		top:4px;
		font-size:12px;
		font-weight:bold;
		color:#1F415A;
		}
		.mainBanner .contactBox h2{
		background:url(../images/contact-icon.jpg) no-repeat left 50%;
		line-height:32px;
		font-size:18px;
		font-weight:normal;
		color:#fff;
		padding-left:32px;
		font-family:Tahoma;
		}
	.mainBanner .punchline{
	width:302px;
	float:left;
	height:200px;
	margin-top:15px;
	margin-left:32px;
	color:#fff;
	font-size:24px;
	font-family:Tahoma;
	}
		.mainBanner .punchline span{
		color:#1cabf5;
		font-size:28px;
		text-transform:uppercase;
		}
.pageBanner{
	width:978px;
	float:left;
	height:140px;
	clear:both;
	}
		.pageBanner h1{
		color:#fff;
		font-size:28px;
		font-family:Tahoma;
		padding:55px 75px 0 0;
		font-weight:normal;
		text-align:right;
		}
			.pageBanner h1 span{
			color:#1cabf5;
			}
	.webdesign{
		background:url(../images/webdesign-band.jpg) no-repeat;
		}
	.webdevelopment{
		background:url(../images/webdevelopment-band.jpg) no-repeat;
		}
	.seo{
		background:url(../images/seo-band.jpg) no-repeat;
		}
	.lpc{
		background:url(../images/link-building-band.jpg) no-repeat;
		}
	.ppc{
		background:url(../images/ppc-band.jpg) no-repeat;
		}
.mainContainer{
	width:938px;
	float:left;
	clear:both;
	font-size:11px;
	color:#3d515b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/maincontent-bg.jpg) repeat-x top #fff;
	padding:15px 20px;
	}

	.mainContainer .leftCol{
	width:605px;
	float:left;
	}
		.mainContainer .leftCol a{
			color:#1C1C1C;
		}
		.mainContainer .leftCol p{
			padding:7px 0 3px 0;
			line-height:18px;
			color:#515151;
		}
				.mainContainer .leftCol a:hover{
				color:#B60D0D;
			}
		.mainContainer .leftCol h1{
			line-height:21px;
			font-size:18px;
			color:#000;
			clear:both;
			font-family:Tahoma;
			padding:3px 0;
			font-weight:normal;
			margin-top:7px;
			text-transform:uppercase;
			}
			.mainContainer .leftCol h2{
			line-height:21px;
			font-size:18px;
			color:#000;
			clear:both;
			font-family:Tahoma;
			padding:3px 0;
			font-weight:normal;
			margin-top:12px;
			}
				.mainContainer .leftCol h1 span{
				color:#1d4961;
				}
				.mainContainer .leftCol .green h1 span{
				color:#6e820d;
				}
				
				
	.mainContainer .rightCol{
	width:313px;
	float:right;
	}
		.mainContainer .rightCol h2{
			font-size:18px;
			color:#376122;
			clear:both;
			font-family:Tahoma;
			padding:0px 10px;
			width:254px;
			height:35px;
			line-height:35px;
			background:url(../images/heading-bg.gif) no-repeat;
			font-weight:normal;
			margin-top:12px;
			}
				.mainContainer .rightCol .testmonials{
				background:url(../images/quote-left.gif) no-repeat top left;
				margin-top:12px;
				width:260px;
				}
				.mainContainer .rightCol a{
				color:#376122;
				}
					.mainContainer .rightCol .testmonials div{
					background:url(../images/quote-right.gif) no-repeat bottom right;
					padding:18px;
					
					}
					.mainContainer .rightCol .box{
					background:url(../images/right-line.jpg) no-repeat left 50%;
					padding-left:28px;
					}
						.mainContainer .rightCol .box form{
						padding-left:12px;
						}
					.mainContainer .rightCol .cloud h1{
					font-size:22px;
					font-weight:normal;
					color:#03445d;
					display:inline;
					}
						.mainContainer .rightCol .cloud h1 a{
						color:#03445d;
						text-decoration:none;
						}
					.mainContainer .rightCol .cloud h2{
					font-size:18px;
					font-weight:normal;
					color:#03445d;
					background:none;
					padding:0;display:inline;
					}
						.mainContainer .rightCol .cloud h2 a{
						color:#03445d;
						text-decoration:none;
						}
					.mainContainer .rightCol .cloud h3{
					font-size:15px;
					font-weight:bold;
					color:#03445d;
					display:inline;
					}
						.mainContainer .rightCol .cloud h3 a{
						color:#03445d;
						text-decoration:none;
						}
					.mainContainer .rightCol .cloud h4{
					font-size:12px;
					color:#03445d;
					display:inline;
					}
						.mainContainer .rightCol .cloud h4 a{
						color:#03445d;
						text-decoration:none;
						}
		.mainContainer .rightCol h3{
			font-size:18px;
			color:#142e3f;
			clear:both;
			font-family:Tahoma;
			font-weight:normal;
			margin-top:12px;
			}
		.mainContainer .rightCol ul.rightlinks{
			margin:0;
			padding:10px 0 20px 10px;;
			}
			.mainContainer .rightCol ul.rightlinks li{
			padding:0;
			margin:0;
			list-style-type:none;
			border-bottom:1px solid #d7d6d6;
			line-height:26px;
			width:250px;
			}
				.mainContainer .rightCol ul.rightlinks li a{
				color:#515151;
				font-size:12px;
				text-decoration:none;
				}
.bottom{
	background:url(../images/map.jpg) no-repeat right bottom #04445f;
	width:948px;
	float:left;
	clear:both;
	height:174px;
	padding:15px 15px 10px 15px;
	line-height:14px;
	color:#7db4c9;
	font-size:11px;
}
	.bottom .col{
		width:240px;
		float:left;
		padding-left:12px;
		padding-right:60px;
	}
		.bottom .col h2{
		font-size:18px;
		color:#0c8cbd;
		font-weight:normal;
		margin-bottom:12px;
		}
		.bottom .col p{
		margin:9px 0;
		}
			.bottom .col ul{
			margin:0;
			padding:0;
			}
				.bottom .col ul li{
				margin:0;
				padding:0;
				background:url(../images/arrow.jpg) no-repeat left 4px;
				padding-left:15px;
				list-style-type:none;
				margin-bottom:9px;
				}
				.bottom a{
				color:#7db4c9;
				text-decoration:none;
				}
				.bottom a:hover{
				color:#fff;
				}
.footer{
	background:#0b1f2b;
	width:938px;
	float:left;
	clear:both;
	line-height:18px;
	font-size:11px;
	color:#033f57;
	padding:10px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	.footer h2{
	line-height:18px;
	font-size:11px;
	color:#033f57;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	display:inline;
	}
	.footer a{
		color:#033f57;
		margin:0 2px;
		text-decoration:none;
		}
	.footer a:hover{
		color:#fff;
		text-decoration:underline;
		}
	.footer .footerlink{
		width:938px;
		float:left;
		clear:both;
		color:#1e6c8c;
		}
	.footer .footerlink a{
		color:#1e6c8c;
		font-size:11px;
		text-decoration:none;
		}
		.footer .footerlink a:hover{
		color:#fff;
		}
		 .rightCol p{
			padding:7px 0 3px 0;
			line-height:15px;
		}
				 .rightCol a:hover{
				color:#B60D0D;
			}

.inputBox1{
	background:url(../images/txtbox-bg.jpg) repeat-x bottom #fff;
	line-height:12px;
	height:12px;
	padding:3px;
	width:240px;
	font-size:11px;
	margin-bottom:5px;
	color:#1f415a;
	font-style:italic;
	border:1px solid #cac8c8;
	}
.greenBtn1{
	width:74px;
	height:26px;
	background:url(../images/green-btn1.jpg) no-repeat;
	font-family:Tahoma;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	border:none;
	padding-bottom:2px;
	}
	
.packagesrow{
		width:600px;
		float:left;
		clear:both;
		padding:15px 0 0 0;
}
.packages{
		background:url(../images/packages-bg.jpg) no-repeat;
		width:120px;
		padding:0 5px;
		height:141px;
		float:left;
		margin-left:10px;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif !important;
}
	.packages h3{
			font-size:18px;
			color:#fff;
			line-height:24px;
			font-weight:normal;
	}
	.packages h1{
			font-size:32px !important; 
			color:#fff !important;
			font-weight:normal;
			padding-top:25px !important;
	}
	.packages h2{
			font-size:18px;
			color:#000;
	}
	.packages h4{
			font-size:20px;
			color:#fff;
	}
	.packages strong{
			font-size:13px;
			color:#000;
			padding-top:8px;
			display:block;
	}
.packagesbar{
	background:url(../images/packages-bar.jpg) repeat-x top;
	width:575px;
	clear:both;
	float:left;
	height:34px;
	line-height:34px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif !important;
	font-weight:bold;
	padding:0 15px;
	margin-bottom:15px;
	color:#fff;
}