@charset "utf-8";
/* CSS Document */

*
{
	font-family:"Trebuchet MS", Calibri;
}

h1,h2,h3,h5,h6
{
	margin:0px;
	background-color:#2b7396;
	color:#FFF;
	font-weight:normal;
	padding: 5px 0px 5px 10px;
}
#knowmore a:hover
{
text-decoration:underline;
color:#FFF
}
#shower2:hover
{
text-decoration:underline;
color:#FFF
}

.margin_top10
{
	margin-top:10px;
}

body
{
	background: #193c55;
	margin:0px auto;
	padding:0px;
	text-align:center;
	behavior: url("csshover.htc");
}

#body_container
{

	width:802px;
	margin:0px auto;
}

#headder
{
	width:100%;
	
	text-align:left;
	margin-top: 40px;
}
#logo_area
{
	width:22%;
	float:left;
	text-align:center;
}

#menu_area
{
	float:right;
	padding-left:40px;
	padding-top:25px;
	padding-bottom:0px;
	padding-right:5px;
	

}


#banner_area
{
	background:url(../images/banner.gif);
	width:802px;
	height:297px;
	margin-top:25px;
}
#banner_area_sub
{
	background:url(../images/banner_sub.gif);
	width:802px;
	height:111px;
	margin-top:25px;
}

#content_container
{
	width:100%;
	margin-top:25px;
	text-align:left;
}

#specifi_content_top
{
	background:url(../images/specfi_top_bg.png) no-repeat;
	height:27px;
	width:802px;
}



#specifi_content_body
{
	background: url(../images/specfi_body_bg.png) repeat-y;
	width:802px;
	_background:#1c6a8f;
}

#specifi_content_text
{
	width:760px;
/*	border:1px solid white;*/
	margin-left:20px;
	color:#FFF;
	font-family: Calibri;
	font-size:12px;

}
#specifi_content_text H4
{
	font-size:14PX;
	margin:0px;
	padding:0px;
}
#projects_content
{

	width:100%;
	margin-top:15px;
}
#projects_left
{
	width:143px;
	float:left;
	padding-top:35px;

}
#projects_left_location
{
	width:143px;
	float:left;
	padding-top:20px;

}
#projects_left a
{
	outline:none;
	border:0px;
}


#projects_middle
{
	width:357px;
	float:left;
	padding-left:5px;
}
#projects_middle h5
{
	font-size:14px;
	font-weight:bold;
	margin-top:3px;
	margin-bottom:3px;
	background:none;
}
#projects_middle p
{
	margin:0px;
	padding:0px;
	font-family: Calibri;
}
#projects_right
{
	width:250px;
	float:left;
}
#projects_right h5
{
	font-size:14px;
	font-weight:bold;
	margin-top:3px;
	margin-bottom:3px;
	background:none;
	
}
#projects_right p
{
	margin:0px;
	padding:0px;
	font-family: Calibri;
}
#type_a
{
	width:50%;
	float:left;
}
#type_a h5
{
	font-family:Calibri;
	font-size:14px;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	background:none;
}

#type_a_img_container
{
	width:100%;
	font-family:Calibri;
	font-size:13px;

}
#type_a_left
{
	width:50%;
	float:left;
	font-family:Calibri;
	font-size:13px;

}
#type_a_right
{
	width:50%;
	float:left;
	font-family:Calibri;
	font-size:13px;

}

#type_b
{
	width:50%;
	float:left;
}
#type_b h5
{
	font-family:Calibri;
	font-size:14px;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	background:none;
}

#type_b_img_container
{
	width:100%;
	font-family:Calibri;
	font-size:13px;

}
#type_b_left
{
	width:50%;
	float:left;
	font-family:Calibri;
	font-size:13px;

}
#type_b_right
{
	width:50%;
	float:left;
	font-family:Calibri;
	font-size:13px;

}
#type_c
{
	width:50%;
	margin-top:20px;
}
#type_c h5
{
	font-family:Calibri;
	font-size:14px;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	background:none;
}



#specifi_table 
{
	width:80%;
}
#specifi_table td
{
	margin-top:10px;
}

#specifi_table p 
{
	margin:0px;
	padding:0px;
}

.width150
{
	width:120px;
}
#specifi_content_bottom
{
	background:url(../images/specfi_bottom_bg.png) no-repeat;
	height:22px;
}



#left_content
{
	width:286px;
	float:left;
	background-color:#FFF;
}
#features tr td
{
	text-align:left;
	font-family: Calibri;
	font-size:12px;
	padding-bottom:3px;
	padding-top:3px;
}
.a
{
	color:#373737;
	font-family: Calibri;
}

#villastable table
{
	margin-top:10px;
}
#villastable td
{
	font-family: Calibri;
	font-size:12px;
	color:#373737;
	text-align:center;
	width:60px;
}
#villastable th
{
	font-family: Calibri;
	font-size:11px;
	color:#373737;
	text-align:center;
	font-weight:bold;
} 

#note
{
	font-family: Calibri;
	font-size:12px;
	font-weight:bold;
	margin-left:40px;
	margin-top:10px;
	margin-bottom:10px;
}

#contact_text
{
	padding-left:20px;
	font-size:13px;
	padding-bottom:20px;
}

#right_content
{
	width:516px;
	float:left;

}
#right_top
{
	background:url(../images/content_right_top.png) no-repeat;
	width:515px;
	height:23px;
}

#right_content_area
{
	background:url(../images/content_right_middle.png) repeat-y;
	width:514px;
}

#right_content_text
{
	padding:7px;
	color:#FFF;
}
#right_content_text h4
{
	background:none;
	font-size:13px;
	margin:0px;
}
#right_content_text p
{
	font-family: Calibri;
	font-size:12px;
}
#knowmore
{
	width:100%;
	text-align:right;
}
#knowmore a
{
	font-family: Calibri;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}
.projects
{
	background:url(../images/home_project_heading_bg.png) repeat-x;
	height:26px;
	font-weight:bold;
	margin-top:15px;
	padding-left:10px;
}

.mailus
{
	background:url(../images/home_project_heading_bg.png) repeat-x;
	height:26px;
	font-weight:bold;
	padding-left:10px;
}

#projects_body
{
	background:url(../images/projectsbody.png) repeat-x;
	width:100%;
}
#mailus_body
{
	background:url(../images/mailus_body_bg.png) repeat-x;
	width:100%;
	font-size:13px;
}

#mailus_body form
{
	margin:0px;
	padding:10px;
}

#mailus_body form label
{
	text-align:right;
	display:inline-block;
	width:100px;
}
html>/**/body label
{
	display: -moz-inline-box;
	text-align:right;
}
.input
{
	margin-left:10px;
	margin-top:15px;
	width:320px;
	background-color:#386782;
	border:1px solid black;
	color:#FFF;
}

#mailus_body form textarea
{
	margin-left:10px;
	margin-top:15px;
	width:320px;
	background-color:#386782;
	border:1px solid black;
	overflow:hidden;
	color:#FFF;
}
#submit_div
{
	text-align:right;
		padding-right:50px;
}
#submit
{
	width:87px;
	height:23px;
	margin-top:15px;
	background:url(../images/submit_bg.png) repeat-x;
	border:0px;
	color:#FFF;

}

#project_left
{

	width:42%;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
}
#project_right
{

	width:54%;
	float:left;
	font-family:Calibri;
	font-size:12px;
	margin-top:10px;
	margin-bottom:10px;
}
#project_right h5
{
	background:none;
	font-family:Calibri;
	font-size:13px;
}
#project_right ul 
{
	margin:0px;
	padding:0px;
}

#project_right ul li
{
	list-style-type:none;
		font-family:Calibri;
	font-size:12px;
}
#project_right ul li a
{
	font-family:Calibri;
	font-size:12px;
	text-decoration:none;
	color:#FFF;
}

.clear
{
	clear:both;
}

#right_bottom
{
	background:url(../images/content_right_bottom.png) no-repeat;
	height:9px;
	width:514px;
}

#footer_container
{

	margin-top:20px;
	margin-bottom:10px;
	background:url(../images/footer_bg.png) repeat-x;
	font-family:Calibri;
	font-size:11px;
	color:#FFF;
	width:100%;
	text-align:left;
}

#footer_container ul 
{
	/*margin:0px 0px 0px 180px;*/
	margin:0px 0px 0px 175px;
	padding:15px 0px 0px 0px ;
	/*width:60%;*/
	width:60%;
	height:20px;
}

#footer_container ul li
{
	font-size:10px;
	float:left;
	list-style-type:none;
	margin: 0px 5px 0px 5px;
}

#footer_container ul li a
{
	font-size:10px;
	text-decoration:none;
	color:#FFF;
}
#footer_container ul li a:hover
{
	font-size:10px;
	text-decoration:underline;
	color:#FFF;
}

#footer_bottom
{
	width:100%;
	padding-bottom:10px;
}
#footer_left
{
	width:30%;
	float:left;
	margin:0px 0px 0px 15px;
}

#footer_right
{
	width:20%;
	float:right;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;

}
#footer_right a
{
	text-decoration:none;
	color:#FFF;
}
#footer_right a:hover
{
	text-decoration:underline;
}

/* ################# Popup CSS ################## */
#overlay1
{
	width:689px;
	margin:0px auto;
	margin-top:150px;

}

#overlay2
{
	width:689px;
	margin:0px auto;
	margin-top:150px;

}

#popup_top
{
	background:url(../images/popup_top_bg.png) no-repeat;
	height:22px;
}
#popup_body
{
	background:url(../images/popup_bottom_bg.png) repeat-y;
	width:689px;
	font-family:Calibri;
	font-size:12px;
	color:#FFF;
	text-align:left;
}

.popup_img
{
	background:url(../images/close_button.png) no-repeat;
	width:24px;
	height:25px;
	float:right;
	position:relative;
	top:-18px;
}
#popup_body_text
{

	width:620px;
	margin-left:35px;
}

#popup_body_text P
{
	margin:0px;
	padding:0px;
}

#popup_bottom
{
	background:url(../images/popup_bodybottom_bg.png) no-repeat;
	height:24px;
}
.display
{
	display:block;
	z-index:100000;
	position:relative;
}

#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#243441;
	background-repeat:repeat;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.pureCssMenu ul{
	width:126px;
}
ul.pureCssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#243441;
	border-width:1px;
	border-color:#333333;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:2px 5px 2px 10px;
	_padding-left:0;
	font:normal 13px Trebuchet MS,Tahoma;
	color: #cccccc;
	text-decoration:none;
	cursor:default;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:3px;
	height:100%;
	display:inline-block;
	background-color:#cccccc #111111 #111111 #cccccc;	background-image:none;}
ul.pureCssMenu ul li.sep span{
	width:100%;
	height:3px;
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	background-color:#377D9F;
	border-color:#377D9F;
	border-style:solid;
	font:normal 13px Trebuchet MS, Tahoma;
	color: #FFFFFF;
	text-decoration:none;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#377D9F;
	border-color:#377D9F;
	border-style:solid;
	font:normal 13px Trebuchet MS, Tahoma;
	color: #FFFFFF;
	text-decoration:none;
}
ul.pureCssMenu li.dis a {
	color: #666 !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul{display:none}
ul.pureCssMenu span{
	display:block;
	background-image:url(../images/arr_white.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:12px;}
ul.pureCssMenu li:hover>a>span{	background-image:url(../images/arrv_white.gif);
}
ul.pureCssMenu a:hover span{	_background-image:url(../images/arrv_white.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arr_white.gif)}
