/*	-------------------------------------------------------------
	Cosmos Builders - Calicut -  Kerala - India
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Global Styles Sheet For Cosmos Builders
	Filename:		global.css
    Version:        2.1
	Date:			October - 30 - 2009
	Done by:		Muhammed Riyaz C P
	Company:        www.greenlemon.in
	-------------------------------------------------------------	
	-------------------------------------------------------------	*/

/*-----------------------general styles------------------------------------*/

html {height:100%; width:100%;}
	
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	color:#5C5C5C;
	background-image: url(../images/bg.jpg); background-color:#fff;
	background-repeat: repeat-x;
}

a {color:#5C5C5C;text-decoration:none;}

a:hover {color:#333333; text-decoration:underline;}

input,select,ul,li,form,div,p {margin:0px;}

h1,h2,h3,h4,h5 {margin:0px;}

h2{
color:#171875;
font-family:"Trebuchet MS", Arial, Verdana;
font-weight:bold;
font-size:15px;
margin-bottom:3px;
}

h3{
font-family:"Trebuchet MS", Arial, Verdana;
font-size:20px;
font-weight:lighter;
color:#171875;
padding-bottom:5px;
}

h4{
color:#48B65D;
font-family:"Trebuchet MS", Arial, Verdana;
font-size:17px;
font-weight:lighter;
}

h5{
color:#171875;
font-family:"Trebuchet MS", Arial, Verdana;
font-weight:lighter;
font-size:17px;
}

/*-----------------------home page------------------------------------*/
	
.outer {
	width:950px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto; 
	}
.header {
	width:950px;
	height:77px;
	float:left;
	}
.logo {
	width:240px;
	height:50px;
	margin-top:10px;
	float:left;
	}
	
/*-----------------------menu styles------------------------------------*/

.menu { 
	display:block;
	height:42px;
	float:right;
	font-family:Arial, Helvetica, sans-serif; 
	padding-left:10px;background:url(../images/menu_bg.jpg) no-repeat;
	width:490px;
	overflow:hidden;
	margin-top:16px; 
	}
.menu ul {
	margin:8px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
	}
.menu ul li {
	margin:0px 1px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left; list-style:none; 
	}
.menu ul li a {
	display:block;
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
	padding:6px 20px 0px 20px;
	}
.menu ul li a:hover {
	background:url(../images/btn_hover.png) left top no-repeat;
	color:#3c4f54;
	text-decoration:none;padding:7px 0px 0px 0px;
	}
.menu ul li a:hover span {
	background:url(../images/btn_hover_right.png) right top no-repeat;
	padding:6px 20px 9px 20px; 
	}
.menu a { height:20px }

.menu li ul{
		margin-top:0px;
		background:#e0e0e0;
		display:none;
		
		filter:alpha(opacity=95);
		opacity:0.95;
		position:absolute;
		width:150px; 
		}

.menu li:hover ul{
		display:block;
		}
.menu li li {
		display:block;
		float:none;
		width:150px;
		}
.menu li ul a{
background:#7ec2d5;
		display:block;
		font-size:12px;
		font-style:normal;
		
		text-align:left;padding:6px 20px 9px 20px; width:190px
		}
.menu li ul a:hover{
			background:#7ec2d5;
			color:#000000;
			opacity:1.0;
			filter:alpha(opacity=100);padding:6px 20px 9px 20px; width:190px
			}
	
/*-----------------------Banner Styles-------------------------*/

.banner_container {
	width:950px;
	height:auto;
	float:left;
	}
.baner_text {
	width:453px;
	height:200px;
	float:left;
	padding-top:5px;
	}
@font-face {  
	font-family: "leelawad";  
	src: url(leelawad.eot ); /* IE */  
	src: local("leelawad"), url(leelawad.ttf)format("truetype"); /* non-IE */  
	}
.motoo {
	font-family: leelawad ;
	font-size:26px;
	color:#209dbc;
	line-height:30px;
	}  
.quality {
	font-family: leelawad ;
	font-size:20px;
	color:#465f60;
	line-height:30px;
	}  
.bannertxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12;
	color:#183031;
	line-height:16px;
	}
.whitebg {
	width:436px;
	height:60px;
	background:url(../images/whitebg.png) no-repeat;
	float:left;
	margin-top:8px;
	}
.Safety {
	font-family: leelawad;
	font-size:15px;
	color:#ff9106;
	text-decoration: none;
	} 
	 
.Safety a {
	font-family: leelawad;
	font-size:15px;
	color:#ff9106;
	text-decoration: none;
	} 
	
.Safety a:hover {
	font-family: leelawad;
	font-size:15px;
	color:#d58621;
	text-decoration: none;
	} 
	
.m_more {
	}

.m_more a {
	width:122px;
	height:36px;
	float:right;
	margin-top:10px;
	margin-right:10px;
	background-image:url(../images/read_more.jpg);
	background-position:top;
	cursor:pointer;
	display:block;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
.m_more a:hover {
	cursor:pointer;background-position:bottom;
	}

.flashbanner {
	width:497px;
	height:267px;
	float:left;

	}
/*-----------------------body styles------------------------------------*/

.bodycontainer {
	width:950px;
	height:auto;
	float:left;
	}
	
.bodytext {
	width:630px;
	float:left;
	
	}
.quickcontact{
	width:320px;

	float:left;
	}
.lemanore{
	width:310px;
	height:185px;
	float:left;
	margin-top: 20px;

	
	
	}
.features {
	width:320px;
	height:215px;
	float:left;
	margin-top: 20px;
}
.manor_title {
	background-image: url(../images/lemanor_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	height: 30px;
	width: 280px;
	
}

.contactform {
	background:url(../images/contactform.jpg) no-repeat;
	width:177px;
	height:25px;
	border:none;
	margin-bottom:1px;
	padding-left:10px;
	padding-top:5px;
	font-size:11px;
	margin-top: 5px;
}
	
	.contactformFaid {
	background:url(../images/contactform.jpg) no-repeat;
	width:177px;
	height:25px;
	border:none;
	margin-bottom:1px;
	padding-left:10px;
	padding-top:5px;
	font-size:11px;
	color:#999999;
	margin-top: 5px;
}
.msgform {
	background:url(../images/msgform.jpg) no-repeat;width:194px;height:67px;border:none;margin-bottom:5px;padding-left:10px;
	padding-top:5px;font-size:11px;
}
.btn a{
	background:url(../images/sendmail.jpg) no-repeat;
	height:22px;
	width:54px;
	border:none;
	float:right;
	margin-right: 20px;

}
.btn a:hover{background:url(../images/sendmail1.jpg) no-repeat; }

.field {
	-moz-opacity:0.5;
	filter:Alpha(Opacity=50);
}
.right_btm_imgs {
	margin-top:15px;
}


.bigbtn{
background:url(../images/bigbtn.jpg) no-repeat;
width:166px;
height:30px;
border:none;
font-size:11px;
font-weight:bold;
color:#546616;
cursor:pointer;
}
.fomstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none; 
}

/*-----------------------Form End------------------------------------*/


.col3{
	float:left;
	width:300px;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f9fff3;
	text-decoration: none;
}
.col3 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	text-decoration: none;
	width:273px;
	height:26px;
	display:block;
	background:url(../images/green_a.jpg) no-repeat;
	padding: 10px 0 0 27px;
	 }

.col3 a:hover{ 
	display:block;
	background:url(../images/green_hover.jpg);
	}
.lemanore {
	font-family: leelawad;
	font-size:22px;
	color:#349eb9;
	text-decoration: none;
}
.specialities_title {
	background-image: url(../images/lemanor_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	height: 30px;
	width: 280px;
}
.specialities {
	font-family: leelawad;
	font-size:22px;
	color:#73ae35;
	text-decoration: none;
}
.royale_text {
	float: left;
	height: 120px;
	width: 300px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	background: url(../images/new1.jpg) no-repeat right top;
	
}

.royale_text img{ float:left; }
.royale_greentext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #73a936;
	font-weight: bold;
	line-height: 14px;
}
.greentextcontiner {
	float: left;
	height: 120px;

	width: 178px;
	margin-left:10px;
	
	
	
}
.new1 {
	float: right;
	height: 40px;
	width: 40px;
	
	background-repeat: no-repeat;
}
.normaltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #707c7d;
	text-decoration: none;
	line-height: 15px;
	
}
.normaltext a{ background: url(../images/read_more_orange.gif) no-repeat left top;display:block;width:
174px;height:26px;margin-top:20px}
.normaltext a:hover{ background: url(../images/read_more_orange.gif) no-repeat left -29px;display:block;width:
174px;height:26px}


.normaltext img{ margin:5px 4px 0px 0px }


.normaltext1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #707c7d;
	text-decoration: none;
	line-height: 15px;
	
}
.normaltext1 a{ background: url(../images/read_more_green.gif) no-repeat left top;display:block;width:
174px;height:26px; margin-top:6px}
.normaltext1 a:hover{ background: url(../images/read_more_green.gif) no-repeat left -29px;display:block;width:
174px;height:26px}


.normaltext1 img{ margin:5px 4px 0px 0px }










.salient_orangtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff8706;
	font-weight: bold;
	line-height: 14px;
}
.new2 {
	float: right;
	height: 40px;
	width: 40px;
	background-image: url(../images/new2.jpg);
	background-repeat: no-repeat;
}
.Facilities {
	float: left;
	height: 220px;
	width: 320px;
}
.facilities_title {
	background-image: url(../images/facilities_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	height: 30px;
	width: 280px;
}
.facilities_hd {
	font-family: leelawad;
	font-size:22px;
	color:#6d5d32;
	text-decoration: none;
}
.facilities_text {
	float: left;
	height: 175px;
	width: 300px;
	margin-top: 10px;
}
.facilitiestextcontiner {
	float: left;
	height: auto;
	width: 178px;
	margin-left: 10px;
}
.new3 {
	float: right;
	height: 40px;
	width: 40px;
	background-image: url(../images/new3.jpg);
	background-repeat: no-repeat;
}
.feature_hd {
	font-family: leelawad;
	font-size:22px;
	color:#cb6800;
	text-decoration: none;
}
.new4 {
	float: right;
	height: 40px;
	width: 40px;
	background-image: url(../images/new4.jpg);
	background-repeat: no-repeat;
}

.quickbg {
	width:280px;
	height:248px;
	float:left;
	background:url(../images/quickbg.jpg) no-repeat;
	padding-left: 30px;
	padding-top: 15px;
	margin:2px 0px 0px 0px;
	
	}
.quickhd {
	font-family: leelawad;
	font-size:22px;
	color:#FFFFFF;
	text-decoration: none;
	
}	


.quickspacer {
	width:10px;
	height:218px;
	float:left; 
}
.rightnav_spacer {
	width:10px;
	
	float:left;
}
.lemanoresapcer {
	text-decoration: none;
	float: left;
	height: 150px;
	width: 10px;
}
.royale_text2 {
	float: left;
	height: 160px;
	width: 300px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.footer {
	height:32px;
	width: 100%;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
}
.footercontainer {
	width:950px;
	height:33px;
	margin-right:auto;
	margin-left:auto;
}
.footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 16px;
	float:left;
}
.footertext a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 16px;
}

.footertext a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	text-decoration: underline;
	line-height: 16px;
}

.footergreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 16px;
	float:right;
	width:400px;
	
}
.footergreen a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 16px;
}

.footergreen a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#88ff00;
	text-decoration: none;
	line-height: 16px;
}
.eco {
	float: right;
	height: 124px;
	width: 177px;
	background-image: url(../images/eco.png);
	background-repeat: no-repeat;
}



/*-----------------------Inner Page Styles-------------------------*/


.inner_lemanore{
	width:620px;
	float:left;
	margin-top: 20px;
}
	
	
.inner_text {
	float: right;
	width: 620px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	/*background: url(../images/new1.jpg) no-repeat right top;*/
	
}

.inner_text img{ float:left; margin-right:15px ;}
.inner_text h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #73a936;
	font-weight: bold;
	line-height: 17px;
	float:left; width:470px;
	margin-bottom:5px;
}
.normaltext3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #707c7d;
	text-decoration: none;
	line-height: 20px;
	float:left; width:600px;
	overflow:hidden;
	margin:0px 0px 10px 0px; 
}

.greentextcontiner3 {
	float: left;
	height: 120px;
	width: 520px;
	margin-left:10px; 	
}
.new3 {
	float: right;
	height: 40px;
	width: 40px;
	background-repeat: no-repeat;
}


.normaltext3 img{ margin:5px 4px 0px 0px }


.inner_quickbg {
	width:280px;
	height:200px;
	float:left;
	background:url(../images/quickbg.jpg) no-repeat;
	padding-left: 30px;
	padding-top: 15px;
	margin:2px 0px 0px 0px;
	
	}
.inner_quickhd {
	font-family: leelawad;
	font-size:22px;
	color:#FFFFFF;
	text-decoration: none;
	
}	


.greenbg {
	width:300px;
	height:211px;
	float:left;
	background-image: url(../images/greenbg.jpg);
	background-repeat: no-repeat;
	margin:5px 0px 60px 10px;


}
	
.col3{
	float:left;
	width:300px;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f9fff3;
	text-decoration: none;
}
.col3 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	text-decoration: none;
	width:273px;
	height:26px;
	display:block;
	background:url(../images/green_a.jpg) no-repeat;
	padding: 10px 0 0 27px;
	 }

.col3 a:hover{ 
	display:block;
	background:url(../images/green_hover.jpg);
	}
	
	
	
	
	
	
	

/*-----------------------Inner le_Manore Styles-------------------------*/

.le_manore{
width:620px;
background:url(../images/spaci_bg.jpg) no-repeat; width:620px; height:26px}

.le_manore ul{ height:30px}
.le_manore ul li{ display:inline; margin:7px 0px 0px 28px; float:left; font:12px Arial, Helvetica, sans-serif; color:#80b246 }
.le_manore ul li a{  color:#80b246 }
.le_manore ul li a:hover{ color:#498702 }


.salient{ float:right; width:400px; height:620px;}
.salient ul{ margin:0px 0px 0px 10px; }
.salient ul li{ font:12px Arial, Helvetica, sans-serif; line-height:18px; color:#707c7d; background:url(../images/arrow12.gif) 0px 5px no-repeat; list-style:none; padding:0px 0px 0px 15px; margin-bottom:10px}

.salient1{ float:right; width:400px; height:300px;}
.salient1 ul{ margin:0px 0px 0px 10px; }
.salient1 ul li{ font:12px Arial, Helvetica, sans-serif; line-height:18px; color:#707c7d; background:url(../images/arrow12.gif) 0px 5px no-repeat; list-style:none; padding:0px 0px 0px 15px; margin-bottom:10px}





.location{ width:400px; height:200px;}
.location a{ width:327px; height:170px; border:2px solid #626d6e; margin:20px 0px 0px 45px;  background: none; }
.location a:hover{ width:327px; height:170px; border:2px solid #0099FF; background: none; }


.amenities{ float:right; width:400px; height:1000px; }
.amenities ul{ margin:0px 0px 0px 10px; }
.amenities ul li{ font:12px Arial, Helvetica, sans-serif; line-height:18px; color:#707c7d; background:url(../images/arrow12.gif) 0px 5px no-repeat; list-style:none; padding:0px 0px 0px 15px; margin-bottom:10px}


.speci{ color:#ff8e0d; font-weight:bold;}
.normaltext5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #707c7d;
	text-decoration: none;
	line-height: 20px;
	float:left; width:600px;
	overflow:hidden;
	margin:0px 0px 10px 0px; }
	
	
.keyplan{ width:590px; margin:0px 0px 0px 0px;  }
.keyplan img{ width:178px; height:120px; border:2px solid #a0d9e3;margin:20px 7px 0px 7px}
.heding{ width:70px; margin:0px 0px 0px 80px; float:left; display:inline; font-weight:bold}
.heding1{ width:70px; margin:0px 0px 0px 130px; float:left;display:inline; font-weight:bold}
.heding2{ width:70px; margin:0px 0px 0px 130px; float:left;display:inline; font-weight:bold}



.contact{ width:200px; margin:0px 0px 0px 20px; font:12px/20px Verdana, Arial, Helvetica, sans-serif ;color:#5C5C5C; float:left }
.contact1{ width:200px; margin:0px 0px 0px 20px; font:12px/20px Verdana, Arial, Helvetica, sans-serif ;color:#5C5C5C;float:left  }



.formdiv{float:left;clear:left;width:400px;border:1px solid #84c4d5;margin-top:15px; margin-left:25px}
.form_ele{ }
.form_ele td{padding:7px 0px 0px 30px}
.field{width:200px; background-color:#e4f3f6; border:solid 1px #84c4d5; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.form_ele h2{font-size:12px; font-weight:bold; margin:10px 0px 7px 30px; color:#FC8903;}
.star{ color:#FF0018}


.project-readmore{ color:#ffb02a; float:right; width:100px}
.project-readmore a{color:#ffb02a; float:right}
.project-readmore a:hover{ color:#996204}