@import url("global.css");

#ContentBox {
background:#CCD6E0;
width:760px;
display:table;
}
	#LeftBox {
	width:255px;
	float:left;
	}
		#ProcHero {
		background:url(../images/Hero.jpg);
		width:255px;
		height:304px;
		}
		#ProcHeroFla {
		float:left;
		padding:50px 3px 0 24px;
		}
		#ProcNav {
		background:url(../images/ProcNav_bottom.jpg) no-repeat bottom;
		width:234px;
		background-color:#FFF;
		margin:0 0 0 21px;	
		padding:0 0 26px 0;
		}				
		
	#RightBox {
	width:505px; /* 505px*/
	float:left;
	}
	 #TitleHome {
	 background:url(../images/TitleHome.jpg);
	 height:68px;
	 }
	 #HomeContent{
	 width:465px;/* 505px */
	 padding:0 20px;
	 }
	 #HomeContent a{
	 list-style-type:square;
	 margin:10px 0;
	 color:#003333;
	 }
	 #HomeContent a:hover{
	 list-style-type:square;
	 color:#333;
	 }

/* FooterHome Style */
#FooterHome{
margin:20px 0;
color:#003333;
}
#FooterHome a{
text-decoration:underline;
color:#003333;
}
#FooterHome a:hover{
color:#333;
}

/* Quick Contact Style */

#ContactBox{
width:224px; /* 184px */
height:198px;
background:url(../images/HomeOurOffice.jpg) repeat; 
float:right;
margin:10px 0 10px 10px;
position:relative;
}
	#QuickContactTitle{
	background:url(../images/TitleQuickContact.jpg);
	width:184px;
	height:33px;
	position:absolute;
	left:0;
	top:0;
	}
		#QuickContactForm p{
		margin:0 0 10px 0;
		font-size:11px;
		width:140px;
		}
		#QuickContactForm {
		}
		#QuickContactForm input{
		width:140px;
		margin:0 0 10px 0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;		
		}
		#QuickContactForm textarea{
		width:140px;
		margin:0 0 10px 0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		height:40px;
		}
		#QuickContactForm .submitbutton{
		width:60px;
		}
	#QuickContacBottom{
	background:url(../images/QuickContacBottom.jpg);
	position:absolute;
	bottom:0;
	left:0;
	width:184px;
	height:20px;	
	}