@charset "utf-8";
/* CSS Document  for CEAL Website

	Website URI: http://www.ceal.mu/
	Author: Fuji Kusaka
	Copyright (c) Ceal 
	
*/

body{
	margin:0 auto;
	margin-top:40px;
	background:#19110A url("../images/bkBody.gif") top left repeat-x;
}

img{border:none;}

a{outline:none;}

form{margin:0;}

/*******************************************************************************
									HEADERS
********************************************************************************/
h1{
	font:normal 14px/18px "Gill Sans MT", Arial, Helvetica, sans-serif;
	color:#BD894F;
	line-height:18px;
	padding:18px 0 0 0;
	height:0!important;
	height /**/:18px;
	margin:8px 0 0 0;
	background:transparent url(../images/welcome.png) left top no-repeat;
	overflow:hidden;
	width:130px;	
	behavior: url(../iepngfix.htc);
	
}

h2{
	font:normal 14px/18px "Gill Sans MT", Arial, Helvetica, sans-serif;
	color:#BD894F;
	line-height:18px;
	padding:18px 0 0 0;
	height:0!important;
	height /**/:18px;
	margin:8px 0 0 0;
	background:transparent url(../images/about_us.png) left top no-repeat;
	overflow:hidden;
	width:72px;
	behavior: url(../iepngfix.htc);
	outline:none;
}

h3{
	font:normal 14px/18px "Gill Sans MT", Arial, Helvetica, sans-serif;
	color:#BD894F;
	line-height:18px;
	padding:18px 0 0 0;
	height:0!important;
	height /**/:18px;
	margin:8px 0 0 0;
	background:transparent url(../images/our_people.png) left top no-repeat;
	overflow:hidden;
	width:85px;
	behavior: url(../iepngfix.htc);
	outline:none;

}

h4{
	font:normal 14px/18px "Gill Sans MT", Arial, Helvetica, sans-serif;
	color:#BD894F;
	line-height:15px;
	padding:15px 0 0 0;
	height:0!important;
	height /**/:22px;
	margin:8px 0 0 0;
	background:transparent url(../images/our_servicesInter.png) left top no-repeat;
	overflow:hidden;
	width:99px;
	behavior: url(../iepngfix.htc);
	outline:none;
}

h5{
	font:normal 14px/18px "Gill Sans MT", Arial, Helvetica, sans-serif;
	color:#BD894F;
	line-height:18px;
	padding:18px 0 0 0;
	height:0!important;
	height /**/:18px;
	margin:8px 0 0 0;
	background:transparent url(../images/our_achievements.png) left top no-repeat;
	overflow:hidden;
	width:139px;
	behavior: url(../iepngfix.htc);
	outline:none;
}

h6{
	font:normal 14px/18px "Gill Sans MT", Arial, Helvetica, sans-serif;
	color:#BD894F;
	line-height:18px;
	padding:18px 0 0 0;
	height:0!important;
	height /**/:18px;
	margin:8px 0 0 0;
	background:transparent url(../images/our_fleet.png) left top no-repeat;
	overflow:hidden;
	width:75px;
	behavior: url(../iepngfix.htc);
	outline:none;
}

.titProjects{
	font:normal 14px/18px "Gill Sans MT", Arial, Helvetica, sans-serif;
	color:#BD894F;
	line-height:18px;
	padding:18px 0 0 0;
	height:0!important;
	height /**/:18px;
	position:relative;	
	top:-8px !important;
	#top:0px !important;
	margin:8px 0 0 0 !important;
	background:transparent url(../images/our_projects.png) left top no-repeat;
	overflow:hidden;
	width:103px;
	behavior: url(iepngfix.htc);
}

.titOurServices{
	font:normal 14px/18px "Gill Sans MT", Arial, Helvetica, sans-serif;
	color:#BD894F;
	line-height:18px;
	padding:18px 0 0 0;
	height:0!important;
	height /**/:18px;
	position:relative;	
	top:-8px !important;
	#top:0px !important;
	margin:8px 0 0 0 !important;
	background:transparent url(../images/our_services.png) left top no-repeat;
	overflow:hidden;
	width:102px;
	behavior: url(iepngfix.htc);
}

.titQuote{
	font:normal 14px/18px "Gill Sans MT", Arial, Helvetica, sans-serif;
	color:#BD894F;
	line-height:18px;
	padding:18px 0 0 0;
	height:0!important;
	height /**/:18px;
	margin:8px 0 0 0;
	background:transparent url(../images/quote_request.png) left top no-repeat;
	overflow:hidden;
	width:118px;
	behavior: url(../iepngfix.htc);
	outline:none;
}

.titContact{
	font:normal 14px/18px "Gill Sans MT", Arial, Helvetica, sans-serif;
	color:#BD894F;
	line-height:18px;
	padding:18px 0 0 0;
	height:0!important;
	height /**/:18px;
	margin:8px 0 0 0;
	background:transparent url(../images/contact_us.png) left top no-repeat;
	overflow:hidden;
	width:95px;
	behavior: url(iepngfix.htc);
	outline:none;
}

.titContactUs{
	font:normal 14px/18px "Gill Sans MT", Arial, Helvetica, sans-serif;
	color:#BD894F;
	line-height:18px;
	padding:18px 0 0 0;
	height:0!important;
	height /**/:18px;
	margin:8px 0 0 0;
	background:transparent url(../images/contact_us.png) left top no-repeat;
	overflow:hidden;
	width:95px;
	behavior: url(../iepngfix.htc);
	outline:none;
}

.titGoogleSearch{
	font:normal 14px/18px "Gill Sans MT", Arial, Helvetica, sans-serif;
	color:#BD894F;
	line-height:18px;
	padding:18px 0 0 0;
	height:0!important;
	height /**/:18px;
	margin:8px 0 0 0;
	background:transparent url(../images/google_search.png) left top no-repeat;
	overflow:hidden;
	width:114px;
	behavior: url(../iepngfix.htc);
	outline:none;
}

#wrapper{
	margin:0 auto;
	width:auto;
	width:100%;
	height: 100%;
	min-height: 100%;
	display:block;
	display:table;
	text-align:center;
	margin-bottom:20px;
/*	border:1px solid #fff;
*/}

#mainCn{
	margin:0 auto;
	padding:0;
	width:980px;
/*	border:1px solid #fff;
*/	margin-bottom:20px;	
}

#logoCn{
	margin:0;
	float:left;
	text-align:center;
	width:980px;
}

#langCn{
	margin:0;
	float:left;
	text-align:right;
	height:19px;
	width:980px;
	padding:0px;
	font:normal 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#8E7D6A;
}

#langCn a{
	padding:0px;
	font:normal 10px/20px Tahoma, Arial, Helvetica, sans-serif;
	color:#8E7D6A;
	text-decoration:none;
}

#langCn a:hover{
	padding:0px;
	font:normal 10px/20px Tahoma, Arial, Helvetica, sans-serif;
	color:#EE3224;
	text-decoration:none;
}

#langCn .active{
	color:#EE3224;
}

#topCn{
	margin:0;
	float:left;
	text-align:center;
	width:974px;/*980*/
	padding-bottom:19px;
	border:1px solid #6D4E2E;
	background:#19110A;
	height:265px;/*269*/
	display:block;
	padding:1px 2px;
}

#topBanner{
	height:228px;
	width:974px;
	margin:1px 0 0 0;
	display:block;
}

html>body #mainContent{
	float:left;
	width:920px;/*980*/
	margin:1px 0 0 0;
	display:block;
	border-top:1px solid #6D4E2E;
	background:url(../images/bkMain.png) top left repeat-x !important;
/*	#filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#2E2114', EndColorStr='#19110A');
*/	height:auto !important;	
	min-height:280px !important;
	#min-height:275px !important;/* hacking FF & Netscape :)*/
	behavior: url(iepngfix.htc) !important;
	font:normal 12px/20px Tahoma, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	padding:6px 30px 35px 30px;
	text-align:left;
}

/*\*/
*html #mainContent{
	float:left;
	width:920px;/*980*/
	margin:1px 0 35px 0;
	display:block;
	border-top:1px solid #6D4E2E;
	background:#19110A url(../images/bkMain.png) top left repeat-x !important; 
/*	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#2E2114', EndColorStr='#19110A');
*/	height:auto !important;
	height:280px !important;	
	behavior:url(iepngfix.htc);
	font:normal 12px/20px Tahoma, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	padding:6px 30px 50px 30px;
	text-align:left;
}
/*\*/

#mainContent .mainContent img{
	float:left;
	width:auto;/*980*/
	display:block;
	border:1px solid #513720;
	padding:1px;
}

.mainContent ul{
	float:left;
	width:auto;/*980*/
	display:block;
	padding:0;
	list-style:none;
	margin:0;
}

.mainContent li{
	width:auto;/*980*/
	list-style:none;
	margin:0;
	padding:0 20px;
	font:normal 12px/24px Tahoma, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	background:transparent url(../images/bullets.gif) left no-repeat;
}

.mainContent li a{
	font:normal 12px/24px Tahoma, Arial, Helvetica, sans-serif;
	color:#8e7d6a;
	text-decoration:none;
}


.mainContent li a:hover{
	font:normal 12px/24px Tahoma, Arial, Helvetica, sans-serif;
	color:#8e7d6a;
	text-decoration:underline;
}



#searchBox{	
	float:right;
	width:210px;/*236*/
	height:20px; /*30*/
	border:1px solid #3A2D14;
	padding:6px 12px;
	margin-bottom:14px;
}

#searchBox td{	
	font:normal 11px  Tahoma, Arial, Helvetica, sans-serif;
	color:#8E7D6A !important;
	padding:0 2px;

}

#searchBox .txtfield{
	font:normal 11px  Tahoma, Arial, Helvetica, sans-serif;
	color:#1c140c !important;
	padding:2px;
	padding-left:4px;
	border:1px solid #6D4E2E;
	background:#fff;
	width:135px;/*139*/
	height:12px;
}

.title .ft{
	font:normal 18px "Gill Sans MT", Arial, Helvetica, sans-serif;
	color:#BD894F;
}

.title{
	padding-top:2px;
	font:normal 14px/18px "Gill Sans MT", Arial, Helvetica, sans-serif;
	color:#BD894F;
}

.plain1{
	float:left;
	width:920px;
	height:auto;
	padding:0 0 15px 0;
	margin:0;
	display:block;
}

#contactBox{
	float:right;
	width:173px;
	height:auto;
	margin-top:25px;
}

#contactBox .top{
	float:left;
	width:173px;
	height:27px;
	background:transparent url('../images/envelope.png') right top no-repeat;
	font:normal 14px/18px Arial, Helvetica, sans-serif;
	color:#BD894F;
	font-variant:small-caps;
	padding-top:6px;
}

#contactBox .bottom{
	padding-top:12px;
	float:left;
	width:173px;
	font:normal 12px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
}

/*=================================================================================================================

														PROJECT IN DEFAULT PAGE 
==================================================================================================================*/

#projects{
	float:left;
	width:690px;
	height:auto;
	padding-top:32px;
	margin:0px;
	background:transparent url(../images/bk_projects.gif) left top no-repeat !important;
}

#projects .tit{
	font:normal 14px/18px Arial, Helvetica, sans-serif;
	color:#BD894F;	
	font-variant:small-caps;
}

#projects .name{
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#8E7D6A;	
}

#projects .plainBx{
	float:left;
	width:690px;
	display:block;
	text-align:left;
	padding-top:28px;
}

#projects .txt{
	text-align:left;
	font:normal 11px/18px Tahoma, Arial, Helvetica, sans-serif;
}

#projects .txt a{
	text-align:left;
	font:normal 11px/22px Tahoma, Arial, Helvetica, sans-serif;
	color:#903000;
	text-decoration:none;
	padding-bottom:2px;
	background:url(../images/dotLink.gif) left bottom repeat-x;
}

#projects .txt a:hover{
	text-align:left;
	font:normal 11px/22px Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	padding-bottom:2px;
	background:url(../images/dotLink_on.gif) left bottom repeat-x;
}

#projects .plainBx img{
	float:left;
	display:block;
	text-align:left;
	padding:1px;
	border:1px solid #666666;
}

/*============================================================================================================================

																				FOOTER CONTAINER
==============================================================================================================================*/
#footerMain{
	float:left;
	width:930px;/*980*/
	margin:0;
	display:block;
	height:auto !important;
	font:normal 11px/20px Tahoma, Arial, Helvetica, sans-serif;
	background:url(../images/sepFt.gif) center top no-repeat;
	color:#FFFFFF;
	padding:10px 25px 0 25px;
	text-align:left;	
}

/*\*/
*html #footerMain{
	float:none;
	width:930px;/*980*/
	margin:0;
	display:block;
	height:auto !important;
	font:normal 11px/20px Tahoma, Arial, Helvetica, sans-serif;
	background:url(../images/sepFt.gif) center top no-repeat;
	color:#FFFFFF;
	padding:10px 25px 0 25px;
	text-align:left;	
}
/**/

#footerMain ul{
	list-style:none;
	padding:0;
	margin:0;
}

#footerMain li{
	display:inline;
	list-style:none;
	background:url(../images/sepLn.gif) right no-repeat;	
}

#footerMain li a{
	display:inline;
	padding:0 8px;
	list-style:none;
}

#footerMain a{
	color:#8e7d6a;
	text-decoration:none;
}

#footerMain a:hover{
	color:#8e7d6a;
	text-decoration:underline;
}

#footerMain .plainFt{
	float:left;
	width:930px;/*930*/
	display:block;
	height:auto !important;
	color:#FFFFFF;
	padding:0px;
	text-align:left;	
}

#footerMain #copyright{
	float:left;
	width:920px;/*930*/
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	height:auto !important;
	color:#634427;
	padding:0px 5px;
	text-align:left;
	margin:5px 0 0 0;	
}

#footerInter{
	float:left;
	width:930px;/*980*/
	margin:0;
	display:block;
	height:auto !important;
	font:normal 11px/20px Tahoma, Arial, Helvetica, sans-serif;
	background:url(../images/ftInter.gif) center top no-repeat;
	color:#FFFFFF;
	padding:43px 25px 0 25px;
	text-align:left;	
}

/*\*/
*html #footerInter{
	float:none;
	width:930px;/*980*/
	margin:0;
	display:block;
	height:auto !important;
	font:normal 11px/20px Tahoma, Arial, Helvetica, sans-serif;
	background:url(../images/ftInter.gif) center top no-repeat;
	color:#FFFFFF;
	padding:43px 25px 0 25px;
	text-align:left;	
}
/**/

#footerInter ul{
	list-style:none;
	padding:0;
	margin:0;
}

#footerInter li{
	display:inline;
	list-style:none;
	background:url(../images/sepLn.gif) right no-repeat;	
}

#footerInter li a{
	display:inline;
	padding:0 8px;
	list-style:none;
}

#footerInter a{
	color:#8e7d6a;
	text-decoration:none;
}

#footerInter a:hover{
	color:#8e7d6a;
	text-decoration:underline;
}

#footerInter .plainFt{
	float:left;
	width:930px;/*930*/
	display:block;
	height:auto !important;
	color:#FFFFFF;
	padding:0px;
	text-align:left;	
}

#footerInter #copyright{
	float:left;
	width:920px;/*930*/
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	height:auto !important;
	color:#634427;
	padding:0px 5px;
	text-align:left;
	margin:5px 0 0 0;	
}

.anchors{
	float:left;
	width:600px;
	height:auto;
	padding:0;
	margin:10px 0 0 0;
}

.anchors ul{
	list-style:none;
	color:#8E7D6A;
	margin:0;
	padding:0;
}

.anchors li{
	list-style:none;
	color:#8E7D6A;
	display:inline;
	margin:0;
	padding:0;
	background:url(../images/anchors.gif) right center no-repeat;
}

.anchors li a{
	list-style:none;
	font:normal 11px Tahoma, Arial, Helvetica;
	color:#8E7D6A;
	display:inline;
	margin:0;
	text-decoration:none;	
	padding:0 8px;	
}

.anchors li a:hover{
	list-style:none;
	font:normal 11px Tahoma, Arial, Helvetica;
	color:#8E7D6A;
	display:inline;
	margin:0;
	text-decoration:underline;	
}

/*=======================================================================================================================================

														OUR FLEET
=========================================================================================================================================*/

#fleetCn{
	float:none;
	width:920px;	
	padding:0;
	margin:0;
	display:block;
	font:normal 11px/16px Tahoma, Arial, Helvetica;
	color:#999999;
	text-align:left;
	height:auto;
	height:100%;
	display:table;
}

#fleetCn ul{
	float:left;
	width:250px;
/*	max-width:250px;*/
	display:block;
	padding:0;
	list-style:none;
	margin:0 0 5px 0;
}


#fleetCn li{
	list-style:none;
	margin:0 0 0 10px;
	padding:0 20px;
	width:auto;
	display:block;
	display:table;	
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#999999;
	background:transparent url(../images/bullets.gif) top left no-repeat;
}


#fleetCn .weight{
	color:#CCCCCC;
}

#fleetCn .tp{
	float:left;
	width:920px;
	padding:0;
	margin:0;
	display:block;
	display:table;
	text-align:right !important;
}

#fleetCn .tp a{
	font:normal 11px/16px Tahoma, Arial, Helvetica;
	color:#8E7D6A;
	text-decoration:underline;
	text-align:right;
}

#fleetCn .tp a:hover{
	font:normal 11px/16px Tahoma, Arial, Helvetica;
	color:#8E7D6A;
	text-decoration:none;	
	text-align:right;
}

.fleetName{
	float:left;
	width:435px;
	padding:0;
	margin-top:-30px;
	font:normal 20px "Gill Sans MT", Arial, Helvetica, sans-serif;
	color:#fff;
}

.fleetName:after{
	clear:both;
	display:block;
	font: 1px/0px serif;
	content:".";
	height:0;
	visibility:hidden;
}

.fleetLt{
	float:left;
	width:435px;
	display:block;
	min-height:205px;
	height:auto;
	padding:0px;
	margin:48px 0 0 0;
}

.fleetRt{
	float:right;
	width:435px;
	display:block;
	min-height:205px;
	height:auto;
	padding:0px;
	margin:48px 0 0 0;
}

.fleetBk{
	float:left;
	width:435px;
	height:auto;
	display:block;
	vertical-align:bottom;
	
}

.fleetDes{
	height:auto;
	float:left;
	width:435px;
	text-align:left;
	padding:12px 0px;
}

.fleetDes .tit {
	height:auto;
	width:112px;
	margin:0;
	text-align:left;
	padding:0 20px 5px 0;
	font:normal 12px/18px Tahoma, Arial, Helvetica;
	color:#C69867;
}


.fleetDes img {
	height:auto;
	float:right !important;
	width:auto;
	margin-left:6px;
	text-align:left;
}

/*==============================================================================================

						CONTACT & FORMS Style
================================================================================================*/

.form{
	margin:0;
}

.tableForm{
	width:auto;
	height:auto;
	margin:0;
}

.tableForm img{
	border:none;
}

.tableForm td{
	width:auto;
	height:auto;
	margin:0;
	text-align:left;
	padding:4px;
	font:normal 12px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
}

.tableForm td img{
		border:none !important;	
}

.RedTxt{
	font:normal 9px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#EE3224;
}

.dropDown{
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#1c140c !important;	
	padding:2px;
	padding-left:4px;
	border:1px solid #3a2d14 !important;
	background:#fff;
	width:145px;
}

.dropDownDate{
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#1c140c !important;	
	padding:2px;
	padding-left:4px;
	border:1px solid #3a2d14 !important;
	background:#fff;
}

.TextBoxFields{	
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff !important;	
	padding:2px;
	padding-left:4px;
	border:1px solid #3a2d14 !important;
	background:#1c140c;
	width:215px;
	height:14px;
}

.TextFields{
	font:normal 11px  Tahoma, Arial, Helvetica, sans-serif;
	color:#fff !important;	
	padding:2px;
	padding-left:4px;
	border:1px solid #3a2d14 !important;
	background:#1c140c;
	width:215px;
}

.FormFields{
	font:normal 11px  Tahoma, Arial, Helvetica, sans-serif;
	color:#19110a !important;
	padding:2px;
	padding-left:4px;
}

.errormsg{
	font:normal 10px/25px Tahoma, Arial, Helvetica, sans-serif;
	padding-left:25px;
	color:#EE3224;
	background:url(../images/exclamation.gif) left top no-repeat;
	display:block;
}

.fmTit{
	font:normal 10px/12px Tahoma, Arial, Helvetica, sans-serif !important;
	color:#CCCCCC;
}

/* ========================================================================
	
								OUR SERVICES/PHOTO GALLERY 
==========================================================================*/

#imgGallery{
	float:left;
/*	border:1px solid #fff;
*/	width:920px;
	height:auto;
	display:block;
	margin:0;
}


.gallery{
	float:left;
	width:auto;
	height:auto;
	padding:0 0 15px 0;
/*	border:1px solid #fff;
*/}

.gallery .summary{
	float:left;
	width:auto;
	height:auto;
	padding:0px;
}

.gallery .projectTit{
	font:normal 12px/24px Arial, Helvetica, sans-serif;
	color:#8E7D6A;	
}

.gallery .thumbs{
	float:left;
	width:auto;
	margin:10px 0;
	height:auto;
	padding:0px;
	vertical-align:bottom !important;
/*	border:1px solid #ff0000;
*/}


/*.gallery .thumbs .imgthumbs {
	float:left;
	width:auto;
	height:98px;
	text-align:center;
	display:block;
	margin-right:15px;
}*/

.gallery .thumbs td{
	vertical-align:top !important;
	margin:0;
	height:auto;
	padding:0px;
	text-align:center !important;
	padding:0 15px 5px 0;
	width:0%;
}

/*.imgPlain img{
	text-align:center !important;
	float:none !important;
	display:table;
	display:block !important;
	padding:0 !important;
	margin:0 auto!important;
	 display: table-cell;
    vertical-align: middle; 
}
*/