﻿@import url('reset.css');

  html {
	  /*
    filter: grayscale(100%);
	filter: gray; */ /*IE6-9*/
	/*
	-moz-filter:grayscale(100%);
    -webkit-filter: grayscale(100%);*/ /* Chrome, Safari, Opera */
	/*-o-filter: grayscale(100%);
	-ms-filter:  grayscale(100%);*/
}



body{
	height: 100%;
   	font-family: Arial, Helvetica, sans-serif;
	color: #3d3d3d;
	padding-top: 50px;
	//background-image: -webkit-gradient(linear, left top, left bottom, from(#b6ab9c), to(#d2cbbf));
	/*background-image: url('../images/bg.jpg');
    background-color:gray;*/
	background-repeat: repeat-x;
	background-position: top;
	background-attachment:fixed;
	/*20190503 - background for Kingrama 10*/
	background-color: #EFE5BB;
}

#content-wrapper {
clear:both;
/*text-align: justify;*/
}
.service-column .three p {
margin-top:-18px;
}
input,textarea,select{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #3d3d3d;
}
p{
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 20px;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
   display: block;
}
.clear{
	clear: both;
}
a{
	color: #007cc3;
	text-decoration: none;	
}
a:hover{
	color: #3d3d3d;
}
#page-wrap{
	width: 864px;
	margin: 0 auto 0 auto;
	position:relative;
	background-color: #ffffff;
	padding: 20px 0 40px 38px;
	border: solid #cccccc 1px;
	border-collapse: collapse;
}
header{
	height: 90px;
}
#logo{
	float: left;
	width: 224px;
}
#logo a{
	width: 224px;
	height: 80px;
	background-image: url('../images/logo.png');
	background-repeat: no-repeat;
	display: block;
	text-indent: -99999px;
}
ul#main-nav{
	float: left;
	padding-top: 55px;
	margin-left: 10px;
}
ul#main-nav li{
	float: left;
}
ul#main-nav li a{
	padding: 2px 15px;
	display: block;
	color: #3d3d3d;
	text-decoration: none;
	font-weight: bold;
	-moz-transition: all 0.2s ease-in-out;	/* TRANSITION EFFECT*/
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
ul#main-nav li.current_list_item a,ul#main-nav li a:hover{
	color: #9f258a;
}
.banner{
	background-repeat:no-repeat;
	margin-left:-45px;
	width:914px;
	margin-bottom:30px;
}
#banner-large{
	background-image:url("../images/banner.png");	
	height:288px;
}
#headpic{
	background-image:url("../images/headpic.png");
	background-repeat:no-repeat;
	height:356px;
	position:absolute;
	right:23px;
	top:43px;
	width:183px;
}
#banner-large #banner-text p{
	color:#ffffff;
	font-size:30px;
	font-weight:bold;
	left:45px;
	line-height:36px;
	position:relative;
	top:63px;
	width:397px;
	text-shadow: 1px 2px 1px #000;
}
#download-button{
	background-image:url("../images/download-button.png");
	background-repeat:no-repeat;
	display:block;
	height:62px;
	left:44px;
	position:relative;
	text-indent:-99999px;
	top:65px;
	width:213px;
}

/*--------STYLE FOR CONTENT----------*/
#main-content{
	float:left;
	margin-right:32px;
	width:593px;
}
.col-content{
	width: 264px;
	float: left;
	padding: 5px 32px 0 0;
	margin-bottom: 25px;
}
.col-content h2{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
#main-content a{
	color: #007cc3;
	position:relative;
	text-decoration: none;
}
#main-content a:hover{
	top: 1px;
	color: #9f258a;	
	text-decoration: none;
}
#left-content{
	border-right:1px solid #B9B9B9;
	margin-right:32px;
}
#right-content{
	padding-right: 0px;
}
.reviews{	
	background-color: #e9ebe6;
	padding: 17px 23px 5px 23px;
	position:relative;
	font-size: 12px;
	-webkit-border-radius: 10px;
   	-moz-border-radius: 10px;
	border-radius: 10px;
}
#bottom-reviews{
	width: 550px;
}
.reviews p{
	font-size: 12px;
}
.reviews a{
	color: #007cc3;	
	-moz-transition: all 0.2s ease-in-out;	/* TRANSITION EFFECT*/
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.reviews a:hover{
	color: #9f258a;
}
.reviews span{	
	color: #3d3d3d;
	font-weight:bold;	
	display: block;
}
#bottom-reviews span{
	float:left;
	margin-right: 0px;
	width: 110px;
}
#bottom-reviews ul{
	width: 440px;
	float:left;
	position:relative;
}
/*-----FOOTER STYLES-----*/
footer{
	color:#777777;
	margin:0 auto 20px;
	padding:10px 0;
	position:relative;
	text-align:center;
	width:902px;
}
footer p{
	font-size: 12px !important;
}
footer a{
	color: #777777;
	text-decoration: underline;
	-moz-transition: all 0.2s ease-in-out;	/* TRANSITION EFFECT*/
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding: 1px;
}
footer a:hover{
	background-color: #888888;
	color: #ffffff;
	text-decoration: none;
}
/*----------STYLES FOR PAGE------------*/
#banner-small{
	background-image:url("../images/banner-small.png");	
	height:98px;
}
#headpic-small{
	background-image: url('../images/headpic-small.png');
	width: 240px;
	height: 158px;
	background-repeat:no-repeat;
	position:absolute;
	right:46px;
	top:31px;
}
#banner-small #banner-text p{
	color:#ffffff;
	font-size:30px;
	font-weight:bold;
	left:45px;
	line-height:36px;
	position:relative;
	top:35px;
	width:400px;
	text-shadow: 1px 2px 1px #000;
}
#banner-small #download-button{
	background-image:url("../images/download-button.png");
	background-repeat:no-repeat;
	display:block;
	height:62px;
	left:379px;
	position:relative;
	text-indent:-99999px;
	top:-35px;
	width:213px;
}
#middle-content{
	border-top:1px solid #B9B9B9;
	padding-top: 25px;
}
#middle-content h2{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
img.image-left{
	float: left;
	margin: 0 15px 15px 0;
}
img.image-right{
	float: right;
	margin: 0 0 15px 15px;
}
#sidebar-reviews-top-main{
	width: 185px;
	text-align: center;
	float:left;
	/*margin-top:68px;*/
	position:relative;
}
#sidebar-reviews-top-main span{
	margin-bottom: 15px;
	font-size: 16px;
}
#sidebar-reviews-top{
	width: 165px;
	text-align: center;
	float:left;
	margin-top:0px;
	position:relative;
}
#sidebar-reviews-top span{
	margin-bottom: 15px;
	font-size: 16px;
}
#sidebar-reviews{
	width: 165px;
	text-align: center;
	float:left;
	margin-top:30px;
	position:relative;
}
#sidebar-reviews span{
	margin-bottom: 15px;
	font-size: 16px;
}
#sidebar-reviews img{
	display: block;
	margin: 0 auto 5px auto;
}