@charset "utf-8";

/*----- General styles -----*/
img,div {behavior:url("js/iepngfix.htc");}
* 		{padding:0; margin:0;}
html	{}
body	{font-family:Verdana, Helvetica, sans-serif; font-size:12px; line-height:auto; color:#555; background:#fff url(../images/bgrd/page.gif) repeat-x top left; padding:0; margin:0;}
p 		{margin:0 0 10px 0;}
img		{border:none;}
h1, h2, h3, h4, h5, h6 {font-size:11px; font-weight:normal; margin:0;}

a 				{color:#b10c12; text-decoration:none; outline:none;}
a.on, a:hover	{color:#000; text-decoration:underline;}
a.btn			{font-size:11px; line-height:16px; text-decoration:none; color:#ea2128; background:url("../images/arrow.gif") no-repeat left 7px; padding:4px 15px; margin:0;}
a.btn:hover		{color:#fff; background:#ea2128;}
a.zoom			{position:relative; display:block;}
a.zoom span		{position:absolute; z-index:5; right:0; bottom:0; width:16px; background:#444 url(../images/icons/zoom_icon.gif) no-repeat center center; text-indent:-9999px; filter:alpha(opacity=80); opacity:.8; padding:8px;}
a.zoom:hover span	{filter:alpha(opacity=100); opacity:1;}



/*----- Structure type -----*/
#page	{width:960px; background:url("../images/bgrd/mainbody.png") no-repeat top center; padding:0 20px; margin:0 auto;}
#header	{width:960px; position:relative; padding:0; margin:0;}
	#header #logo a		{width:226px; height:90px; float:left; text-indent:-9999px; background:url(../images/rlp_logo.gif) no-repeat left 0;}
	#header #toplinks	{float:right; list-style:none; text-align:right; margin:15px 0;}
		#toplinks li		{float:left; font-size:10px; padding:2px 10px; border-right:1px solid #ccc; display:none;}
		#toplinks li.last	{padding-right:0; border:none;}
	#menu	{height:26px; font-family:Arial, Helvetica, sans-serif; background:#e8e8e8; list-style:none; padding:0 8px; margin:0; float:right; position:absolute; top:64px; right:0; border-radius:5px; -moz-border-radius:5px;}
		#menu>li		{float:left; background:url(../images/dots2.gif) no-repeat left center; padding-left:9px; position:relative;}
		#menu>li.first	{background:none; padding-left:0;}
		#menu>li>a		{color:#333; font-size:11px; line-height:26px; text-transform:uppercase; padding:0 10px; margin:0 2px; display:block;}
		#menu>li>a:hover{color:#fff; background:#ea2128; text-decoration:none;}
		#menu>li>a.on	{color:#fff; background:#666; text-decoration:none; font-weight:bold;}
		#menu>li.first a{margin-left:0;}
		#menu>li.last a	{margin-right:0;}
		#menu .submenu	{list-style:none; position:absolute; top:26px; left:11px; z-index:10; color:#666; background:#d8d8d8; float:left; display:none;}
			#menu .submenu li		{width:200px; font-size:11px; border-bottom:1px solid #f0f0f0; clear:both; margin:0;}
			#menu .submenu li h4	{font-size:11px; color:#666; padding:10px; margin:5px 0 0 0;}
			#menu .submenu a		{font-size:11px!important; text-transform:uppercase; background:url("../images/arrow.gif") no-repeat 10px 11px; padding:7px 10px 7px 22px; display:block;}
			#menu .submenu a:hover	{color:#fff; background:#ea2128; text-decoration:none;}
#feature{min-height:150px; background:transperant; margin:15px 0 0 0; position:relative; overflow:hidden;}
	#feature h1	{width:184px; font-family:Arial, Helvetica, san-serif; font-size:18px; font-weight:bold; color:#333; background:#fff; padding:10px 30px 10px 20px; position:absolute; top:30px; left:0; z-index:5; filter:alpha(opacity=85); opacity:.85; display:none;}
#body	{width:960px; padding:0; margin:10px auto; clear:both;}
	#update				{width:960px; height:26px; line-height:26px; background:#e0e0e0; border-radius:5px; -moz-border-radius:5px;}
		#update h2		{width:120px; float:left; color:#fff; background:#EA2128; font-size:10px; font-weight:bold; text-align:center; margin-right:15px;  border-radius:5px; -moz-border-radius:5px;}
		#update ul		{width:800px; float:left; color:#999; list-style:none; overflow:hidden; }
		#update li		{font-size:11px; display:none;}
		#update li.on	{}
		#update li a		{color:#454545;}
		#update li a:hover	{color:#000;}
	#prjnav				{padding:0; margin:26px 0 10px 0; border-bottom:1px solid #ddd; clear:both;}
		#prjnav h1		{float:left; display:inline; font-family:"Adobe Garamond Pro", Arial, serif; font-size:36px; font-weight:bold; color:#818486; padding:0; margin:0;}
			#prjnav h1.rlsouthern	{text-indent:-9999px; background:url(../images/logo_rlsouthern.png) no-repeat top left; width:305px; height:44px;}
			#prjnav h1.rlemerald	{text-indent:-9999px; background:url(../images/logo_rlemerald.png) no-repeat top left; width:294px; height:44px;}
		#prjnav ul		{float:right; list-style:none; text-align:right; margin-top:20px;}
		#prjnav ul li	{display:inline; font-size:11px;}
		#prjnav li a	{float:left; height:24px; color:#666; margin:0 20px 0 0;}
		#prjnav li a:hover	{color:#ea2128; text-decoration:none;}
		#prjnav li a.on		{color:#333; font-weight:bold; text-decoration:none; background:url(../images/up.gif) no-repeat bottom center;}
	#submenu			{list-style:none;}
		#submenu li		{margin:0 0 1px 0; display:block;}
		#submenu li a	{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#444; padding:7px; display:block;}
		#submenu li a:hover	{color:#fff; background:url(../images/bgrd/submenu_over.gif) repeat-y top left; text-decoration:none;}
		#submenu li a.on	{color:#fff; background:url(../images/bgrd/submenu.gif) repeat-y top left; text-decoration:none;}
	#content			{width:960px; padding:0; margin:10px 0;}
		#content .col1	{width:184px; float:left;}
		#content .col2	{width:378px; float:left;}
		#content .col3	{width:572px; float:left;}
		#content .col4	{width:766px; float:left;}
		#content .col5	{width:960px; float:left; border-top:3px solid #c5beb4; padding:10px 0 5px 0; margin:15px 0;}
		#content .onehalf	{width:475px; float:left;}
		#content .onehalf3	{width:281px; float:left;}
		#content h1		{}
		#content h2		{font-family:Arial, Helvetica, sans-serif; color:#222; font-size:11px; font-weight:bold; text-transform:uppercase; padding:5px 0; margin:5px 0 15px 0; border-bottom:1px solid #ccc;}
		#content h3		{font-family:Arial, Helvetica, sans-serif; color:#666; font-size:16px; font-weight:bold; line-height:23px; margin:0 10px 15px 0;}
		#content h4		{font-size:12px; line-height:18px; color:#666; margin:0 10px 10px 0;}
		#content h5		{}
		#content dd,
		#content li		{line-height:18px;}
		#content p		{line-height:18px; margin-right:10px;}
#footer			{width:960px; font-size:10px; background:url("../images/bgrd/footer.gif") no-repeat top center; margin:20px auto 10px auto; padding:20px 0;}
	#footer p	{float:left;}
	#footer ul	{list-style:none; float:left;}
	#footer li	{display:inline; padding:0 6px; border-right:1px solid #ccc; margin-left:-2px;}
	#footer li.first	{padding-left:0;}


/*----- Listing type -----*/
/*contact: company info*/
.listType01	{list-style:none; margin:0 5px 10px 0;}
	.listType01 dt	{color:#777; font-size:10px; font-weight:bold; margin:0 0 3px 0;}
	.listType01 dd	{font-size:11px; padding:0 0 8px 0; margin:0 0 8px 0; border-bottom:1px solid #ddd;}
	.listType01 strong	{font-size:9px;}
	
/*homepage: projects listing*/
.listType02	{list-style:none;}
	.listType02 li		{width:184px; font-size:11px; margin-right:10px; float:left;}
	.listType02 li.last	{margin:0;}
	.listType02 a		{display:block;}
	.listType02 li h4	{font-size:10px!important; font-weight:bold; line-height:12px!important; background:#d4d4d4 url(../images/bgrd/box.gif) repeat-x top left; padding:0; margin:0 0 10px 0!important;}
	.listType02 li h4 a			{color:#444; background:transparent url("../images/icons/link_icon.gif") no-repeat 162px center; padding:8px;}
	.listType02 li h4 a:hover	{color:#fff; background:#ea2128 url("../images/icons/link_icon_hover.gif") no-repeat 162px center; text-decoration:none;}
	
/*about: listing*/
.listType03	{list-style:none; margin:0 0 10px 0;}
	.listType03>li	{background:url(../images/dots.gif) no-repeat left 5px; padding:0 0 0 20px; margin:0 0 6px 5px;}
	.listType03 ul	{margin:5px;}
	.listType03 li li	{background:none; padding:0 0 0 7px; margin:0 0 6px 10px;}
	.listType03 strong	{font-size:10px;}
	
/*facilities listing */
.listType04	{list-style:none;}
	.listType04 li		{width:378px; display:inline-block; margin:0 10px 20px 0; float:left;}
	.listType04 li.edge	{margin-right:0; clear:right;}
	.listType04 li .img	{width:184px; float:left; margin:0 10px 0 0;}
	.listType04 li div	{width:174px; float:left;}
	.listType04 li h4	{font-size:14px; font-weight:bold; color:333;}
	
/*floor plan listing */
.listType05	{list-style:none;}
	.listType05 li		{width:184px; display:inline-block; margin:0 10px 25px 0; float:left;}
	.listType05 li.edge	{margin-right:0; clear:right;}
	.listType05 li .img	{width:184px; float:left; margin:0 10px 0 0;}
	.listType05 li div	{width:174px; float:left;}
	.listType05 li h4	{font-size:12px!important; font-weight:bold; color:#666; margin:5px 0!important;}
	
/*project: listing*/
.listType06	{list-style:none; margin:0 0 10px 0;}
	.listType06 li		{font-size:11px; line-height:17px!important; text-align:right!important; padding:5px 0; margin:0; border-bottom:1px solid #eee; clear:both;}
	.listType06 li.first{padding-top:0;}
	.listType06 li span	{float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase; text-align:left!important; color:#989898;}
	
/*project: logos*/
.listType07	{list-style:none; margin:0 0 10px 0;}
	.listType07 li		{width:150px; height:135px; font-size:11px; color:#ccc; margin-right:10px; float:left;}
	.listType07 li.last	{margin:0;}
	.listType07 li span	{height:80px; text-align:center; clear:both; display:block; border-bottom:1px solid #c5beb4; margin:0 0 5px 0;}
	.listType07 li a	{font-size:9px; font-weight:bold; color:#666;}
	.listType07 li a:hover	{color:#999; text-decoration:none;}
	
/*project: facilities listing*/
.listType08	{list-style:none; width:766px; margin:0 0 10px 0; float:left;}
	.listType08 li		{width:184px; margin:0 10px 10px 0; float:left;}
	.listType08 li.last	{margin-right:0;}
	.listType08 li img	{margin:0 0 10px 0;}
	
/*project: gallery*/
.listType09	{list-style:none; width:766px; margin:0 0 10px 0; float:left;}
	.listType09 li		{width:184px; margin:0 10px 7px 0; float:left;}
	.listType09 li.last	{margin-right:0;}
	
/*project: q&a*/
.listType10	{list-style:none;}
	.listType10 dt	{min-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; line-height:24px; color:#222; background:url(../images/char_q.gif) no-repeat 75px 0px; padding:0 0 0 125px; margin:0 10px 20px 0;}
	.listType10 dd	{background:url(../images/char_a.gif) no-repeat 75px 3px; padding:0 0 10px 125px; margin:0 10px 10px 0;}
	
/*news: tools*/
.listType11	{list-style:none; margin:10px 0; border-top:3px solid #c5beb4; border-bottom:1px solid #c5beb4;}
	.listType11	li	{font-size:11px; padding:5px 10px; display:inline-block;}
	
/*careers: listing*/
.listType12	{list-style:none; margin:0 0 20px 0;}
	.listType12 li	{background:url(../images/arrow.gif) no-repeat left 6px; padding:0 0 0 15px; margin:0 0 5px 0;}
	.listType12 ul	{margin:5px 5px 5px 0;}
	.listType12 strong	{font-size:10px;}
	
	
/*----- Content type -----*/
/*projects: facilities listing*/
.contType01	{margin:15px 0;border-bottom:1px solid #ccc;}
	.contType01 .box	{width:184px; float:left; margin:0 10px 10px 0;}
	.contType01 .box h3	{width:124px; height:90px; font-size:12px!important; line-height:18px; font-weight:bold; color:#fff!important; background:#79725c url(../images/arrow_2.gif) no-repeat 140px 10px; display:block; padding:15px 45px 15px 15px; margin:0 0 50px 0!important;}
	.contType01 .box p	{color:#818486; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
	
/*projects: floor plan*/
.contType02	{margin:15px 0 50px 0; clear:both;}
	.contType02 h3		{font-size:12px!important; border-top:3px solid #c5beb4; border-bottom:1px solid #c5beb4; padding:10px 0 5px 0; margin:0 0 10px 0!important; position:relative;}
	.contType02 h3 span	{position:absolute; right:0; bottom:5px;}
	.contType02 h3 span a{font-size:11px; margin:0 10px 0 0;}
	.contType02	h4		{width:164px; font-family:Arial, Helvetica, sans-serif; font-size:36px!important; font-weight:bold; line-height:36px!important; text-align:center; color:#fff!important; background:#444; padding:10px!important; display:block;}
	.contType02 .img a	{position:relative; text-align:center; padding:10px; margin:10px 0; border-bottom:1px solid #e4e4e4; display:block;}
	.contType02 .img a:hover	{background:#f2f1ed;}
	.contType02 .img a span		{position:absolute; z-index:5; right:0; bottom:0; width:16px; background:#444 url(../images/icons/zoom_icon.gif) no-repeat center center; text-indent:-9999px; filter:alpha(opacity=80); opacity:.8; padding:8px;}
	.contType02 .img a:hover span	{filter:alpha(opacity=100); opacity:1;}
	
/*project: faq*/
.contType03 {clear:both; border-bottom:1px solid #ddd; margin:15px 0;}

/*news: listing*/
.contType04	{margin:20px 0 10px 0; border-bottom:1px solid #eee; clear:both;}
	.contType04 .img	{background:url(../images/bgrd/image.gif) no-repeat top left; padding:8px 6px; width:204px; height:140px; margin:-10px 0 0 -10px; float:left;}
	.contType04 .img img{background:#fff; padding:3px; border:1px solid #b8b8b8;}
	.contType04 .txt	{width:550px; float:left; margin:0 10px 0 0;}
	.contType04 .txt h4	{font-family:Arial, Helvetica, sans-serif;}
	.contType04 .txt h4 a		{color:#444; font-size:15px!important; font-weight:bold;}
	.contType04 .txt h4 a:hover	{color:#b10c12; text-decoration:none;}
	.contType04 .txt p			{font-size:11px!important;}
	.contType04 .txt span		{font-size:11px; color:#999; border-right:1px solid #999; padding:2px 10px 2px 0; margin-right:5px;}

/*about: services area*/
.contType05	{padding:10px 0 0 0; margin:0; border-top:1px solid #eee; clear:both}
	.contType05 .img	{width:184px; float:left; margin-right:10px;}
	.contType05 .img h4 {font-size:10px!important; font-weight:bold; line-height:12px!important; color:#444!important; background:#d4d4d4 url(../images/bgrd/box.gif) repeat-x top left; padding:8px; margin:0 0 10px 0!important; display:block;}
	.contType05 .txt	{width:572px; float:left;}
	.contType05 .txt h3	{margin:0 0 10px 0!important;}
	.contType05 .txt p	{margin-right:15px;}

/*news: detail*/
.contType06	{}
	.contType06 h3	{font-family:Arial, Helvetica, sans-serif; color:#666; font-size:20px!important; font-weight:bold; line-height:25px!important; margin:0 10px 15px 0;}
	.contType06 h4	{font-family:"Minion Pro", "Times New Roman", serif; font-size:18px!important; font-weight:bold; line-height:22px!important; color:#333!important; margin:0 10px 10px 0;}

/*pagination */
.pagination	{list-style:none; margin:5px 0; padding:0 0 5px 0;} /*border-bottom:1px solid #c5beb4; */
	.pagination li		{display:inline; margin-right:2px;}
	.pagination li.last	{margin:0;}
	.pagination li a	{display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; line-height:10px; color:#fff; background:#c5beb4; padding:5px 6px;}
	.pagination li a:hover,
	.pagination li a.on	{background:#444444; text-decoration:none;}

/*floor navigation*/
.flrnav		{float:right; list-style:none;}
	.flrnav li		{float:left; margin-left:2px;}
	.flrnav li a	{line-height:23px; padding:2px 4px!important;}
	.flrnav li.on	{background:#666;}
	.flrnav li.on a	{color:#fff;}
	
/*forms*/
.formType01	{}
	.formType01 p		{margin:0 0 5px 0!important;}
	.formType01 label	{width:140px; font-size:11px; color:#444; float:left;}
	.formType01 select	{width:220px; padding:1px;}
	.formType01 option	{padding:0 2px 0 3px;}
	.formType01 textarea{width:400px; height:160px; font-family:Verdana, Helvetica, sans-serif; font-size:12px; line-height:16px; padding:2px;}
	.formType01 input[type=text]	{width:250px; font-family:Verdana, Helvetica, sans-serif; font-size:12px; color:#666666; padding:3px 2px; border:1px solid #999;}
	.formType01 input[type=submit]	{padding:5px 10px;}
	
.formType02	{}
	.formType02 label	{width:150px; font-size:10px; color:#888; clear:both;}
	.formType02 select	{width:174px; clear:both;}
	.formType02 input[type=text]	{width:174px; clear:both;}
	.formType02 input[type=submit]	{}
	

/*----- Layout type -----*/
.left	{float:left;}
.right	{float:right;}
.i_left	{float:left; margin: 0 15px 10px 0;}
.i_right{float:right; margin:0 0 15px 10px;}
.img	{margin:0 0 15px 0;}
.clear	{clear:both; height: 0; line-height: 0; font-size: px; /*for IE*/}
.hidden {display:none;}
.small	{font-size:11px; line-height:15px;}
.big	{font-size:14px; font-weight:bold;}
.nobord	{border:none;}

.clrRed	{color:#ea2128;}
.clrGrey{color:#787878;}

.mar0	{margin:0;}
.mar10	{margin:10px;}
.marT10	{margin:10px 0 0 0;}
.marR10	{margin:0 10px 0 0;}
.marB10	{margin:0 0 10px 0;}
.marL10	{margin:0 0 0 10px;}
.marTB10{margin:10px 0;}
.marLR10{margin:0 10px;}
.marTL10{margin:10px 0 0 10px;}
.marBR10{margin:0 10px 10px 0;}
.mar15	{margin:15px;}
.marT15	{margin:15px 0 0 0;}
.marR15	{margin:0 15px 0 0;}
.marB15	{margin:0 0 15px 0;}
.marL15	{margin:0 0 0 15px;}
.marTB15{margin:15px 0;}
.marLR15{margin:0 15px;}
.mar20	{margin:20px;}
.marT20	{margin:20px 0 0 0;}
.marR20	{margin:0 20px 0 0;}
.marB20	{margin:0 0 20px 0;}
.marL20	{margin:0 0 0 20px;}
.marTB20{margin:20px 0;}
.marLR20{margin:0 20px;}