/*-------------------------------------
Site:				
Author:  Roy 			
Version:  			
Default Colour:		
Description: 		
------------------------------------- */

/*Global style
----------------------------*/
html,body {height:100%; width:100%; min-height:100%; }
body,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,blockquote,img,h1,h2,h3,h4,h4,h5 {margin:0;padding:0;}
fieldset,img {border:0;}
.fl {float:left;}
.fr {float:right;}
.cl {clear:both;}
ol,ul,dl {list-style:none;}
body {font:11px/120% Arial, Helvetica, sans-serif;}
.v_align{ vertical-align:middle;}



/*Link style
----------------------------*/
a:link,a:visited {}
a:hover,a:active {}


/* Font Style
-----------------------------*/
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}


/*framework
-----------------------------*/
#main { height:auto;
		margin:0 auto;
		overflow:hidden;
		width:945px; }
#header { height:217px; }
#header,#content { width:945px; float:left; }
#footer { background-color:#d1d1d1;
		  float:left;
		  width:711px;
		  padding:10px 15px;
		  overflow:hidden;
		  line-height:20px;
		  }


/*Header
-----------------------------*/
.nav{ background:url(../images/bg_menu.jpg) 0 0 repeat-x;
	  height:36px;
	  margin:2px 0;
	  width:945px; }
.nav li { list-style:none;  float:left; margin-top:6px; }
.aboutUs a { background:url(../images/nav.jpg) 0 0 no-repeat;
		 display:block;
		 height:23px;
		 width:103px; }
.aboutUs a:hover { background:url(../images/nav.jpg) 0 -23px no-repeat; }
.rgi a { background:url(../images/nav_01.jpg) 0 0 no-repeat;
		 display:block;
		 height:23px;
		 width:164px; }
.rgi a:hover { background:url(../images/nav_01.jpg) 0 -23px no-repeat; }
.maa a { background:url(../images/nav_02.jpg) 0 0 no-repeat;
		 display:block;
		 height:23px;
		 width:181px; }
.maa a:hover { background:url(../images/nav_02.jpg) 0 -23px no-repeat; }
.jon a { background:url(../images/nav_03.jpg) 0 0 no-repeat;
		 display:block;
		 height:23px;
		 width:165px; }
.jon a:hover { background:url(../images/nav_03.jpg) 0 -23px no-repeat; }
.vob a { background:url(../images/nav_04.jpg) 0 0 no-repeat;
		 display:block;
		 height:23px;
		 width:123px; }
.vob a:hover { background:url(../images/nav_04.jpg) 0 -23px no-repeat; }
.bcc a { background:url(../images/nav_05.jpg) 0 0 no-repeat;
		 display:block;
		 height:23px;
		 width:209px; }
.bcc a:hover { background:url(../images/nav_05.jpg) 0 -23px no-repeat; }


/*Content
-----------------------------*/
.leftside { width:741px; }
.rightside { width:196px; margin-left:8px; overflow:hidden;}
.leftside,.rightside {float:left; } 
.rs_sec01 { width:210px;
			height:181px;
			background-color:#3d3d3d;
			padding:8px 0 0 12px; }
.rs_sec01 dt { color:#ffb288;
			   font-size:14px;
			   font-weight:bold;
			   line-height:140%;
			   text-transform:uppercase;
			   }
.rs_sec01 dl.special{margin-top:15px;}			   
.rs_sec01 dd { color:#FFF;
			   font-size:12px;
			   line-height:120%;
			   text-indent:40px; }
.rs_sec02 { height:157px; margin-top:5px; }
.rs_sec03 { height:157px; margin-top:5px; }
.rs_sec02,.rs_sec03 { width:100%; float:left; }


/*Footer
-----------------------------*/
#footer a { color:#666;
			font-size:13px;
		  	font-weight:bold;
			text-decoration:none;
			line-height:100%; }
/*#footer a:hover { text-decoration:underline; }*/
.footer_nav{width:100%;}
.footer_nav li{float:left; margin-right:10px; line-height:18px; font-family:Helvetica; background:url(../images/icon_dotted.gif) left 8px no-repeat; padding-left:10px;}
.footer_nav li.bg_none{background:none; padding:0;}
#footer p { color:#666;
			font-size:12px;
			font-weight:normal;
			margin:0;
			clear:left;
			line-height:20px; 
			}
.bullet { margin:0 11px; color:#666; }



/*Add sample gallery pic*/
#sample_gallery_pic{width:324px; border:1px solid #9d9d9d; background-color:#dedede; position:relative; position:absolute; top:50%; left:50%; margin:-128px 0 0 -162px; display:none; }
#sample_gallery_pic .sample_gallery_pic_box{width:75px; height:75px; padding:2px 0 0 2px; background:url(../images/img_bd_bg.gif) no-repeat; margin:3px 0;}
#sample_gallery_pic .sample_gallery_pic_box img.small_pic{border:1px solid #000; cursor:pointer;}