@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Merienda+One);
@import url(http://fonts.googleapis.com/css?family=Pontano+Sans);
body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}
/* CSS Document */

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	text-align: justify;
	clear: both;
	float: left;
	width: 100%;
}

.top {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/h1bg.jpg);
	height: 30px;
}
.frame-call {
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.top h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 25px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.main-bg {
	background-color: #E8E2CA;
	width: 100%;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	background-image: url(../images/bg.png);
}
.clr {
	clear: both;
	float: left;
	width: 100%;
}

.main {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 15px;
	padding-bottom: 10px;
}
.main .grid_16 {
	float: left;
	width: 940px;
	text-align: center;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}


.main .grid_8 {
	margin: 10px;
	float: left;
	width: 460px;
}
.main .grid_4 {
	margin: 10px;
	float: left;
	width: 300px;
}
.grid_4 img {
	float: left;
	height: 64px;
	width: 64px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.grid_4 b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CC3300;
}



.main-bg h2 {
	font-family: 'Merienda One', cursive, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 32px;
	color: #121212;
	text-shadow:0 1px 1px #575756;
	letter-spacing: -2px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 15px;
	margin: 0px;
	clear: both;
}
.line {
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	height: 2px;
	width: 100%;
	margin-top: 4px;
	margin-left: 0px;
	clear: both;
	margin-bottom: 4px;
}
.p-margin {
	margin-bottom: 30px;
	clear: both;
}
/* -- jquery carousel -- */

.jCarouselLite img {
	border: 4px solid #CCCCCC;
	margin-bottom: 20px;
}

.carousel {position:relative; }

.carousel li {
	float: left;
	margin-right:20px;
	height: 474px;
	width: 218px;
	overflow: visible !important;
	margin-top: 16px;
}

.jCarouselLite {
	padding-left:2px;
}

.next,
.prev{
	display:block;
	width:28px;
	height:28px;
	cursor:pointer;
	position:absolute;
	overflow:hidden;
	float:left;
	cursor:pointer;
	z-index:5;
}
.prev {
	background:url(../images/prev1.png) no-repeat center top;
	right: 32px;
    top: -51px;
}
.next {
	background:url(../images/next1.png) no-repeat center top;
	right: 0px;
    top: -51px;
}
.next:hover, 
.prev:hover {background-position:0px -107px;}

/* --- why us --- */
.choose {
	clear: both;
	float: left;
	width: 100%;
}
.choose h3 {
	font-family: 'Pontano Sans', Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #999999;
	margin: 0px;
	padding: 0px;
	display: inline;
	text-shadow:0 2px 2px #EEEEEE;

}

.choose .icon-a {
	background-image: url(../images/icon/speech-balloon-orange-a-icon.png);
	float: left;
	height: 48px;
	width: 48px;
	margin-right: 7px;
	display:inline-block;
}
.choose .icon-a:hover{
	background-image: url(../images/icon/speech-balloon-white-a-icon.png);
}
.choose .icon-b {
	background-image: url(../images/icon/speech-balloon-orange-b-icon.png);
	float: left;
	height: 48px;
	width: 48px;
	margin-right: 7px;
	display:inline-block;
}
.choose .icon-b:hover{
	background-image: url(../images/icon/speech-balloon-white-b-icon.png);
}

.choose .icon-c {
	background-image: url(../images/icon/speech-balloon-orange-c-icon.png);
	float: left;
	height: 48px;
	width: 48px;
	margin-right: 7px;
	display:inline-block;
}
.choose .icon-c:hover{
	background-image: url(../images/icon/speech-balloon-white-c-icon.png);
}

.box-left {
	float: left;
	width: 220px;
	margin-right: 10px;
}
.box-right {
	float: right;
	width: 220px;
	margin-left: 10px;
}
.box-bottom {
	width: 460px;
	clear: both;
	float: left;
}

/* --- footer --- */

.footer {
	width:100%;
	background:url(../images/footer-line.gif) repeat-x 0 0 #313131;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 35px;
	color: #FFFFFF;
	padding-top: 24px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	vertical-align: middle;
	clear: both;
	float: left;
}

.left-container {
	width: 580px;
	clear: none;
	float: left;
	text-align: left;
	margin-right: 10px;
	margin-left: 10px;
	vertical-align: middle;
	height: 35px;
	padding-top: 5px;
	padding-bottom: 10px;
}
.right-container {
	clear: none;
	float: right;
	width: 340px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: right;
	height: 35px;
	padding-top: 5px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;

}
.right-container img {
	padding-left: 10px;
}

.right-headings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 25px;
	color: #FFFFFF;
	background-color: #CC0000;
	text-align: center;
	height: 25px;
	width: 248px;
	margin-bottom: 10px;
	letter-spacing: 1px;
	clear: left;
	float: left;
	background-image: url(../images/h1bg.jpg);
	padding-top: 5px;
}

.social {
	padding: 14px;
	clear: left;
	float: left;
	height: 35px;
	width: 218px;
	margin-bottom: 30px;
	background-color: #F5F5F5;
	border: 1px dashed #CCCCCC;
}
.tell {
	padding: 14px;
	clear: left;
	float: left;
	height: 24px;
	width: 218px;
	background-color: #F5F5F5;
	border: 1px dashed #CCCCCC;
}

.main .right-container .social .icon-left {
	margin-left: 11px;
}
.main .right-container .social .icon-last {
	margin-left: 10px;
}

.query_form {
	width: 222px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #993300;
	text-align: left;
	line-height: 20px;
	background-color: #e7d8b6;
	border: 1px solid #993300;
	padding: 12px;
	clear: left;
	float: left;
	margin-bottom: 29px;
}
.youtube {
	clear: left;
	float: left;
	width: 248px;
	height: 156px;
	margin-bottom: 30px;
}