/*****reset and clearing********************************************************************/
:link,:visited {text-decoration:none;}
ul,ol {list-style:none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size : 1em;}
ul,ol,dl,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,a, img, dt, dd, fieldset {margin : 0; padding : 0}
a img,:link img,:visited img,fieldset {border : none;}
.clearer:after, #common:after, .extranet .nav ul:after, .account_general_details:after, .account_general_details li:after, .extranet .section .header:after, .website_nav:after, .website .content:after, #featured_properties:after, #scroller li:after, .footer:after {/*content: '[HI MUM]'; display: block; height: 0; clear: both; visibility: hidden;*/}
.clearer, #common, .extranet .nav ul, .account_general_details, .account_general_details li, .extranet .section .header, .website_nav, .website .content, #featured_properties, #scroller li{display: inline-block;}
/*\*/
.clearer, #common, .extranet .nav ul, .account_general_details, .account_general_details li, .extranet .section .header, .website_nav, .website .content, #featured_properties, #scroller li, .footer {display: block;}
/* end easy clearing */

	/* hide from ie on mac \*/
	html {
		height: 100%;
		/*overflow: hidden;*/
	}

	#flashcontent {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -999;
		overflow: hidden;
		
	}
	#mainContainer
	{
		height:800px;
	}
	body > div#flashcontent 
	{
		position:fixed;
	}

	/* end hide */

	body {
		/*height: 100%;*/
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #003366;/*#282828*/
		
		background-color: #043465;
	}
.newSpan
{
	color:White;
}
.hide
{
	width:0px;
	height:0px;
	visibility:hidden;
	overflow:hidden;
}
.supporter
{
	
	top:500px;
	position:absolute;
	padding-left:40px;
	/*left:500px;padding-top:250px;*/
	vertical-align:middle;
	font-size:10px;
	text-decoration:underline;
}

.supporterImage 
{
	padding-right:40px;
}
a 
{
	color:white;
	position: relative;
}
#content a 
{
	color:#003366;
	position: relative;
}
a:hover 
{
	text-decoration:underline;
}

a.no_underline:hover 
{
	text-decoration:none;
}

a.underline
{
	text-decoration:underline !important;
	font-weight: bold !important;
	color: #ffffff;
	position: relative;
}
a.bold
{
	text-decoration:none !important;
	font-weight: bold !important;
	position: relative;

}

div.clear 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear:both;
}

h1{
	text-transform:capitalize;
	color: white;
	font-size: 23px;
}

h2{
	font-family:arial;
	font-size:24px;
	font-weight:normal;
}

h3{
	
	font-family:arial;
	font-size: 15px;
	padding: 15px 0;
}

.logo
{	
	margin:30px 20px auto;	
}

#shadowbox
{
	background-image: url(../images/black_40.png);
	width: 1020px;
	/*height: 800px;*/
	margin:  20px Auto;
	display: block;
	padding-left:35px;	
}

/******************main body*************************/
#container
{
	width: 1024px;
	/*height:750px;*/
	margin: 0 Auto;
	display: block;
	overflow: hidden;
	padding-top:3%;
	border:0px;
	/*filter:alpha(opacity=20);
	-moz-opacity:.20;
	opacity:.20;
	background-color: white; */
	/*overflow: hidden;*/
}
.topHeader
{
	font-weight:bold;text-transform: capitalize;
	font-size: 14px;
	font-weight: bold;
	line-height: 2em;
	
}
.header2
{
	height:110px;
padding-bottom:30px;
position:relative;
}
/*********dimension & main elements*************/
.header
{
	/*height: 134px;*/
	height: 110px;
	
}

.header img
{
	display: block;
}


#leftCol
{
	display: block;
	width: 243px;
	float: left;
	color: #ffffff;
	padding-right:20px;
}

#midCol
{
	width: 450px;
	display:block;
	float: left;
	overflow: hidden;
	padding-right:20px;

}


.banner
{
	height: 20px;
}

.banner h1
{
	padding-top: 70px;
	padding-left: 20px;
	text-transform: capitalize;
}



#rightCol
{
	display: block;
	/*width: 280px;*/
	width: 250px;
	float: left;	
	/*height: 748px;*/
}

.wrapper
{
	height:700px;
}

.main
{
	height: 580px;
}


#footer
{	
	/*height: 50px;*/
	/*width: 1024px;*/
	/*background-color:#202125;*/
	color: white;
	text-transform: capitalize;
	font-size: 11px;
	/*line-height: 50px;
	z-index: 1000;*/
	vertical-align:middle;
	text-align:center;
	/*margin:0px;
	padding:0px;*/
	padding:20px 0;
	padding-right:45px;
	clear:both;
	
}

#footer span
{
	/*padding: 0 25px;*/
}


/**************color********************/
.red90
{ 	
 	background-image: url(../images/red_90.png);
	background-position: left center;
	background-repeat: repeat;
	background-color: transparent;
}


.white90
{ 	
 	background-image: url(../images/white_90.png);
	background-position: left center;
	background-repeat: repeat;
	background-color: transparent;
}


.white80
{
	display:block;
	background-image: url(../images/white_80.png);
	background-position: left center;
	background-repeat: repeat;
	background-color: transparent;	
}

.white85
{
	display:block;
	background-image: url(../images/white_85.png);
	background-color: #ffffff;
	background-repeat: repeat;
	background-color: transparent;
	background-position: top center;
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    overflow:auto;   
    position:relative;
}

.white20
{
	background-image: url(../images/white_20.png);
	background-position: left center;
	background-repeat: repeat;
	background-color: transparent;
}

.blue90
{
	background-image: url(../images/blue_90.png);	
	background-repeat: repeat;
	background-color: transparent;
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

#midCol .blue90 { background-image: none; border: 1px solid #fff;}
#rightCol .blue90 { background-image: none; border: 1px solid #fff;}
.red80
{
	background-image: url(../images/red_80.png);
	background-position: left center;
	background-repeat: repeat;
	background-color: transparent;
	height: 125px;
}


.white20
{
	background-image: url(../images/white_20.png);
	background-position: left center;
	background-repeat: repeat;
	background-color: transparent;
	display:block;
}


#title_bar
{
	background-color: #A90101;
	width: 243px;
	/*width: 744px; */
	height: 125px;
	display:block;

}

/**********content *****************/
.breadcrumb
{
	bottom:15px;
	left:40px;
	position:absolute;
	font-size:11px;
	/*padding: 110px 0 0 40px;*/
}
#content
{
	padding: 40px 40px 40px 40px;
	height: 408px;
	/*overflow: auto;*/
	/*background-image:url(../images/white_85.png);*/
	margin:0px;
	border:0px;
}

#content h2
{
	text-transform: capitalize;
	font-size: 14px;
	font-weight: bold;
	line-height: 2em;
	
}
#content ul
{
	list-style-type:disc;
	list-style-position:outside; 
	
	margin-left: 30px;
}
#content ul li
{
	margin: 15px 0;	
}

#content ul li li {
list-style-type:circle;
}

#content p
{
	padding: 10px 0;
}

#content ul.subsubmenu
{
	list-style: none;
	clear:both;
	margin: 0;
	color:Black;	
}

#content ul.subsubmenu li
{
	margin: 0; padding: 0;
	float: left;
}


#content p.smaller
{
	font-size: 12px;
}

#content p.smaller a
{
	text-decoration: underline;
}

.paging 
{
	height: 20px;
	display: block;
	right: 0;
	bottom: 0;
	float: right;
	width: 120px;
	text-align: right;
	position: absolute;
}

.paging a
{
	display: block; float: left;
	width: 15px;
	height: 15px;
	text-align:center;
	line-height: 15px;
}

.paging a.selected
{
	/*background-color: #D01D00;
	color: white; */
	color: maroon;
	text-decoration: underline;
	font-weight: bold;
	
}

table.ourprojects
{
	font-size:20px;
	font-weight:bold;
	color: white;
}

table.ourprojects td
{
	background-color:#3D3D3D;
	width: 54px;
	height: 54px;
	vertical-align: top;
}
table.ourprojects td a
{
	color: white;
}


/**************left navigation*******************/


#navigation
{
	text-align: right;	
	display: block;
	font-size: 12px;
	font-weight: bold;	
	padding: 25px 25px 0 0;
}


#navigation ul li a
{
	color: #ffffff;
}

#navigation ul li
{
	line-height: 1.8em;
}

#navigation ul li ul
{
	font-size: 12px;
	display: block;
	margin: 15px 0;	
}

#navigation ul li ul li
{
	line-height: 1.5em;
	font-weight: normal;	
}

#navigation ul li.selected a.selected
{
	text-decoration: underline;
	/*color: maroon !important;*/
}

#navigation ul li.selected a
{
	/*color: maroon !important;*/
	text-decoration: underline;
	background-image:url(../images/sep.gif);
	background-position: right center;
	background-repeat: no-repeat;
	background-color: transparent;
	padding-right:5px;
}

#navigation ul li a.selected
{
	text-decoration: underline;
	background-image:url(../images/sep.gif);
	background-position: right center;
	background-repeat: no-repeat;
	background-color: transparent;
	padding-right:5px;
	/*color: black !important;*/
}


#navigation ul.subsubitem li a.selected
{
	/*color: black !important;*/
	text-decoration: underline;
	font-weight: bold;
	background-image:url(../images/arrow_right.gif);
	padding-right:10px;
}


#navigation ul li.selected ul li a
{
	text-decoration: none;
	background-image:none;
	/*color: black !important;*/
}


#navigation ul li.selected ul li a.selected 
{
	text-decoration: underline;
	font-weight: bold;	
	background-image:url(../images/sep.gif);
	background-position: right center;
	background-repeat: no-repeat;
	background-color: transparent;
	padding-right:5px;
}

#navigation ul li.selected ul li ul li a.subSelected 
{
	text-decoration: underline;
	font-weight: bold;
	background-image:url(../images/arrow_right.gif);

	background-position: right center;
	background-repeat: no-repeat;
	background-color: transparent;
	padding-right:15px;
}
#navigation ul
{
	list-style: none;	
}


.brochure 
{
	/*background: transparent url(../images/downloadbrochure.png) no-repeat scroll right top;*/
	width: 200px;
	height: 40px;
	float: right;
	margin-top: 25px;
	font-size: 10px;
	/*padding-right: 10px;*/
	padding-top: 5px;
	cursor: pointer;
}

.brochure a
{
	text-decoration: underline !important;
}


#flashcontent.home { background: transparent url(../images/flash/home.jpg) no-repeat scroll center top;}
#flashcontent.about_us { background: transparent url(../images/flash/about-us.jpg) no-repeat scroll center top;}
#flashcontent.our_service { background: transparent url(../images/flash/our-services.jpg) no-repeat scroll center top;}
#flashcontent.our_project { background: transparent url(../images/flash/our-projects.jpg) no-repeat scroll center top;}
#flashcontent.contact{ background: transparent url(../images/flash/contact.jpg) no-repeat scroll center top;}