/* CSS Document */

/*................................general start............................................*/
body{
	padding:46px 0 0 0;
	margin:0;
	background:url(../images/bodybg.gif) repeat-x 0 0;
	background-color:#F2F2F2;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#5D5D5D;	
}
td, h1, h2, h3, span, input, level, select, p, form, textarea{
	padding:0;
	margin:0;
}
img{
	padding:0;
	margin:0; 
	border:none;
	display:block;
}
ul{
	text-decoration:none;
	padding:0;
	margin:0;
	line-height:0;
	font-size:0;
	list-style-type:none;
}
a{
	text-decoration:none;
}
p{
	padding-bottom:16px;
	text-align:justify;
	padding-right:10px;
	line-height:16px;
}
p span{
	color:#4B92A7;
	background-color:inherit;
}
h2{
	color:#3366CC;
	background-color:inherit;
	font-size:16px;
	line-height:20px;
	padding-bottom:10px;
}
a{
	color:#4B92A7;
	background-color:inherit;
	text-decoration:none;
}
a:hover{
	color:#000;
	background-color:inherit;
	text-decoration:none;
}
/*................................general end............................................*/
/*--------------------------------MAIN CONTANER START--------------------------*/
.bodycontener{	
	background-color:#fff;
	color:#5D5D5D;
	border-left:1px solid #E9E9EA;
	border-right:1px solid #E9E9EA;
	padding-top:33px;	
}
.maintop{
	background:url(../images/body-topbg.gif) no-repeat 0 100%;
}
/*---------------HEADER START-----------*/
.header{
	background:url(../images/header.gif) no-repeat 0 0;
	width:auto;
	height:263px;
}
/*----------TOP NAV---*/
.topnav{
	padding:0;
	margin:0;
	text-align:right;
}
.topnav ul{
	font:bold 12px/14px Arial, Helvetica, sans-serif;	
	text-transform:uppercase;
	text-align:right;
	width:auto;
	float:right;
	padding-bottom:5px;	
}
.topnav ul li{
	float:left;
	width:auto;
	background:url(../images/topnav-devider.gif) no-repeat 100% 50%;
	padding:0 13px;	
}
.topnav ul li a{
	color:#848484;
	background-color:inherit;
	text-decoration:none;
}
.topnav ul li a:hover{
	color:#4B92A7;
	background-color:inherit;
}
.topnav ul li.nopad{
	background-image:none;
	padding-left:10px;
	padding-right:0;
}
/*---------------HEADER END-----------*/
/*--------------NAV PANEL START-------*/
.navpanel{
	background:url(../images/header-bottomnav.gif) no-repeat 0 0;
	height:58px;	
}
/*--------------NAV PANEL END-------*/
/*-------------BODY START---------*/
.bodypanel{
	padding-top:23px;
}
.textpanel{
	padding-right:10px;
} 
.bodypanel p.toppad{
	padding-top:15px;
	padding-right:10px;
}
.bodypanel ul{
	font:normal 12px/14px Arial, Helvetica, sans-serif;	
	color:#4B92A7;
	background-color:inherit;	
	margin-bottom:10px;
}
.bodypanel ul li{
	background:url(../images/index-ul-icon.gif) no-repeat 0 50%;
	padding-left:30px;	
	margin-bottom:4px;
}
.bodypanel ul li a{
	color:#4B92A7;
	background-color:inherit;
	text-decoration:none;
}
.bodypanel ul li a:hover{
	color:#000;
	background-color:inherit;
}
.bodypanel p{
	letter-spacing:1px;
	word-spacing:1px;
}
p.link{
	letter-spacing:1px;
	word-spacing:3px;
}
/*-------------BODY END---------*/
/*-----------FOOTER START-------*/
.footer{
	background:url(../images/footerbg.gif) no-repeat 0 0;
	padding-top:16px;
	padding-bottom:14px;
	text-align:right;
	font-size:9px;
	line-height:11px;
	color:#848484;
	background-color:inherit;
}
/*-----------FOOTER END-------*/
/*--------------------------------MAIN CONTANER END--------------------------*/
/*---------------ALL HEADING-----------------------*/
h2.wellcometoreef{
	background:url(../images/index-heading.gif) no-repeat 0 0;
	height:23px;
	display:block;
	text-indent:-2000px;	
}
h2.thevision{
	background:url(../images/thevision.gif) no-repeat 0 0;
	height:17px;
	display:block;
	text-indent:-2000px;
	padding-bottom:16px;	
}
h2.theproject{
	background:url(../images/theproject.gif) no-repeat 0 0;
	height:23px;
	display:block;
	text-indent:-2000px;
	padding-bottom:16px;	
}
h2.howwill{
	background:url(../images/howwillreef.gif) no-repeat 0 0;
	height:19px;
	display:block;
	text-indent:-2000px;
	padding-bottom:16px;	
}
h2.technicalstuff{
	background:url(../images/technicalstuff.gif) no-repeat 0 0;
	height:20px;
	display:block;
	text-indent:-2000px;
	padding-bottom:16px;	
}
h2.contactreef_heading{
	background:url(../images/contactreff.gif) no-repeat 0 0;
	height:19px;
	display:block;
	text-indent:-2000px;
	padding-bottom:16px;	
}
h2.enquerryform{
	background:url(../images/enqueryform.gif) no-repeat 0 0;
	height:21px;
	display:block;
	text-indent:-2000px;
	padding-bottom:16px;	
}
/*---------------ALL HEADING-----------------------*/
/*--------------------------------------------------CONTACT PAGE START-----------------------------------*/
.contactreef{
	background:url(../images/contact-pannel-border.gif) no-repeat 100% 50%;	
}
.contactreef p{
	letter-spacing:normal;
	word-spacing:normal;
	margin-right:10px;
}
p.bluetext{
	color:#4B92A7;
	background-color:inherit;
	letter-spacing:0;
	word-spacing:0;
}
.enquery{
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#6D6F71;
	background-color:inherit;
	padding-left:26px;
}
.enquery p{
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#4B92A7;
	background-color:inherit;
}
.enquery input.text{
	width:185px;
	height:16px;
	border:1px solid #6D6F71;
	color:#999999;
	background-color:#fff;
	padding:2px 0 0 3px;
	font-size:14px;
	line-height:16px;
}
.enquery em{
	color:#4B92A7;
	background-color:inherit;
}
.enquery textarea{
	width:468px;
	height:94px;
	border:1px solid #6D6F71;
	color:#999999;
	background-color:#fff;
	padding:2px 0 0 3px;
	font-size:14px;
	line-height:16px;
}
.enquery input.button{
	width:99px;
	height:21px;
	margin-top:11px;
	margin-bottom:17px;
}
/*--------------------------------------------------CONTACT PAGE END-----------------------------------*/