/* CSS Document */

body{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:13px;
	background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/banner-design.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#00a7d2;
	}
a{
	font-size:12px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	color:#3c3c3c;
	text-decoration:none;
}

.logo{
	padding-top:5px;
	padding-left:10px;
	}
.logo-heading{
	padding-left:20px;
	padding-top:30px;
	padding-bottom:8px;
	}
.logo-heading-s{
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#2a2623;
	padding-left:20px;
	font-weight:bold;
	}
	
/*sn s*/
.f-t-w-e-i
{
	background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/sn.png);
	background-position:3px 0px;
	background-repeat:no-repeat;
}
.f-t-w-e-i a:hover
{
	background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/sn.png);
	background-position:3px -50px;
	background-repeat:no-repeat;
}
#f-t-w-e-i a {
    display: block;
	background-repeat:no-repeat;
    height: 0 !important;
    overflow: hidden;
    padding: 50px 0 0;
}
#f-t-w-e-i a:hover {
    background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/sn.png);
    display: block;
	background-repeat:no-repeat;
    height: 0 !important;
    overflow: hidden;
    padding: 50px 0 0;
}

.t-w-e-i-f
{
	background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/sn.png);
	background-position:-48px 0px;
	background-repeat:no-repeat;
}
.t-w-e-i-f a:hover
{
	background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/sn.png);
	background-position:-48px -50px;
	background-repeat:no-repeat;
}
#t-w-e-i-f a {
    display: block;
	background-repeat:no-repeat;
    height: 0 !important;
    overflow: hidden;
    padding: 50px 0 0;
}
#t-w-e-i-f a:hover {
    background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/sn.png);
    display: block;
	background-repeat:no-repeat;
    height: 0 !important;
    overflow: hidden;
    padding: 50px 0 0;
}

.w-e-i-f-t
{
	background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/sn.png);
	background-position:-98px 0px;
	background-repeat:no-repeat;
}
.w-e-i-f-t a:hover
{
	background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/sn.png);
	background-position:-98px -50px;
	background-repeat:no-repeat;
}
#w-e-i-f-t a {
    display: block;
	background-repeat:no-repeat;
    height: 0 !important;
    overflow: hidden;
    padding: 50px 0 0;
}
#w-e-i-f-t a:hover {
    background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/sn.png);
    display: block;
	background-repeat:no-repeat;
    height: 0 !important;
    overflow: hidden;
    padding: 50px 0 0;
}

.e-i-f-t-w
{
	background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/sn.png);
	background-position:-148px 0px;
	background-repeat:no-repeat;
}
.e-i-f-t-w a:hover
{
	background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/sn.png);
	background-position:-148px -50px;
	background-repeat:no-repeat;
}
#e-i-f-t-w a {
    display: block;
	background-repeat:no-repeat;
    height: 0 !important;
    overflow: hidden;
    padding: 50px 0 0;
}
#e-i-f-t-w a:hover {
    background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/sn.png);
    display: block;
	background-repeat:no-repeat;
    height: 0 !important;
    overflow: hidden;
    padding: 50px 0 0;
}

.i-f-t-w-e
{
	background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/sn.png);
	background-position:-197px 0px;
	background-repeat:no-repeat;
}
.i-f-t-w-e a:hover
{
	background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/sn.png);
	background-position:-197px -50px;
	background-repeat:no-repeat;
}
#i-f-t-w-e a {
    display: block;
	background-repeat:no-repeat;
    height: 0 !important;
    overflow: hidden;
    padding: 50px 0 0;
}
#i-f-t-w-e a:hover {
    background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/sn.png);
    display: block;
	background-repeat:no-repeat;
    height: 0 !important;
    overflow: hidden;
    padding: 50px 0 0;
}
/*sn e*/
.banner{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	 border-radius: 10px;
	 border:4px solid #FFFFFF;
	 background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/banner-bg.jpg);
	 background-repeat:no-repeat;
	 background-position:center top;
	
	}
.banner-page{
	padding-top:161px;
	}
	
#navigation {
	height: 50px;
	width: 1000px;
}
#navigation ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	margin-right: auto;
}
#navigation li {
	float: left;
	list-style-type: none;
	margin-right: 5px;
	
}
#space  h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}

#navigation a {
	background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/button_active_over.png);
	background-repeat: no-repeat;
	height: 44px;
	width: 112px;
	text-decoration: none;
	display: block;
	line-height: 40px;
	color: #FFFFFF;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#navigation a:hover {
	background-image: url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/button_inactive.png);
	background-repeat: no-repeat;
	height: 44px;
	width: 112px;
	text-decoration: none;
	display: block;
}


.contant{
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	 border-radius: 10px 10px 0px 0px;
	 border:4px solid #FFFFFF;
	}
.heading-red {
	font-family: 'Antic Didone', serif;
	font-family: 'Roboto Condensed', sans-serif; 
	font-weight:lighter;
	font-size:20px;
	color:#d01818;
	}
.heading-blue {
	font-family: 'Roboto Condensed', sans-serif;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:lighter;
	font-size:20px;
	color:#0facd6;
	}
.heading {
	font-family: 'Roboto Condensed', sans-serif;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:lighter;
	font-size:23px;
	color:#fa7f07;
	background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/navigation-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-bottom:5px;
	}
.text{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:13px;
	line-height:20px;
	text-align:justify
	}
	
.products{
	line-height:21px;
	height:35px;
	color:#00004a;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
.products ul{
	padding:0px;
	margin:0px;
	}
.products ul li {
	background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/tab-bg.jpg);
	background-repeat:no-repeat;
	padding-left:10px;
	padding-top:8px;
	list-style:none;
	height:30px;
	
	}
.products a{
	text-decoration:none;
	color:#00004a;
	}
.products a:hover{
	color:#d01818;
	}
	
	
.footer-bg{
	background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/footer.jpg);
	background-repeat:no-repeat;
	background-position:center top;


	}
	
.heading-white{
	font-family: 'Antic Didone', serif;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:lighter;
	font-size:20px;
	color:#FFFFFF;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:5px;
	border-bottom:1px dotted #999999;
	}
	

.servece{
	line-height:25px;
	padding:5px 8px 0px 8px;
	color:#FFFFFF;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;

	}
.servece ul{
	padding:0px;
	margin:0px;
	}
.servece ul li {
	
	background-repeat:no-repeat;
	background-position:2px 10px;
	padding-left:20px;
	list-style:none;
	padding-top:2px;
	padding-bottom:4px;
	border-bottom:thin dotted #f2f0ec;
	}
.servece a{
	text-decoration:none;
	color:#FFFFFF;
	}
.servece a:hover{
	color:#CCCCCC;
}

.contant-page{
	
	background-repeat:no-repeat;
	background-color:#f3f3f3;
	background-position:center top;
	}
.main-about{
	font-size:18px;
	color:#00647e;
	ffont-family: 'Antic Didone', serif;
	font-family: 'Roboto Condensed', sans-serif;
	padding-top:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0cabd4;

	}
.package{
	line-height:25px;
	padding:5px 8px 0px 8px;
	color:#000000;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;

	}
.package ul{
	padding:0px;
	margin:0px;
	}
.package ul li {
	background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/arrow-new.jpg);
	background-repeat:no-repeat;
	background-position:2px 9px;
	padding-left:25px;
	list-style:none;
	padding-top:2px;
	padding-bottom:4px;
	border-bottom:thin dotted #cccccc;
	}
.contant-right {
	
	background-color:#FFFFFF;
	border-left:1px dotted #990000;
	}
.contant-1-right {
	opacity:0.5;
	background-color:#FFFFFF;
	border-left:1px dotted #990000;
	
	}
.contant-1-right:hover {
	opacity:1.0;
}
.Digital{
	color:#bb1c1c;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	border-bottom:1px dotted #000000; 
	}

.Digital a{
	text-decoration:none;
	color:#bb1c1c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	}
.Digital a:hover{
	color:#00004a;
	}
.bottom{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;

	}
.bottom a{
	text-decoration:none;
	color:#FFFFFF;
	padding:0px 5px 0px 5px;
	font-weight:normal;
	}
.bottom a:hover{
	color:#000000;
	}
	
	
	
	
	
	
#right_side h2 {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 60px;

	background-repeat: no-repeat;
	background-position: left;
	height: 54px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #45507a;
	font-size: 18px;
	line-height: 50px;
}
#right_side p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #45507A;
	text-align: justify;
	margin-right: 10px;
	margin-left: 10px;
	letter-spacing: 1px;
	line-height: 20px;
}
 
img, div{border:0px; outline:0px;}
.tab_product {

	background-repeat: no-repeat;
	background-position: left;
	display: block;
	height: 35px;
	width: 300px;
}
.tab_product p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #45507A;
	padding-left: 10px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 5px;
	margin: 0px;
}
#header h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-size: 26px;
	font-weight: bolder;
}
.tab_product2 {
	background-image:url(http://www.goldenpages.in/master/kpjohn.com/design-images/images/tab-bg.jpg);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	height: 35px;
	width: 300px;
}
.tab_product2  a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #45507A;
	line-height: 35px;
	padding-left: 10px;
	text-decoration: none;
}

#left_side h3 {
	margin: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #252642;
	line-height: 20px;
	text-align: justify;
	padding-right: 30px;
	padding-left: 10px;
}
.images01
{
	background: linear-gradient(to bottom, #FFFFFF 64%, #F7F6F4 100%) repeat scroll 0 0 transparent;
	border: 1px solid #E0E0E0;
	border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.08);
    display: block;
    padding: 5px 5px 5px;
    vertical-align: top;
	text-align:center;
}