/* CSS Document */
body{ background:#0063AC; repeat-x;margin:0;padding:0;font:normal 12px/17px Arial, Helvetica, sans-serif;color:#222120}
#wide-header { width:100%; background:url(../img/header_bg1.jpg) repeat-x; height:293px;}
.page{margin:0 auto; width:1000px; border:solid 0px #fff; height:auto;}

/* =============== Header Section ============ */
	#header{margin:0 auto;width:1000px; background:url(../img/header_bg.jpg) no-repeat; height:293px;}
		#bg-logo{ float:left; width:204px; height:122px; margin:10px 0 0 25px; background:url(../img/bg-logo.png);}
			#topNevigation{padding:134px 5px 0px 0;text-align:right; height:28px; border:solid 0px #fff; float:right;}
			#topNevigation ul { list-style:none;}
			#topNevigation li { float:left;}	
			#topNevigation img{ border:solid 0;}

/* ===============Navigation Section ============*/
.shade{ background:url(../img/shade.jpg) repeat-x; width:100%; height:7px; float:left;}		

/* ===============Container Section ============*/
	#container { width:1045px; height:400px; float:left;}
	
	.sun { width:100%; background:url(../img/body_sun.jpg) no-repeat right top; margin-top:5px; overflow:hidden;}
	.white_wrepper { width:95%; margin:11px 0 0 0; height:100%; overflow:hidden; background:url(../img/page_corner.jpg) no-repeat bottom right #fff; padding:10px 0 10px 10px;}
	
	.left_contain { width:72%; padding:10px; overflow:hidden; float:left; }
	.left_contain ul { list-style:none}
		.left_contain li { list-style:url(../img/bullet/arrow.gif); padding:0px 0 0px 0;}
	.left_contain img { padding:0; margin:0; }

		.left { width:57%; border-right:dotted 1px #ccc; float:left; margin-top:10px;}
		.right { width:39%; border-left:solid 0px #000; float:left; padding:20px 0 0 20px;}

	.banner { margin:0 !important;}
	.left_bottom { margin:0; padding:0; float:left; width:100%; height:auto}
			.bluetext { color:#0261a7 !important; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; }
			.whyropi {height:23px; width:165px; background:url(../img/why_title.jpg) no-repeat;margin:0; padding:0;}	
			.about {height:23px; width:165px; background:url(../img/title_about.jpg) no-repeat;margin:0; padding:0;}	
			.TS {height:23px; width:165px; background:url(../img/title_TS.jpg) no-repeat;margin:0; padding:0;}	
			.contact {height:23px; width:165px; background:url(../img/title_contact.jpg) no-repeat;margin:0; padding:0;}	
			.SYT {height:23px; width:165px; background:url(../img/title_SYT.jpg) no-repeat;margin:0; padding:0;}							
					
	.right_contain { width:18.5%; float:left; padding:0 20px 10px 15px; background:#ccc; height:auto; border:solid 3px #eee;}
		.right_contain h2 { color:#fff;}
		.right_contain ul { list-style:none; padding:0 0 0 20px;}
		.right_contain li { list-style:url(../img/bullet/arrow.gif); padding:0px 0 10px 0;}
		
/* ===============Middle Top Section ============*/
		
/* =============== Footer Section ============ */
	#footer{ margin:auto; width:35%; height:100px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		#leftFooter { width:300px; height:100%; padding-left:10px;}
			.footerMenu { width:100%; height:15px;  font-size:10px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:center;}
				.footerMenu ul{list-style:none; width:100%; overflow:hidden; margin-bottom:0; }
				.footerMenu li{ float:left; padding-right:8px; margin:0; border-right:solid 1px #fff; padding-left:8px; height:15px;}
				.footerMenu a{ color:#fdef0c;}
		
		.copyRight{ color:#fff; width:100%; font-size:10px; font-weight:bold; padding-top:10px; float:left;}
		.creditnote { font-size:10px; padding-top:10px; float:left}
				.creditnote a{ color:#fff; font-size:10px; padding-top:0px; }
				.creditnote a:hover{ color:#333333; }	
				
		#sm-logo { width:120px; height:67px; margin:10px 0 10px 0; border:solid 0; }
		
/* =================== Comman Class ======================*/

	img{behavior: url(../css/iepngfix.htc);}