/* CSS Document */

body{
	margin:0;
	padding:0;
	background:url(images/bg_02.gif) repeat-x 0 0 #FFFFFF;
	color:#000000;
	}

div, p, h2, h3, ul, li, a, form, input, label, img{
	padding:0;
	margin: 0;
	}
	
.spacer{
	line-height:0; font-size:0; clear:both;
	}
	
/*------------------------------------------Header Start----------------------------------*/

#container{
	margin:0 auto;
	padding:0 0 0px 0;
	width:981px;
	position:relative;
	background-color: #FFFFFF;
	height: 100%;
	}	
#containerPop{
	margin:0 auto;
	padding:0 0 0px 0;
	width:500px;
	position:relative;
	background-color: #FFFFFF;
	height: 100%;
	}	

#header{
	width:981px; height:151px; margin:0 0 0px 0; padding:0;
	background:url(images/top_banner_03.gif) no-repeat 0 0 #E1E1E1; color:#000000;
	float:left; 	
	}
	
#header img{
	position:absolute;
	right:685px;
	top:18px;
	border: 0;
	}

#header ul{
	position:absolute; left:55px; top:121px;
	margin:0; padding:0; list-style:none;
	}
	
#header ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 865px;
	list-style: none;
	text-transform: uppercase;
	display: inline-block;
}

#header ul li {
  float: left;

}


#header ul a {
	padding: 0 30px 0 30px;
	line-height: 1.2em;
	text-decoration: none;
	color: #3a3a3a;
	float: center;
	display: block;
	font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}


#header ul a:hover {
  color: #647380;
}


#header ul .first a {
  background: none;
}

.heading {
	color: #bcbcbc;
	font-family: Helvetica, Arial, Verdana;
	font-size: 1.2em;
	line-height: 1.45em;
	background: #fff url(images/highlight/dotted_lines.gif) 0 -1px;
	padding-bottom: 1px;
}

/*--------------------------------------Drop Down Begin----------------------------------*/
.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}
/*--------------------------------------Drop Down End----------------------------------*/

/*------------------------------------------Header End----------------------------------*/

/*------------------------------------------Left Start----------------------------------*/

#left{
	width:265px;
	padding:20px 05px 0 0;
	float:left;

	}
#left p.banner{
	display:block;
	width:265px;
	height:43px;
	background:url(images/hd_lft_project_develpment.gif) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#left p.banner2{
	display:block;
	width:265px;
	height:43px;
	background:url(images/hd_lft_about_csd.gif) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#left p.banner3{
	display:block;
	width:265px;
	height:43px;
	background:url(images/hd_lft_business_services.gif) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#left p.banner4{
	display:block;
	width:265px;
	height:43px;
	background:url(images/hd_lft_strategic_relationsh.gif) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#left p.banner5{
	display:block;
	width:265px;
	height:43px;
	background:url(images/hd_lft_featured_projects.gif) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#left p.banner6{
	display:block;
	width:265px;
	height:43px;
	background:url(images/hd_lft_crooked.gif) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#left p.banner7{
	display:block;
	width:265px;
	height:43px;
	background:url(images/hd_lft_construction.gif) 0 0 repeat-x;
	margin:20px 0 0 0;
}

#left p.bannerBottAbout{
	display:block;
	width:251px;
	height:200px;
	background:url(images/about_csd/banner_bott.jpg) 0 0 repeat-x;
	margin:135px 0 0 15px;
}
#left p.bannerBottBusiness{
	display:block;
	width:251px;
	height:200px;
	background:url(images/business_services/banner_bott.jpg) 0 0 repeat-x;
	margin:190px 0 0 15px;
}
#left p.bannerBottDevelopment{
	display:block;
	width:251px;
	height:200px;
	background:url(images/development_services/banner_bott.jpg) 0 0 repeat-x;
	margin:215px 0 0 15px;
}
#left p.bannerBottFeatured{
	display:block;
	width:270px;
	height:200px;
	background:url(images/banner_bott.jpg) 0 0 repeat-x;
	margin:245px 0 0 0px;
}
#left p.bannerBottStrategic{
	display:block;
	width:251px;
	height:200px;
	background:url(images/strategic_relations/banner_bott.jpg) 0 0 repeat-x;
	margin:189px 0 0 15px;
}
#left p.bannerBottConstruction{
	display:block;
	width:251px;
	height:200px;
	background:url(images/construction/banner_bott.jpg) 0 0 repeat-x;
	margin:165px 0 0 15px;
}
#left p.bannerBott{
	display:block;
	width:251px;
	height:266px;
	background:url(images/lft_pic_bott.jpg) 0 0 repeat-x;
	margin:200px 0 0 15px;
}
#left p.bannerBott2{
	display:block;
	width:251px;
	height:266px;
	background:url(images/lft_pic_bott_01.jpg) 0 0 repeat-x;
	margin:200px 0 0 15px;
}
#left p.bannerBott3{
	display:block;
	width:251px;
	height:266px;
	background:url(images/lft_pic_bott_02.jpg) 0 0 repeat-x;
	margin:200px 0 0 15px;
}
#left p.bannerBott4{
	display:block;
	width:251px;
	height:266px;
	background:url(images/lft_pic_bott_03.jpg) 0 0 repeat-x;
	margin:200px 0 0 15px;
}
#left p.bannerBott5{
	display:block;
	width:251px;
	height:266px;
	background:url(images/lft_pic_bott_04.jpg) 0 0 repeat-x;
	margin:200px 0 0 15px;
}
#left p.bannerBott6{
	display:block;
	width:251px;
	height:200px;
	background:url(images/development_services/lft_bott_01.jpg) 0 0 repeat-x;
	margin:255px 0 0 15px;
}
#left img.test{
	display:block;
	width:251px;
	height:266px;
	background:url(images/lft_pic_bott_05.jpg) 0 0 repeat-x;
}
#left img{
	position:absolute;
	left:15px;
	top:300px;
	width:250px;
	height:150px;
}
#left img.CSI{
	position:absolute;
	left:95px;
	top:325px;
	width:97px;
	height:98px;
	border: none;
}

#left img.ICS{
	position:absolute;
	left:55px;
	top:495px;
	width:165px;
	height:50px;
	border: none;
}

#left img.Bimini{
	position:absolute;
	left:55px;
	top:430px;
	width:165px;
	height:50px;
	border: none;
}
#left img.BannerTopProjects{
	position:absolute;
	left:60px;
	top:300px;
	width:175px;
	height:20px;
	border: none;
}
#left img.Louvet{
	position:absolute;
	left:60px;
	top:330px;
	width:175px;
	height:100px;
	border: none;
}
#left img.Bani{
	position:absolute;
	left:60px;
	top:445px;
	width:175px;
	height:100px;
	border: none;
}
#left img.Geoje{
	position:absolute;
	left:60px;
	top:560px;
	width:175px;
	height:100px;
	border: none;
}
#left img.About{
	position:absolute;
	left:15px;
	top:415px;
	width:250px;
	height:150px;
}	
#left img.Business{
	position:absolute;
	left:15px;
	top:415px;
	width:250px;
	height:150px;
}
#left img.Development{
	position:absolute;
	left:15px;
	top:415px;
	width:250px;
	height:150px;
	clear: both;
}
#left img.Strategic{
	position:absolute;
	left:15px;
	top:415px;
	width:250px;
	height:150px;
}
#left img.PreConstruct{
	position:absolute;
	left:15px;
	top:425px;
	width:250px;
	height:150px;
}
#left h2.events{
	background:url(images/hd_lft_project_develpment.gif) no-repeat 0 0 #FFFFFF;
	color:#1A1A1A; width:265px; height:43px; 
	padding:0 0 0 0px; margin:0 0 20px 0; float:left;
	
	}
#left h2.services{
	background:url(images/services_bg.gif) no-repeat 0 0 #FFFFFF;
	font:normal 22px/37px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1A1A1A; width:113px; height:37px; 
	padding:0 0 0 42px; margin:0 0 20px 0; float:left;
	
	}
#left h2.guidelines{
	background:url(images/guidelines_bg.gif) no-repeat 0 0 #FFFFFF;
	font:normal 22px/37px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1A1A1A; width:113px; height:37px; 
	padding:0 0 0 42px; margin:0 0 20px 0; float:left;
	
	}
#left h2.company{
	background:url(images/company_bg.gif) no-repeat 0 0 #FFFFFF;
	font:normal 22px/37px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1A1A1A; width:113px; height:37px; 
	padding:0 0 0 42px; margin:0 0 20px 0; float:left;
	
	}
#left h2.schedule{
	background:url(images/schedule_bg.gif) no-repeat 0 0 #FFFFFF;
	font:normal 22px/37px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1A1A1A; width:113px; height:37px; 
	padding:0 0 0 42px; margin:0 0 20px 0; float:left;
	
	}
#left h2.contact{
	background:url(images/contact1_bg.gif) no-repeat 0 0 #FFFFFF;
	font:normal 22px/37px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1A1A1A; width:113px; height:37px; 
	padding:0 0 0 42px; margin:0 0 20px 0; float:left;
	
	}		
#left h3{
	background:url(images/date_bg.gif) no-repeat 0 0 #FFFFFF;
	font:normal 12px/12px Arial, Helvetica, sans-serif;
	color:#1D1D1B; border-bottom:#E4E4E4 solid 1px;
	padding:0 0 0 20px; margin:0 0 20px 0; float:left;
	
	}
#left ul{
	margin:0;
	padding: 3px 0px 0px 0px;
	float:left;
	list-style-type: none;
}

#left ul li a{
	display:block;
	padding: 5px 0px 5px 68px;
	width:202px;
	font:normal 12px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3a3a3a;
	text-decoration:none;
	background-image: url(images/btn_bgr.gif);
}	
#left ul li a:hover{
	color:#000000;
	background-color:#f4f4f4;
	background-image: url(images/btn_bgr_ovr.gif);
}
#left ul li a:active{
	color:#2e529b;
	background-color:#f4f4f4;
	background-image: url(images/btn_bgr_ovr.gif);
}
#left p.dateText{
	font:normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1D1D1B; background-color:#FFFFFF; 
	padding:7px 0 10px 19px; float:left; 
	}
#left p.more{
	background:url(images/para_bg.gif) repeat-x 0 0 #FFFFFF;
	color:#FBFBFB; text-align:right; margin:0 0 9px 0; float:left;
	}

#left p.more a{
	background:url(images/more_bg.gif) no-repeat 0 0 #FFFFFF;
	font:bold 10px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FBFBFB; text-align:center; text-decoration:none; width:60px;
	float:right;
	}
#left p.more a:hover{
	background:url(images/more_bg_on.gif) no-repeat 0 0 #FFFFFF;
	color:#FBFBFB;
	}
	
#left h2.newsletter{
	background:url(images/newsletter_bg.gif) no-repeat 0 0 #FFFFFF;
	font:normal 22px/37px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1A1A1A; width:109px; height:37px; 
	padding:0 0 0 37px; margin:0 0 14px 0; float:left;
	}	
	


/*------------------------------------------Left End----------------------------------*/

/*------------------------------------------Middle Start----------------------------------*/

#middle{
	width:650px; 
	margin:0px 0 0 0; padding:0 0px 55px 19px;
	float:left;
	}
#middlePop{
	width:650px; 
	margin:0px 0 0 0; padding:0 0px 0px 0px;
	float:left;
	}	
	
/*------------------------------------------Start Middle Vingettes----------------------------------*/
#middleContentLeft{
	width:450px; 
	margin:0px 0 0 0; padding:0 27px 20px 0px;
	float:left;
	}
#middleContentLeftFull{
	width:620px; 
	margin:0px 0 0 0; padding:0 27px 20px 0px;
	float:left;
	}	
#middleContentRight{
	width:170px;
	margin:0px 0 0 0;
	padding:0 0px 0px 0px;
	float:left;
	height: auto;
	background-image: url(images/highlight/highlight01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #cdcdcd;
}
#middleContentRight2{
	width:170px;
	margin:0px 0 0 0;
	padding:0 0px 0px 0px;
	float:left;
	height: auto;
	background-image: url(images/highlight/highlight_02/main_highlight_02.jpg);
	background-repeat: no-repeat;
	border: 1px solid #cdcdcd;
}
	
#middleContentRight3{
	width:170px;
	margin:0px 0 0 0;
	padding:0 0px 0px 0px;
	float:left;
	height: auto;
	background-image: url(images/highlight/highlight_03/main_highlight_03.jpg);
	background-repeat: no-repeat;
	border: 1px solid #cdcdcd;
}
#middleContentRight4{
	width:170px;
	margin:0px 0 0 0;
	padding:0 0px 0px 0px;
	float:left;
	height: auto;
	background-image: url(images/highlight/highlight_04/main_highlight_04.jpg);
	background-repeat: no-repeat;
	border: 1px solid #cdcdcd;
}
#middleContentRight5{
	width:170px;
	margin:0px 0 0 0;
	padding:0 0px 0px 0px;
	float:left;
	height: auto;
	background-image: url(images/highlight/highlight_05/main_highlight_05.jpg);
	background-repeat: no-repeat;
	border: 1px solid #cdcdcd;
}
#middleContentRight6{
	width:170px;
	margin:0px 0 0 0;
	padding:0 0px 0px 0px;
	float:left;
	height: auto;
	background-image: url(images/highlight/main_static_04.jpg);
	background-repeat: no-repeat;
	border: 1px solid #cdcdcd;
}
#middleContentRight7{
	width:170px;
	margin:0px 0 0 0;
	padding:0 0px 0px 0px;
	float:left;
	height: auto;
	background-image: url(images/highlight/main_static_07.jpg);
	background-repeat: no-repeat;
	border: 1px solid #cdcdcd;
}
#middleContentRight8{
	width:170px;
	margin:0px 0 0 0;
	padding:0 0px 0px 0px;
	float:left;
	height: auto;
	background-image: url(images/highlight/main_static_08.jpg);
	background-repeat: no-repeat;
	border: 1px solid #cdcdcd;
}
#middleContentRightVision{
	width:170px;
	margin:0px 0 0 0;
	padding:0 0px 0px 0px;
	float:left;
	height: auto;
	background-image: url(images/highlight/main_static_vision.jpg);
	background-repeat: no-repeat;
	border: 1px solid #cdcdcd;
}
#middleContentRightDesign{
	width:170px;
	margin:0px 0 0 0;
	padding:0 0px 0px 0px;
	float:left;
	height: auto;
	background-image: url(images/highlight/main_static_process.jpg);
	background-repeat: no-repeat;
	border: 1px solid #cdcdcd;
}
#middleContentRightDesign{
	width:170px;
	margin:0px 0 0 0;
	padding:0 0px 0px 0px;
	float:left;
	height: auto;
	background-image: url(images/highlight/main_static_process.jpg);
	background-repeat: no-repeat;
	border: 1px solid #cdcdcd;
}
#middleContentRightBani{
	width:170px;
	margin:0px 0 0 0;
	padding:0 0px 0px 0px;
	float:left;
	height: auto;
	background-image: url(images/highlight/main_static_bani.jpg);
	background-repeat: no-repeat;
	border: 1px solid #cdcdcd;
}
#middleContentRightSustainable{
	width:170px;
	margin:0px 0 0 0;
	padding:0 0px 0px 0px;
	float:left;
	height: auto;
	background-image: url(images/highlight/main_static_sustainable.jpg);
	background-repeat: no-repeat;
	border: 1px solid #cdcdcd;
}
#middleContentRightStatic01{
	width:170px;
	margin:0px 0 0 0;
	padding:0 0px 0px 0px;
	float:left;
	height: auto;
	background-image: url(images/highlight/main_static_01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #cdcdcd;
}
#middleContentRightStatic02{
	width:170px;
	margin:0px 0 0 0;
	padding:0 0px 0px 0px;
	float:left;
	height: auto;
	background-image: url(images/highlight/main_static_02.jpg);
	background-repeat: no-repeat;
	border: 1px solid #cdcdcd;
}
#middleContentRightStatic03{
	width:170px;
	margin:0px 0 0 0;
	padding:0 0px 0px 0px;
	float:left;
	height: auto;
	background-image: url(images/highlight/main_static_03.jpg);
	background-repeat: no-repeat;
	border: 1px solid #cdcdcd;
}
#middleContentRightStatic04{
	width:170px;
	margin:0px 0 0 0;
	padding:0 0px 0px 0px;
	float:left;
	height: auto;
	background-image: url(images/highlight/main_static_05.jpg);
	background-repeat: no-repeat;
	border: 1px solid #cdcdcd;
}
#middleContentRightStatic05{
	width:170px;
	margin:0px 0 0 0;
	padding:0 0px 0px 0px;
	float:left;
	height: auto;
	background-image: url(images/highlight/main_static_06.jpg);
	background-repeat: no-repeat;
	border: 1px solid #cdcdcd;
}
#headerContent
{
	font:bold 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:132px 5px 5px 5px;
	line-height: 130%;
	color: #00519f;
}	
#middleContentRightLinks{
	width:170px;
	margin:0px 0 0 0;
	padding:0 0px 0px 0px;
	float:left;
	height: 75px;
	background-repeat: no-repeat;
    border:#e4e4e4 solid 1px;
	}	
#middleContentRightLinksConstruct{
	width:170px;
	margin:0px 0 0 0;
	padding:0 0px 0px 0px;
	float:left;
	height: 110px;
	background-repeat: no-repeat;
    border:#e4e4e4 solid 1px;
	}		
#middleContentRight p.bannerHighlight{
	display:block;
	width:172px;
	height:214px;
	background:url(images/highlight/test.gif) 0 0 repeat-x;
	margin:0px 0 0 0;
	border-left-width: thin;
}	
#middleContentRight img{
	display:block;
	position: relative;
	border: 0;
	margin:5px 0 5px 3px;
	float:right;
	cursor: pointer;
	}	
#middleContentRight2 img{
	display:block;
	position: relative;
	border: 0;
	margin:5px 0 5px 3px;
	float:right;
	cursor: pointer;
	}		
	
#middleContentRight3 img{
	display:block;
	position: relative;
	border: 0;
	margin:5px 0 5px 3px;
	float:right;
	cursor: pointer;
	}
#middleContentRight4 img{
	display:block;
	position: relative;
	border: 0;
	margin:5px 0 5px 3px;
	float:right;
	cursor: pointer;
	}
#middleContentRight5 img{
	display:block;
	position: relative;
	border: 0;
	margin:5px 0 5px 3px;
	float:right;
	cursor: pointer;
	}	
#middleContentRight6 img{
	display:block;
	position: relative;
	border: 0;
	margin:5px 0 5px 3px;
	float:right;
	cursor: pointer;
	}	
#middleContentRight7 img{
	display:block;
	position: relative;
	border: 0;
	margin:5px 0 5px 3px;
	float:right;
	cursor: pointer;
	}	
#middleContentRightVision img{
	display:block;
	position: relative;
	border: 0;
	margin:5px 0 5px 3px;
	float:right;
	cursor: pointer;
	}
#middleContentRightDesign img{
	display:block;
	position: relative;
	border: 0;
	margin:5px 0 5px 3px;
	float:right;
	cursor: pointer;
	}	
#middleContentRightSustainable img{
	display:block;
	position: relative;
	border: 0;
	margin:5px 0 5px 3px;
	float:right;
	cursor: pointer;
	}	
#middleContentRightBani img{
	display:block;
	position: relative;
	border: 0;
	margin:5px 0 5px 3px;
	float:right;
	cursor: pointer;
	}						
/*------------------------------------------End Middle Vingettes----------------------------------*/	
				
	
#middle h2{

	font:normal 24px/28px Arial, Helvetica, sans-serif;
	color:#343434; padding:0 0 8px 0;
	}
#middle h3{

	font:bold 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#343434; 	padding:5px 6px 5px 10px;
	}	
#middle h2 span{
	font:normal 24px/28px Arial, Helvetica, sans-serif;
	color:#000000; background-color:#FFFFFF;
	}
#middle h2.cpost-title	{
}
#middle p.banner{
	display:block;
	width:650px;
	height:195px;
	background:url(images/featured_projects/main_banner_overview.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerDevOverview{
	display:block;
	width:650px;
	height:195px;
	background:url(images/development_services/main_banner_overview.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;

}
#middle p.bannerConstructionOverview{
	display:block;
	width:650px;
	height:195px;
	background:url(images/construction/main_banner_overview.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerFeasibility{
	display:block;
	width:650px;
	height:195px;
	background:url(images/development_services/main_banner_landAcquisition.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerLandAcqusition{
	display:block;
	width:650px;
	height:195px;
	background:url(images/development_services/main_banner_landAcquisition.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerMasterPlanning{
	display:block;
	width:650px;
	height:195px;
	background:url(images/development_services/main_MasterPlanning.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerDesignOverview{
	display:block;
	width:650px;
	height:209px;
	background:url(images/design/main_banner_design.jpg) 0 0 repeat-x;
	margin:20px 0 15px 0;
}
#middle p.bannerDesignVision{
	display:block;
	width:650px;
	height:195px;
	background:url(images/design/main_banner_vision.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerDesignProcess{
	display:block;
	width:650px;
	height:195px;
	background:url(images/design/main_banner_process.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerDesignAE{
	display:block;
	width:650px;
	height:195px;
	background:url(images/design/main_banner_ae.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerDesignLouvet{
	display:block;
	width:650px;
	height:195px;
	background:url(images/design/main_banner_louvet.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerDesignBani{
	display:block;
	width:650px;
	height:195px;
	background:url(images/design/main_banner_bani.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerDesignGeoje{
	display:block;
	width:650px;
	height:195px;
	background:url(images/design/main_banner_geoje.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerArchitecture{
	display:block;
	width:650px;
	height:195px;
	background:url(images/development_services/main_banner_architecture.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerPreConstruct{
	display:block;
	width:650px;
	height:195px;
	background:url(images/development_services/main_banner_preconstruct.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerConstruction{
	display:block;
	width:650px;
	height:195px;
	background:url(images/development_services/main_banner_construction.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerDesignBuild{
	display:block;
	width:650px;
	height:195px;
	background:url(images/development_services/main_banner_design_build.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerContact{
	display:block;
	width:650px;
	height:195px;
	background:url(images/contact/main_banner_contact.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}

/*----------------Featured Projects Main Banners Start ------------------------------*/
#middle p.bannerBroward{
	display:block;
	width:650px;
	height:195px;
	background:url(images/featured_projects/main_banner_broward.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerFeatured{
    display:block;
	width:650px;
	height:195px;
	background:url(images/featured_projects/main_banner_overview.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerCoco{
	display:block;
	width:650px;
	height:195px;
	background:url(images/featured_projects/main_banner_coco.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;

}
#middle p.bannerGolfito{
	display:block;
	width:650px;
	height:195px;
	background:url(images/featured_projects/main_banner_golfito.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}

#middle p.bannerRoatan{
	display:block;
	width:650px;
	height:195px;
	background:url(images/featured_projects/main_banner_roatan.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerFrederiksted{
	display:block;
	width:650px;
	height:195px;
	background:url(images/featured_projects/main_banner_frederiksted.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerCrooked{
	display:block;
	width:650px;
	height:195px;
	background:url(images/featured_projects/main_banner_crooked.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
	float:right;
}
#middle p.bannerQuetzal{
	display:block;
	width:650px;
	height:195px;
	background:url(images/featured_projects/main_banner_quetzal.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
/*----------------End Featured Projects Main Banners------------------------------*/
/*----------------Start Strategic Relationships Main Banners------------------------------*/
#middle p.bannerStrategic{
	display:block;
	width:650px;
	height:195px;
	background:url(images/strategic_relations/main_banner_overview.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerStrategicCSI{
	display:block;
	width:650px;
	height:195px;
	background:url(images/strategic_relations/main_banner_csi.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
	
}
#middle p.bannerStrategicICSMarket{
	display:block;
	width:650px;
	height:195px;
	background:url(images/strategic_relations/main_banner_icsmarket.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
	
}
#middle p.bannerStrategicICS{
	display:block;
	width:650px;
	height:195px;
	background:url(images/strategic_relations/main_banner_ics.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;	
}
#middle p.bannerStrategicBimini{
	display:block;
	width:650px;
	height:195px;
	background:url(images/strategic_relations/main_banner_bimini.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
/*----------------End Strategic Relationships Main Banners------------------------------*/

/*----------------Construction Main Banners Start------------------------------*/	
	
}
#middle p.bannerOverview{
	display:block;
	width:656px;
	height:195px;
	background:url(images/construction/main_banner_overview.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;

}
#middle p.bannerBeaches{
	display:block;
	width:656px;
	height:195px;
	background:url(images/construction/main_banner_beaches.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;

}
#middle p.bannerUtilities{
	display:block;
	width:650px;
	height:195px;
	background:url(images/construction/main_banner_utilities.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;

}
#middle p.bannerDredging{
	display:block;
	width:656px;
	height:195px;
	background:url(images/construction/main_banner_dredging.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;

}
#middle p.bannerPaving{
	display:block;
	width:656px;
	height:195px;
	background:url(images/construction/main_banner_paving_grading.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;

}
#middle p.bannerMarinas{
	display:block;
	width:650px;
	height:195px;
	background:url(images/construction/main_banner_marinas.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;

}
#middle p.bannerWaterfront{
	display:block;
	width:650px;
	height:195px;
	background:url(images/construction/main_banner_waterfront.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;

}
#middle p.bannerBridges{
	display:block;
	width:656px;
	height:195px;
	background:url(images/construction/main_banner_bridges.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;

}
#middle p.bannerWater{
	display:block;
	width:656px;
	height:195px;
	background:url(images/construction/main_banner_water.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;

}
#middle p.bannerAirport{
	display:block;
	width:650px;
	height:195px;
	background:url(images/construction/main_banner_airport.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;

}
#middle p.bannerEarthworks{
	display:block;
	width:650px;
	height:195px;
	background:url(images/construction/main_banner_earthworks.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;

}
/*----------------Construction Main Banners End------------------------------*/	
/*----------------Business Services Main Banners Start------------------------------*/	
#middle p.bannerMainBusiness{
	display:block;
	width:650px;
	height:195px;
	background:url(images/business_services/main_banner_business.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerMainMarket{
	display:block;
	width:650px;
	height:195px;
	background:url(images/development_services/main_MarketAnalysis.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerBusinessPlan{
	display:block;
	width:650px;
	height:195px;
	background:url(images/development_services/main_BusinessPlan.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
/*----------------Business Services Main Banners End------------------------------*/	
/*----------------About CSD Main Banners Start ------------------------------*/
#middle p.bannerHistory{
	display:block;
	width:650px;
	height:195px;
	background:url(images/about_csd/main_banner_brief_history.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerOverview{
	display:block;
	width:650px;
	height:195px;
	background:url(images/about_csd/main_banner_overview.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
	float:left;
}
#middle p.bannerAboutOverview{
	display:block;
	width:650px;
	height:195px;
	background:url(images/about_csd/main_banner_overview.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerVision{
	display:block;
	width:650px;
	height:195px;
	background:url(images/about_csd/main_banner_our_vision.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerValues{
	display:block;
	width:650px;
	height:195px;
	background:url(images/about_csd/main_banner_values.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}
#middle p.bannerCareers{
	display:block;
	width:650px;
	height:195px;
	background:url(images/about_csd/main_banner_careers.jpg) 0 0 repeat-x;
	margin:20px 0 0 0;
}

/*----------------Middle Quotes Featured Projects Start---------------------------*/
#middle p.highlightCoco{
	width:650px;
	height:80px;
	background:url(images/featured_projects/quote_coco.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightBroward{
	width:650px;
	height:106px;
	background:url(images/featured_projects/quote_broward.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightCrooked{
	width:650px;
	height:80px;
	background:url(images/featured_projects/quote_crooked.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightFrederiksted{
	width:650px;
	height:80px;
	background:url(images/featured_projects/quote_frederiksted.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightFeaturedProjects{
	width:650px;
	height:80px;
	background:url(images/featured_projects/quote_feature_projects.gif) 0 0 repeat-x;
	margin:0px 0 15px 0px;
	border: 0;
}
#middle p.highlightGolfito{
	width:650px;
	height:110px;
	background:url(images/featured_projects/quote_golfito.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightRoatan{
	width:650px;
	height:105px;
	background:url(images/featured_projects/quote_roatan.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightQuetzal{
	width:650px;
	height:80px;
	background:url(images/featured_projects/quote_quetzal.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
/*----------------Middle Quotes Featured Projects End----------------------------*/
/*----------------Middle Quotes About Us Start----------------------------*/
#middle p.highlightAboutCsd{
	width:650px;
	height:106px;
	background:url(images/about_csd/quote_about_csd.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightVision{
	width:650px;
	height:105px;
	background:url(images/about_csd/quote_vision.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightValues{
	width:650px;
	height:133px;
	background:url(images/about_csd/quote_values.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightCareers{
	width:650px;
	height:79px;
	background:url(images/about_csd/quote_careers.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightHistory{
	width:650px;
	height:132px;
	background:url(images/about_csd/quote_history.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
/*----------------Middle Quotes About Us End----------------------------*/
/*----------------Middle Quotes Development Start----------------------------*/
#middle p.highlightBusinessServices{
	width:650px;
	height:53px;
	background:url(images/development_services/quote_business_services.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightMarketAnalyses{
	width:650px;
	height:105px;
	background:url(images/development_services/quote_market_analyses.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightBusinessPlan{
	width:650px;
	height:105px;
	background:url(images/development_services/quote_business_plan.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightFeasibility{
	width:650px;
	height:53px;
	background:url(images/development_services/quote_feasibility.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightLandAquisition{
	width:650px;
	height:80px;
	background:url(images/development_services/quote_land_aquisition.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightProjectDevelopment{
	width:650px;
	height:105px;
	background:url(images/development_services/quote_property_development.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightMasterPlanning{
	width:650px;
	height:105px;
	background:url(images/development_services/quote_master_planning.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightConstruction{
	width:650px;
	height:105px;
	background:url(images/development_services/quote_construction.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightDesignBuild{
	width:650px;
	height:132px;
	background:url(images/development_services/quote_design_build.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}

/*----------------Middle Quotes Development End----------------------------*/
/*----------------Middle Quotes Construction Begin----------------------------*/
#middle p.highlightWaterfront{
	width:650px;
	height:79px;
	background:url(images/construction/quote_waterfront.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightUtilities{
	width:650px;
	height:105px;
	background:url(images/construction/quote_utilities.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightEarthworks{
	width:650px;
	height:105px;
	background:url(images/construction/quote_earthworks.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightConstructionOverview{
	width:650px;
	height:80px;
	background:url(images/construction/quote_overview.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightMarinasCoastal{
	width:650px;
	height:80px;
	background:url(images/construction/quote_marinas.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
/*----------------Middle Quotes Construction End----------------------------*/

/*----------------Middle Quotes Design Begins----------------------------*/
#middle p.highlightDesignVision{
	width:650px;
	height:79px;
	background:url(images/design/quote_vision.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightDesignProcess{
	width:650px;
	height:79px;
	background:url(images/design/quote_process.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightDesignAE{
	width:650px;
	height:108px;
	background:url(images/design/quote_a_e.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightDesignOverview{
	width:650px;
	height:110px;
	background:url(images/design/quote_overview.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightDesignLouvet{
	width:650px;
	height:79px;
	background:url(images/design/quote_louvet.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightDesignGeoje{
	width:650px;
	height:52px;
	background:url(images/design/quote_geoje.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
#middle p.highlightDesignBani{
	width:650px;
	height:110px;
	background:url(images/design/quote_bani.gif) 0 0 repeat-x;
    margin:0px 0 15px 0px;
}
/*----------------Middle Quotes Design Ends----------------------------*/

/*----------------About CSD Main Banners Begin ------------------------------*/
#middle p.text1{
	font:normal 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#2f2f2f;
	background-color:#FFFFFF;
	padding:0px 0 10px 0;
	line-height: 160%;
	}
#middle p.text1Blue{
	font:normal 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#00529c;
	background-color:#FFFFFF;
	padding:0px 0 10px 0;
	line-height: 160%;
	}	
#middlePop p.text1{
	font:normal 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#2f2f2f;
	background-color:#FFFFFF;
	padding:0px 0 0px 0;
	line-height: 160%;
	}	
#middle p.text2{
	font:bold 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 10px 0;
	line-height: 160%;
	}
#middle p.text3{
	font:normal 10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3a3a3a;
	background-color:none;
	padding:0px 5px 5px 5px;
	line-height: 150%;
	}
#middle p.text03{
	font:normal 10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3a3a3a;
	background-color:none;
	padding:0px 10px 10px 5px;
	line-height: 150%;
	}	
#middle p.text4{
	font:normal 11px/11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3a3a3a;
	background-color:none;
	padding:0px 0px 0px 5px;
	line-height: 150%;
	text-align: left;
	}
#middle p.text4 a{
	font:normal 11px/11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#006bff; text-decoration:none;
	padding:0px 0px 0px 5px;
	line-height: 160%;
	text-align: left;
	}

#middle p.text4 a:hover{
	font:normal 11px/11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#006bff; text-decoration:underline;
	padding:0px 0px 0px 5px;
	line-height: 160%;
	text-align: left;;	
	}							
		
#middle p.text1 a{
	font:normal 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#006bff; text-decoration:none;
	padding:10px 0 10px 0;
	line-height: 160%;
	}

#middle p.text1 a:hover{
	font:normal 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#006bff; text-decoration:underline;
	padding:10px 0 10px 0;
	line-height: 160%;
	}	
	
#middle strong{
	font-weight:bold;
	font-size: 14px;
	}
#middle ul {
	margin:0; padding:0; list-style:none;
	color:#2f2f2f
	}	
	
#middle ul li{
	font:normal 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(images/bullet_bg.gif) no-repeat 0px 5px #FFFFFF;
	margin:0 0 0 25px;
	padding:0px 0 0px 15px;
	line-height: 25px;
	}
#middle ul a {
	font:bold 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#006bff; text-decoration:none;
	line-height: 100%;
	}
#middle ul a:hover{
	font:bold 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#006bff; text-decoration:underline;
	line-height: 100%;
	}				
	
#middle span.fusceText{
	font:normal 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1D1D1B; border:none; width:222px; margin:0 0 13px 23px;
	background-color:#FFFFFF; display:block;
	}
	

#middle ul.tips{
	margin:0; padding:8px 0 0 0; list-style:none;
	}
#middle ul.tips li{
	background:url(images/arrow.gif) no-repeat 0 7px #FFFFFF;
	font:normal 14px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#212121;
	padding:0 0 0 13px;
	}
#middle ul.tips li a{
	font:normal 14px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#212121; background-color:#FFFFFF; 
	text-decoration:underline; display:block;
	}
#middle ul.tips li a:hover{
	background-color:#F0EEEE; color:#212121;
	}
	
#middleHome{
	width:981px; 
	margin:0px 0 0 0; padding:0 0px 0 0px;
	float:left;
	}
#middleHome p.banner{
	display:block;
	width:981px;
	height:606px;
	background:url(images/home_bgr_04.jpg) 0 0 repeat-x;
	margin:0px 0 0 0;
}
#middleHome p.DesignOverviewMain{
	display:block;
	width:981px;
	height:606px;
	background:url(images/design/main_banner_design.jpg) 0 0 repeat-x;
	margin:0px 0 0 0;
}
#middleHome p.bannerFred{
	display:block;
	width:981px;
	height:606px;
	background:url(images/home_bgr_fred.jpg) 0 0 repeat-x;
	margin:0px 0 0 0;
}
#middleHome p.bannerBrand{
	display:block;
	width:981px;
	height:490px;
	margin:0px 0 0 0;
	background-color: #FFFFFF;
}
#middleHome img.learnMore{
	position:absolute;
	left:685px;
	top:475px;
	border: 1px solid #bdc2c8;
}
#middleHome img.design{
	position:absolute;
	left:40px;
	top:535px;
	border: 1px solid #bdc2c8;
}
#middleHome img.develop{
	position:absolute;
	left:360px;
	top:535px;
	border: 1px solid #bdc2c8;
}
#middleHome img.build{
	position:absolute;
	left:200px;
	top:535px;
	border: 1px solid #bdc2c8;
}
#middleHome img.statement{
	position:absolute;
	left:540px;
	top:535px;

}
#middle p.more{
	background:url(images/para_bg.gif) repeat-x 0 0 #FFFFFF;
	color:#FBFBFB; text-align:right; margin:20px 0 0px 0; float:left;
	}
#middle p.more a{
	background:url(images/more_bg.gif) no-repeat 0 0 #FFFFFF;
	font:bold 10px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FBFBFB; text-align:center; text-decoration:none; width:60px;
	float:right;
	}
#middle p.more a:hover{
	background:url(images/more_bg_on.gif) no-repeat 0 0 #FFFFFF;
	color:#FBFBFB;
	}


/*------------------------------------------Middle End----------------------------------*/
/*------------------------------------------Highlight----------------------------------*/
#cap {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 15px; 
	height: 46px; 
	background: url(../img/div_cap.gif) no-repeat;
}

#hpic1 {
	background: #E2E2D2 url(../img/hpic_bath.jpg) no-repeat center center;
}

#hpic2 {
	background: #E2E2D2 url(/images/highlight/hpic_man.jpg) no-repeat center center;
}

#hpic3 {
	background: #E2E2D2 url(/img/hpic_food.jpg) no-repeat center center;
}


/* Two widths are used, the second being a hack for Internet Explorer */
#sidebar {
	position: relative; 
	float: left; 
	width: 50% !important;
	width: 49.9%;
	padding-top: 25px; 
	background: url(/images/highlight/bg_darkbot.gif) repeat-x top left; 
	font-size: .7em;
}

.section {
	clear: both; 
	padding-top: 1.5em;  
	background: url(/images/highlight/bg_darkbot.gif) no-repeat 100% 1.8em;
}

.section h3 {
	margin: 0; 
	font: normal 1.55em Georgia, serif; 
	color: #48546A; 
	letter-spacing: -1px;
}
/* The padding and margin here offset each other, allowing padding for a:hover without affecting the h3 positioning */
.section h3 a {
	margin: -1px -3px; 
	padding: 1px 3px; 
	text-decoration: none;
}

.section h3 a:hover {
	background: #E2E2D2;
}

.section p {
	margin-bottom: 1.5em; 
	color: #777;
	}

.section_pic {
	float: left; 
	margin-right: 1.25em; 
	width: 34%; 
	height: 70px; 
	border: 4px solid #EBEBE5;
	text-indent: -9000px;
}

/*------------------------------------------Right Start----------------------------------*/

#right{
	width:170px; margin:4px 0 0 0; padding:0 5px 0 5px;
	float:right;
	}
#right p.banner{
	display:block;
	width:160px;
	height:250px;
	background:url(images/pic_160x250.jpg) 0 0 repeat-x;
	margin:0 0 0 0;
	float:right;
}	
#right p.banner1{
	display:block;
	width:160px;
	height:250px;
	background:url(images/pic_01_160x250.jpg) 0 0 repeat-x;
	margin:0 0 0 0;
	float:right;
}
#right p.banner2{
	display:block;
	width:160px;
	height:250px;
	background:url(images/pic_02_160x250.jpg) 0 0 repeat-x;
	margin:0 0 0 0;
	float:right;
}
#right p.banner3{
	display:block;
	width:160px;
	height:250px;
	background:url(images/pic_03_160x250.jpg) 0 0 repeat-x;
	margin:0 0 0 0;
	float:right;
}
#right p.banner4{
	display:block;
	width:160px;
	height:250px;
	background:url(images/pic_04_160x250.jpg) 0 0 repeat-x;
	margin:0 0 0 0;
	float:right;
}
#right p.banner5{
	display:block;
	width:160px;
	height:250px;
	background:url(images/pic_05_160x250.jpg) 0 0 repeat-x;
	margin:0 0 0 0;
	float:right;
}
#right p.banner6{
	display:block;
	width:160px;
	height:250px;
	background:url(images/pic_06_160x250.jpg) 0 0 repeat-x;
	margin:0 0 0 0;
	float:right;
}
#right p.banner7{
	display:block;
	width:160px;
	height:250px;
	background:url(images/pic_07_160x250.jpg) 0 0 repeat-x;
	margin:0 0 0 0;
	float:right;
}
#right p.banner8{
	display:block;
	width:160px;
	height:250px;
	background:url(images/pic_08_160x250.jpg) 0 0 repeat-x;
	margin:0 0 0 0;
	float:right;
}
#right p.banner9{
	display:block;
	width:160px;
	height:250px;
	background:url(images/pic_09_160x250.jpg) 0 0 repeat-x;
	margin:0 0 0 0;
	float:right;
}
#right p.banner10{
	display:block;
	width:160px;
	height:250px;
	background:url(images/pic_10_160x250.jpg) 0 0 repeat-x;
	margin:0 0 0 0;
	float:right;
}
#right p.banner11{
	display:block;
	width:160px;
	height:250px;
	background:url(images/pic_11_160x250.jpg) 0 0 repeat-x;
	margin:0 0 0 0;
	float:right;
}
#right p.banner12{
	display:block;
	width:160px;
	height:250px;
	background:url(images/pic_12_160x250.jpg) 0 0 repeat-x;
	margin:0 0 0 0;
	float:right;
}
#right h2.loginArea{
	background:url(images/login_bg.gif) no-repeat 0 0 #FFFFFF;
	font:normal 22px/37px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1c577b; width:113px; height:37px; 
	padding:0 0 0 33px; margin:0 0 4px 0; float:left;
	}
#right h2.loginArea span{
	font:normal 22px/37px Arial, Helvetica, sans-serif;
	color:#1A1A1A; background-color:#FFFFFF;
	}

#right form#loginForm{
	margin:0 0 0 5px;
	background-color:#FFFFFF; color:#000000;
	}
#right form#loginForm label{
	font:normal 14px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#181817; background-color:#FFFFFF; 
	float:left;
	}
	
#right input{
	background-color:#F7F6F6; border:#B0B0B0 solid 1px;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#000000; padding:4px; width:135px; height:12px;
	float:left;
	}
#right form#loginForm input.check{
	background-color:#F7F6F6; border:none; color:#000000;
	width:14px; height:14px; margin:12px 8px 0 0; float:left;
	}
	
#right p.remember{
	font:normal 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#181817; background-color:#FFFFFF; 
	margin:11px 0 0 0; float:left;
	}
	
#right p.member{
	background:url(images/face_icon.gif) no-repeat 0 0 #FFFFFF;
	color:#000000; margin:6px 0 0 0; padding:0 0 0 18px;
	}
#right p.member a{
	font:bold 10px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1c577b; background-color:#FFFFFF; 
	}
	
#right p.member a:hover{
	background-color:#F4DFBC; color:#BC7700;
	}

#right form#loginForm label.loginBg{
	background:url(images/para_bg.gif) repeat-x 0 0 #FFFFFF;
	color:#000000; margin:10px 0 14px 0; width:151px;
	float:left;
	}
#right form#loginForm input.login{
	background:url(images/more_bg.gif) no-repeat 0 0 #FFFFFF;
	font:bold 10px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FCFCFC; width:60px; height:17px; border:none; padding:0; margin:0;
	cursor:pointer; 
	float:right;
	}

#right h2.contact{
	background:url(images/contact_bg.gif) no-repeat 0 0 #FFFFFF;
	font:normal 22px/37px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#B57600; width:124px; height:37px; 
	padding:0 0 0 34px; float:left;
	}
#right h2.contact span{
	font:normal 22px/37px Arial, Helvetica, sans-serif;
	color:#1A1A1A; background-color:#FFFFFF;
	}

#right form#contactForm{
	margin:0 0 4px 5px;
	background-color:#FFFFFF; color:#000000;
	}
#right form#contactForm label{
	font:normal 14px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#181817; background-color:#FFFFFF; 
	float:left;
	}
#right textarea{
	background-color:#F7F6F6; border:#B0B0B0 solid 1px;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#000000; width:140px; height:60px;
	float:left;
	}


/*------------------------------------------Right End----------------------------------*/

/*------------------------------------------Footer Start----------------------------------*/

#footerOutside{

	color:#000000;
	}
	
#footer{
	width:981px;
	height:50px;
	margin:0 auto;
	padding:8px 0 0 0;
	}

#footer ul.nav{
	margin:20px 0px; padding:0; list-style:none; width:981px;
	}	
#footer ul.nav li{
	font:bold 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#6d6d6d; float:left;
	}
#footer ul.nav li a{
	font:bold 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#6d6d6d; 
	padding:0 9px; text-decoration:none;
	}
#footer ul.nav li a:hover{
	color: #CCCCCC;
	}
	
#footer p{
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin:5px auto 6px 400px; width:500px;
	}
	
#footer ul.navlink{
	margin:0 auto; padding:0; list-style:none; width:180px;
	}

#footer ul.navlink li.xhtml{
	font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0E0E0E; background-color:#F7F7F7; float:left;  
	margin:0 4px 0 0;
	}

#footer ul.navlink li.xhtml a{
	background:url(images/xhtml_bg.gif) no-repeat 0 0 #F7F7F7;
	font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0E0E0E; text-decoration:none; display:block;
	padding:0 0 0 8px; width:88px; height:18px; 
	}
#footer ul.navlink li.xhtml a:hover{
	background:url(images/xhtml_bg_on.gif) no-repeat 0 0 #F7F7F7; color:#0E0E0E;
	}

#footer ul.navlink li.css{
	font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0E0E0E; background-color:#F7F7F7; float:left; 
	}

#footer ul.navlink li.css a{
	background:url(images/css_bg.gif) no-repeat 0 0 #F7F7F7;
	font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0E0E0E; text-decoration:none; display:block;
	padding:0 0 0 8px; width:70px; height:18px;  
	}
#footer ul.navlink li.css a:hover{
	background:url(images/css_bg_on.gif) no-repeat 0 0 #F7F7F7; color:#0E0E0E;
	}
	
#footer ul.design{
	margin:8px auto; padding:0; list-style:none; width:158px;
	}
	
#footer ul.design li{
	font:normal 10px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000; background-color:#F7F7F7; float:left;
	}
#footer ul.design li a{
	font:bold 10px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000; background-color:#F7F7F7;
	text-decoration:none;
	}	
#footer ul.design li a:hover{
	background-color:#E1E1E1; color:#000000;
	}

/*------------------------------------------Footer End----------------------------------*/

/*------------------------------------------Some BreadCrumbs----------------------------------*/
.breadcrumb{
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.breadcrumb a{
background: transparent url(media/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: navy;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: navy;
}

.breadcrumb a:hover{
text-decoration: underline;
}

/*------------------------------------------End BreadCrumbs----------------------------------*/