/*
	Cascading Style Sheet for Travancore Builders (P) Ltd. (www.travancorebuilders.com)
	Designed and Coded by Smart F Technologies (www.smartf.in)
	
	www.travancorebuilders.com
	Copyright (C) 2009. All rights reserved.

*/
/*
	Cascading Style Sheet for Travancore Builders (P) Ltd. (www.travancorebuilders.com)
	Designed and Coded by Smart F Technologies (www.smartf.in)
	
	www.travancorebuilders.com
	Copyright (C) 2009. All rights reserved.

*/
html 
{
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
body
{
	background:#f4f4f5 url(images/bg.jpg) repeat-x;
	margin:10px 0px 0px 0px;
	padding:0px;
	font: 9.5pt 'trebuchet ms',arial,sans-serif;
	color: #565656;
}
img
{
	border:0px;
}
.clear-fix
{
	clear:both;
}
#main-container
{
	width:1008px;
	margin:0 auto;
	background-color:#FFFFFF;
	background-image:url(images/footer-bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:30px;
}
#content-container
{
	width:987px;
	background-color:#FFFFFF;
	margin: 0 auto;
}
#head
{
	width:973px;
	float:left;
	height:325px;
	background:#febf01;
	padding:7px;
	margin-top: 10px;
	overflow: hidden;
}
#head .menu
{
	width:202px;
	float:left;
	height:312px;
	background:#febf01 url(images/menu-bg.png) repeat-x;
	padding:7px;
	position: relative;
}
#head .logo
{
	width:159px;
	height:101px;
	position:absolute;
	left: 30px;
	top: 15px;
}
#head .menu_bat
{
	width:153px;
	height:178px;
	position:absolute;
	left: 31px;
	top: 131px;
}
#head .menu_bat .home-bat
{
	width:152px;
	height:29px;
	background:url(images/home_bat-off.png) repeat-x;
}
#head .menu_bat .home-bat:hover {
	background:url(images/home_bat-on.png) repeat-x;
	text-decoration:none;
}
#head .slider
{
	width:757px;
	float:left;
	height:325px;
	position: relative;
	background-color: #000000;
}
#head .slider .simage
{
	width:757px;
	height:325px;
	position:absolute;
}
#content-container .inde-new
{
	width:250px;
	float:left;
	height:280px;
	background-color: #eeeeee;
	margin-top: 9px;
	overflow: hidden;
}
#content-container .inde-new-image
{
	width:235px;
	height:178px;
	margin:0 auto;
	margin-top: 9px;
}
#content-container .inde-new-detail
{
	width:235px;
	height:49px;
	margin:0 auto;
	margin-top: 8px;
	background-color: #dbdbdb;
}
#content-container .inde-new-detail .logo
{
	width:95px;
	height:39px;
	float:left;
	margin-top: 5px;
	margin-left: 5px;
}
#content-container .inde-new-detail .place
{
	width:125px;
	height:31px;
	float:left;
	margin-top: 5px;
	margin-left: 5px;
	color:#CC0000;
	font-weight: bold;
	text-align: center;
	font-size: 12pt;
	padding-top: 8px;
}
#content-container .inde-new-booking
{
	width:235px;
	margin:0 auto;
	margin-top: 8px;
	text-align: center;
}
#index-center-container
{
	width:479px;
	float:left;
	height:280px;
	margin: 9px 0px 0px 0px;
	overflow: hidden;
}
#index-center-container .index-about
{
	width:439px;
	float:left;
	height:70px;
	font-size: 11px;
	margin: 0 10px 10px 10px;
	padding: 10px;
}
#index-center-container .index-news
{
	width:441px;
	float:left;
	height:170px;
	font-size: 11px;
	background:url(images/index-news-bg.jpg) no-repeat top;
	padding: 10px 19px 0px 19px;
	color: #999999;
}
#index-center-container .index-news a:link {
	color: #999999;
	text-decoration:none;
}
#index-center-container .index-news a:visited {
	color: #999999;
	text-decoration:none;
}
#index-center-container .index-news a:hover {
	color: #999999;
	text-decoration:none;
}
#index-center-container .index-news a:active {
	color: #999999;
	text-decoration:none;
}
#index-center-container .index-news h1
{
	font-size:14px;
	color: #FF9900;
	margin: 5px 0px 3px 0px;
	border-bottom: dotted 1px #ccc;
	padding: 0 0 3px 0;
}
#index-contact-container
{
	width:258px;
	float:left;
	height:280px;
	overflow: hidden;
	margin: 9px 0px 0px 0px;
}
#index-contact-container .index-number
{
	width:258px;
	float:left;
	height:69px;
	background: #f2f2f2 url(images/index-contact-head-bg.jpg) top no-repeat;
	overflow: hidden;
}
#index-contact-container .index-number .numbers
{
	width:102px;
	float:left;
	height:59px;
	font-size: 11px;
	padding-top: 10px;
	overflow: hidden;
	padding-left: 22px;
}
#index-contact-container .index-form
{
	width:258px;
	float:left;
	height:193px;
	background: #f2f2f2 url(images/index-contact-head-bg.jpg) top no-repeat;
	overflow: hidden;
	margin-top:10px;
	padding-top: 8px;
	font-size: 11px;
}
#index-contact-container .index-form h3
{
	font-size: 11px;
	margin:0px;
	padding:0 0 5px 10px;
	font-weight:bold;
}
#index-contact-container .index-form .button1 {
	height:20;
	width:60;
	CURSOR: hand;
	COLOR:#999999;
	background-color: #FFFFFF;
	border: 1pt solid #CCCCCC;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:6px;

}
#index-project-container
{
	width:987px;
	float:left;
	height:187px;
	overflow: hidden;
	background:url(images/index-pro-head-bg.gif) top no-repeat;
	margin-top: 5px;
	font-size: 11px;
}
#index-project-container a:link {
	color: #565656;
	text-decoration:none;
}
#index-project-container a:visited {
	color: #565656;
	text-decoration:none;
}
#index-project-container a:hover {
	color: #565656;
	text-decoration:none;
}
#index-project-container a:active {
	color: #565656;
	text-decoration:none;
}

#index-project-container .pro-logo
{
	width:168px;
	float:left;
	height:197px;
	padding-left: 23px;
	font-size: 11px;
	color: #999999;
	padding-right: 6px;
}
#index-project-container .pro-icon
{
	width:140px;
	float:left;
	height:197px;
	padding-left: 23px;
	font-size: 11px;
	color: #999999;
	padding-right: 20px;
	background:url(images/pro-div-line.jpg) left no-repeat;
}
.head-footer
{
background-image:url(images/head-footer-bg.jpg);
background-repeat:no-repeat;
}

#about_us-container
{
	width:709px;
	float:left;
	margin: 9px 0px 0px 0px;
	overflow: hidden;
	padding: 10px;
}
#about_us-container h3
{
	color:#FF9900;
}
#project-container
{
	width:967px;
	float:left;
	margin: 9px 0px 0px 0px;
	overflow: hidden;
	padding: 10px;
}
#project-container h1,h2,h3
{
	margin:0px;
	padding:0px;
}
#project-container h2
{
	color:#E68A00;
	font-size: 16px;
	margin-bottom:5px;
}
#project-container .proj-page-div
{
	width:100%;
	float: left;
	padding-bottom: 40px;
	background:url(images/index-pro-head-bg.gif) bottom repeat-x;
}
#project-container .proj-page-div .top_bg
{
	width:947px;
	padding: 5px 0px 5px 20px;
}
#project-container .proj-page-div .top_bg h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color: #000066;
}
#project-container .proj-page-div .icon
{
	width:281px;
	float:left;
	padding-left: 20px;
	text-align: center;
}
#project-container .proj-page-div .icon h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.5pt;
	color: #FF0000;
	margin-top: 5px;
	padding: 0px;
}
#project-container .proj-page-div h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000033;
	padding-bottom: 5px;
}
#project-container .proj-page-div .text
{
	width:575px;
	float:right;
	font-size: 8.5pt;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 50px;
}
#project-container .proj-page-div .text h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.5pt;
	color: #FF0000;
	margin-top: 5px;
	padding: 0px;
}
#project-container .proj-page-div .text h3
{
	color:#E68A00;
	font-size: 13px;
}
#project-container .proj-page-div .text-villa
{
	width:575px;
	float:right;
	font-size: 8.5pt;
	font-family: Arial, Helvetica, sans-serif;
}
#project-container .proj-page-div .pp-san-main-box .pp-san-main-box1
{
	width:240px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	overflow: hidden;
}
#project-container .proj-page-div .pp-san-main-box .pp-san-main-box2
{
	width:240px;
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	overflow: hidden;
}
#project-container .proj-page-div .pp-san-main-box .pp-san-main-box3
{
	width:240px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	margin-top: 10px;
	overflow: hidden;
}
#project-container .proj-page-div .pp-san-main-box .pp-san-main-box4
{
	width:250px;
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	overflow: hidden;
	margin-top: 25px;
	font-weight: bold;
	color: #CC0000;
}
#cs-container
{
	width:987px;
	float:left;
	overflow: hidden;
	background:url(images/index-pro-head-bg.gif) top no-repeat;
	margin-top: 5px;
	font-size: 11px;
}
#cs-container h1
{
	margin-bottom:5px;
	padding-bottom:3px;
	font-size: 16px;
	border-bottom: 1px dotted #cccccc;
}
#cs-address-container
{
	width:300px;
	float:left;
	overflow: hidden;
	margin: 9px 0px 0px 0px;
}
#cs-address-container h2
{
	margin-bottom:5px;
	padding-bottom:0px;
	font-size: 14px;
	color: #E68A00;
}
#cs-address-container p
{
	margin:0px;
	padding:0px;
	font-size: 13px;
}
#cs-box2-container
{
	width:300px;
	float:left;
	overflow: hidden;
	margin: 9px 0px 0px 0px;
}
#cs-box2-container h2
{
	margin-bottom:5px;
	padding-bottom:0px;
	font-size: 14px;
	color: #E68A00;
}
#cs-box2-container p
{
	margin:0px;
	padding:0px;
	font-size: 13px;
}
#cs-box3-container
{
	width:384px;
	float:left;
	overflow: hidden;
	margin: 9px 0px 0px 0px;
}
#cs-box3-container h2
{
	margin-bottom:5px;
	padding-bottom:0px;
	font-size: 14px;
	color: #E68A00;
}
#cs-box3-container p
{
	margin:0px;
	padding:0px;
	font-size: 13px;
}
#cs-box3-container input
{
	width:310px;
	border:1px solid #d3d3d3;
	background:#fff url(images/textinputbg.gif) repeat-x;
	font-size:12px;
	color:#999999;
	padding:5px 0;
	margin-bottom:3px;
}
#cs-box3-container .contact-bat
{
	width:75px;
}
#contact-address
{
	width:310px;
	border:1px solid #d3d3d3;
	background:#fff url(images/textinputbg.gif) repeat-x;
	font-size:12px;
	color:#999999;
	margin-bottom:3px;
}
#contact-comment
{
	width:310px;
	border:1px solid #d3d3d3;
	background:#fff url(images/textinputbg.gif) repeat-x;
	font-size:12px;
	color:#999999;
	margin-bottom:3px;
}

#enq-container
{
	width:987px;
	float:left;
	overflow: hidden;
	background:url(images/index-pro-head-bg.gif) top no-repeat;
	margin-top: 5px;
	font-size: 11px;
}
#enq-container h1
{
	margin-bottom:5px;
	padding-bottom:3px;
	font-size: 16px;
}
#enq-container input
{
	width:350px;
	border:1px solid #d3d3d3;
	background:#fff url(images/textinputbg.gif) repeat-x;
	font-size:12px;
	color:#999999;
	padding:7px 0;
	margin-bottom:3px;
}
#enq-container .contact-bat
{
	width:75px;
}
#enq-address
{
	width:350px;
	border:1px solid #d3d3d3;
	background:#fff url(images/textinputbg.gif) repeat-x;
	font-size:12px;
	color:#999999;
	margin-bottom:3px;
}
#enq-comment
{
	width:350px;
	border:1px solid #d3d3d3;
	background:#fff url(images/textinputbg.gif) repeat-x;
	font-size:12px;
	color:#999999;
	margin-bottom:3px;
}
#enq-container .enq-select
{
	width:350px;
	border:1px solid #d3d3d3;
	background:#fff url(images/textinputbg.gif) repeat-x;
	font-size:12px;
	color:#999999;
	margin-bottom:3px;
	padding: 7px 0;
}
#ca-container
{
	width:987px;
	float:left;
	overflow: hidden;
	background:url(images/index-pro-head-bg.gif) top no-repeat;
	margin-top: 5px;
	font-size: 11px;
	height: 300px;
}
#ca-container h1
{
	margin-bottom:5px;
	padding-bottom:3px;
	font-size: 16px;
}
#footer
{
	font-size:10px;
	text-align: center;
	color: #999999;
}
#footer a
{
	color: #999999;
	text-decoration:none;
}
#footer a:visited
{
	color: #999999;
	text-decoration:none;
}
#footer a:hover
{
	color:#FF6600;
	text-decoration:underline;
}



.villa-type
{
	padding-top: 10px;
	position: relative;
}
.villa-type img
{
	background-image:url(../image/image-loading.gif);
	background-repeat:no-repeat;
	background-position:center;
}
.villa-type a
{
	color:#666666;
	text-decoration:none;
	font-size:9pt;
}
.villa-type a:hover
{
	color:#FF9966;
	text-decoration:underline;
} 

.villa-type .type
{
	width:625px;
	margin:0 auto;
	text-align: center;
}
.villa-type .type .type-body
{
	width:625px;
	height:283px;
	background-color: #FFFFCC;
}
.villa-type .type .type-body .type-body-image
{
	width:406px;
	height:283px;
	float:left;
}
.villa-type .type .type-body .type-body-details
{
	width:200px;
	height:283px;
	float:right;
	text-align: center;
	font-size: 9pt;
	line-height: 25px;
}
.villa-type .type .type-body .type-body-details h4
{
	font-size: 9pt;
	color:#FF6600;
}
.amm
{
	width:100%;
	padding-top: 10px;
	position: relative;
}
.amm img
{
	background-image:url(../image/image-loading.gif);
	background-repeat:no-repeat;
	background-position:center;
}
.amm .amm-image-top
{
	width:100%;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #666666;
	line-height: 20pt;
	background-repeat: no-repeat;
	margin-top: 10px;
	height: 95px;
	text-align: center;
}
.amm .amm-image
{
	width:250px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #666666;
	padding-top: 10px;
	line-height: 20pt;
	padding-left: 190px;
}
.amm .amm-text
{
	width:375px;
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #666666;
	padding-top: 10px;
	line-height: 20pt;
}
.view-head
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #FF6600;
	margin-bottom: 10px;
	text-align: left;
	width: 760px;
	margin: 0 auto;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}