@charset "utf-8";
/* CSS Document */
/*@import url(/NanumGothic.eot);*/
@font-face {font-family:nanum; src:url(http://lotteworld.wellbeingroom.com/NanumGothic.eot);} 
@font-face {font-family:nanum; src:url(http://lotteworld.wellbeingroom.com/NanumGothic.woff);}
@import url(http://fonts.googleapis.com/css?family=Philosopher:700);
body{
	background-image:url(../images/body_bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#56585a;
	font-size:0.8em;
	font-family: nanum, 굴림, gulim, dotum;
	line-height:170%;
	color:#FFF;
	}
a{
  text-decoration:none;
  }
a.href-travellinig{
	               color:#FFF;
				   }
  a.bbs{
		text-decoration:none;
		color:#eee;
		}
/*공통정의*/
.bodyall{
	     width:1024px;
		 margin:0 auto;
		 }
		/*상단*/
		 .header-wons{
			          background-image:url(../images/body_top_bg.jpg);
					  background-position:left top;
					  background-repeat:repeat-x;
					  height:102px;
					  position:relative;
					  }
					  .ribbon{
							   position:absolute;
							   top:-10px;
							   left:-30px;
							   width:256px;
							   height:118px;
							   z-index:16;
							   }
		 .header-wons h1{
			             position:absolute;
						 top:25px;
						 left:140px;
						 width:295px;
						 height:60px;
						 z-index:10;
						 }
		 .header-wons .nation{
			                  width:150px;
			                  height:35px;
							  position:absolute;
							  top:5px;
							  right:0px;
							  overflow:hidden;
							  }
					          ul#nation{
						                width:204px;
										height:33px;
										text-align:right;						  				
										}
					           ul#nation li{
						                   float:left;
										   margin:0 7px 0 0;
										   }
										   /*팝업*/
										     .popupit {position:absolute;left:20px;top:95px;width:620px; height:450px;z-index:150;visibility:hidden; }
                                             .pupupit img {width:620px; height:410px;}

		 /*메인 중앙*/
		 .middle-wons{
			         clear:both;
					 width:1024px;
					 height:380px;
					 background-image:url(../images/body_middle_bg.jpg);
					 background-position:left top;
					 background-repeat:repeat-x;
					 margin:0 0 3px 0;
					 }
		/*메인 정보*/
		.contents-wons{
			           background-image:url(../images/body_contents_bg.png);
					   background-position: top center;
					   background-repeat:no-repeat;
					   height:195px;
					   padding:25px 0 0 0;
					   margin:20px 0 0 0;
		}
		/*메인 폰*/
		.contents1{
			       width:281px;
				   height:142px;
			       padding:13px 0 0 20px;
				   margin:0 4px 0 0;
				   float:left;
				   background-image:url(../images/main_contents1_bg.png);
				   background-position:10px top;
				   background-repeat:no-repeat;
				   }
				   .contents2{
					          width:265px;
							  height:157px;
							  background-image:url(../images/main_how_to.png);
							  background-position:left top;
							  background-repeat:no-repeat;
							  float:left;
							  padding:0 0 0 110px;
							  }
							  h2.hta{
									 padding:15px 0 5px 10px;
									 }
							  .contents2 ul#hta{
								                list-style:disc;
												padding:0 0 0 25px;
												color:#000;
												font-family:굴림,gulim,dotum,돋움;
												font-size:12px;												
												line-height:1.6em;
												}
							  .contents3{
										 width:333px;
										 height:127px;
										 padding:28px 0 0 0;
										 margin:0 6px 0 0; 
										 float:right;
										 background-image:url(../images/main_contents3_bg.png);
										 background-position:left top;
										 background-repeat:no-repeat;
										 text-align:center;
										 }
										 .contents3 p{
											         font-family: 'Philosopher', sans-serif;
													 font-size:1.8em;
													 color:#FFF;
													 margin:15px 40px 0 0;
													 line-height:140%;
													 text-align:right;
													 -webkit-text-shadow: 0px 1px 5px 0px #363636;
													 -moz-text-shadow: 0px 1px 5px 0px #363636;
													 text-shadow: 0px 1px 5px 0px #363636;
										             }
													 .contents3 span{
														             font-size:0.9em;
																	 }
										 h2.m-reservation-title{
											                    margin:0 0 15px 5px;
																}
																.reservation-list{
																	              margin:0 0 0 10px;
																				  width:260px;
																				  } 
																				  
																						 
		/*하단 정보*/
		.footer-wons{
			         clear:both;
			         height:60px;
					 padding:20px 0 20px 0;
					 text-align:center;
					 color:#FFF;
					 background-image:url(../images/footer_line.png);
					 background-position:center 3px ;
					 background-repeat:no-repeat;
					 }
		             address {
						      font-style:normal;
							  font-family:gulim,dotum;
							  font-size:0.9em;
							  }
							  p.en-address{
								           font-family:Arial, Helvetica, sans-serif;
										   color:#CCC;
										   }
							  p.copyright{
								          font-family:Arial, Helvetica, sans-serif;
										  color:#FFF;
										  font-size:0.8em;
										  }
			/*서브페이지 //////////////////////////////////////////////////////////////////*/
			.sub-middle-wons{
				             height:190px;
							 background-image:url(../images/body_middle_bg.jpg);
					         background-position:left top;
					         background-repeat:repeat-x;
							 text-align:center;
							 padding:5px 0 0 0;
				            }
							.sub-contents-wons{
										      width:1022px;
											  overflow:hidden;
											  background-image:url(../images/body_sub_contents_bg.png);
											  background-position:center 2px;
											  background-repeat:no-repeat;
							               }
										   /*서브 왼쪽///////////////////////////////////*/
										   .sub-left-area{
											              width:282px;
														  height:550px;
														  float:left;
														  background-image:url(../images/sub_left_room_list_bg2.png);
														  background-position:center 20px;
														  background-repeat:no-repeat;
														  padding:20px 0 0 0;
														  }
											.sub-left-area-map{
											              width:282px;
														  float:left;
														  background-image:url(../images/sub_left_room_list_bg2.png);
														  background-position:center 20px;
														  background-repeat:no-repeat;
														  padding:20px 0 0 0;
														  }
											.sub-interior-img{
												                           background-image:url(../images/sub_left_title_bg.png);
																		   background-position:36px 32px;
																		   background-repeat:no-repeat;
																		   height:234px;
											}
														  
											.sub-left-area2{
											              width:282px;
														  height:550px;
														  float:left;
														  padding:20px 0 0 0;
														  background-image:url(../images/sub_left_room_list_bg.png);
														  background-position:center 20px;
														  background-repeat:no-repeat;
														  }
														  h2.title-left{															            
																		margin:7px auto;
																		text-align:center;																		
															            }														  
														  ul.sub-left-list{
															              margin:10px 30px 0 40px;
																		  color:#FFF;
																		  height:100px;																		  
																		  }
														  ul.sub-left-list li{
															                  background-image:url(../images/dot.png);
																			  background-position:left bottom;
																			  background-repeat:repeat-x;
																			  height:25px;
																			  text-align:center;
																			  }
														  ul.sub-left-list li a{
															                    color:#FFF;	
																				font-size:1.1em;																			
																				}
														  ul.sub-left-list li a:hover {
															                           color:#F90;
																					   }
														  ul.sub-left-list li a.here-on{
															                            color:#F90;
																						}
														  p.sub-left-phone {
															                margin:10px 0 10px 10px;
																			background-image:url(../images/sub_left_phone.png);
																			background-position:center top;
																			background-repeat:no-repeat;
																			width:255px;
																			}
																			p.sub-left-phone span{
																								 display:block;
																								 padding:40px 0 0 0;
																								 font-family: 'Philosopher', sans-serif;
																								 color:#FFF;
																								 font-size:1.6em;
																								 line-height:130%;
																								 text-align:right;
																								 -webkit-text-shadow: 0px 1px 5px 0px #363636;
																								 -moz-text-shadow: 0px 1px 5px 0px #363636;
																								 text-shadow: 0px 1px 5px 0px #363636;
																								 }
														  p.sub-left-banner{
															                text-align:center;
																			padding:10px 0 0 0;
																			}
														  /*서브 본분////////////////////////////////*/
														  .sub-contents-body{
															                 width:740px;
															                 float:right;
																			 background-image:url(../images/sub_body_bottom.jpg);
																			 background-position:left 58px;
																			 background-repeat:repeat-x;
																			 color:#FFF;
																			 }	
																			  h3#title-body{
																				            height:44px;
																							background-image:url(../images/sub_h3_title.png);
																							background-position: 20px 20px;
																							background-repeat:no-repeat;
																							padding:23px 0 0 55px;																					
																							}
																							/* 마루소개 ////////////*/
																							.sub-greeting{
																								         background-color:#7a716b;
																										 background-image:url(../images/sub_body_left.jpg);
																										 background-position:left top;
																										 background-repeat:repeat-y;																										 
																										 padding:30px 40px 20px 40px;																										 
																										 }
																										 .img-area1{
																											        
																													padding:5px;																													
																													border-top:1px solid #C90;
																													}
																										 .sub-greeting fieldset { 
																										                         font-weight:bold;
																																 margin:0 0 10px 0;
																																 }
																										 .sub-greeting fieldset legend{
																											                           font-size:1.2em;
																																	   font-weight:bold;
																																	   color:#F90
																																	   }
																										 .sub-greeting fieldset legend span{
																											                                font-size:1.2em;
																																			font-family:Tahoma, Geneva, sans-serif;																																																																						
																																			}
																										  .sub-greeting fieldset#about1 {
																											                             background-image:url(../images/sub_greeting_img.jpg);
																																		 background-position:right center;
																																		 background-repeat:no-repeat;
																																		 height:120px;
																																		 padding:30px 210px 0 20px;
																																		 }
																									      .sub-greeting fieldset#about2 {
																											                             background-image:url(../images/sub_greeting_img3.jpg);
																																		 background-position:right center;
																																		 background-repeat:no-repeat;
																																		 height:140px;
																																		 padding:20px 210px 0 20px;
																																		 }
																											.sub-greeting fieldset#about3 {
																											                             background-image:url(../images/sub_greeting_img4.jpg);
																																		 background-position:right center;
																																		 background-repeat:no-repeat;
																																		 height:140px;
																																		 padding:20px 210px 0 20px;
																																		 }
																										 .sub-greeting p.greeting{
																											                      padding:30px 0 80px 0;
																																  border-top:1px solid #C90;
																													              }
																										 .sub-greeting p.greeting2{
																																  padding:15px 35px 20px 20px;
																																  }
																										  .sub-greeting p.greeting0{
																																  margin:15px 0 0 0;
																																  padding:5px 0 5px 0;
																																  border-top:1px solid #ffc7a2;
																																  border-bottom:1px solid #ffc7a2;
																																  }
																										 p.sign{
																											    text-align:right;
																												padding:50px 0 40px 0; 
																												}
																							/* 오시는길 ////////////*/
																							.sub-map{
																								         background-color:#7a716b;
																										 background-image:url(../images/sub_body_left.jpg);
																										 background-position:left top;
																										 background-repeat:repeat-y;																										
																										 padding:30px 10px 20px 20px;																										 
																										 line-height:200%;
																										 text-align:center;
																										 }
																										 fieldset.map-info{
																														  width:850px;
																														  border:1px solid #89817c;
																														  padding:10px;
																														  margin:0 auto;																												  
																														  }
																												  .map-info ul#map-how{
																													                   padding:0 0 0 25px;
																																	   list-style:disc;
																																	   }
																															table.bus-info{	
																															               background-color:#89817c;
																																		   margin:0 0 10px 0;
																																		   width:98%;
																																		   border-top:1px solid #CCC;																																		   																														           
																																		   }
																															table.bus-info th{
																																              width:90px;																																			 
																																			  border-right:2px solid #CCC;
																																			  border-bottom:1px solid #ccc;
																																			  padding:3px;
																																			  text-align:center;
																																			  vertical-align:middle;
																																			  color:#000;
																																			  }	
																															table.bus-info td{
																																              border-bottom:1px solid #ccc;
																																			  padding:3px;
																																			  text-align:left;
																																			  }
																															table.bus-info td ul{
																																                 list-style:disc;
																																				 padding:0 0 0 25px;
																																				 }
																															table.bus-info td ul.ju-info{
																																                         font-size:1.2em;
																																						 font-weight:bold;
																																						 color:#FC0;
																																						 }
																							/*생활지원서비스*/
																							.sub-faq{
																								       background-color:#7a716b;
																									   background-image:url(../images/sub_body_left.jpg);
																									   background-position:left top;
																									   background-repeat:repeat-y;
																									   overflow:hidden;
																									   padding:30px 30px 20px 30px;																									   
																									   line-height:200%
																										}
																							           .sub-faq fieldset { margin: 20px 0 0 0;
																									                       border-radius:12px;
																														   border:1px solid #582604;
																														   background-color:#FFF;
																														   color:#000;
																														   padding:0 15px 0 160px;
																														   height:130px;
																														   line-height:150%;
																														   }
																									   .sub-faq fieldset h5{
																										                        font-size:1.4em;
																																font-weight:bold;
																																font-family:Tahoma, Geneva, sans-serif;																																																										
																																text-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); /* 박스 그림자 - 가로 위치, 세로 위치, 크기, 스프레드, 컬러 */
																																margin: 5px 0 10px 0;
																																}
																										.sub-fq fieldset h5.leg1{
																											                    font-size:1.4em;
																																font-weight:bold;
																																font-family:Tahoma, Geneva, sans-serif;																																																										
																																text-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); /* 박스 그림자 - 가로 위치, 세로 위치, 크기, 스프레드, 컬러 */
																																margin: 5px 0 10px 0;}
																										
																										.sub-faq fieldset h5.leg2{color:#C9F;																															
																																text-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); /* 박스 그림자 - 가로 위치, 세로 위치, 크기, 스프레드, 컬러 */
																																}
																										.sub-faq fieldset h5.leg3{color:#3CF;
																																text-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); /* 박스 그림자 - 가로 위치, 세로 위치, 크기, 스프레드, 컬러 */	}
																										.sub-faq fieldset h5.leg4{color:#FC3;
																																text-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); /* 박스 그림자 - 가로 위치, 세로 위치, 크기, 스프레드, 컬러 */	}
																										.sub-faq fieldset h5.leg5{color:#6C0;
																																text-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); /* 박스 그림자 - 가로 위치, 세로 위치, 크기, 스프레드, 컬러 */	}
																										.sub-faq fieldset.service1{
																											                       background-image:url(../images/icon1.jpg);
																																   background-position:left center;
																																   background-repeat:no-repeat;																																   
																																   }
																										.sub-faq fieldset.service2{
																											                       background-image:url(../images/icon2.jpg);
																																   background-position:left center;
																																   background-repeat:no-repeat;																																   
																																   }
																										.sub-faq fieldset.service3{
																											                       background-image:url(../images/icon3.jpg);
																																   background-position:left center;
																																   background-repeat:no-repeat;																																   
																																   }
																										.sub-faq fieldset.service4{
																											                       background-image:url(../images/icon4.jpg);
																																   background-position:left center;
																																   background-repeat:no-repeat;																																   
																																   }
																										.sub-faq fieldset.service5{
																											                       background-image:url(../images/icon5.jpg);
																																   background-position:left center;
																																   background-repeat:no-repeat;																																   
																																   }
																							/*객실안내*/
																							.sub-room {
																								       background-color:#7a716b;
																									   background-image:url(../images/sub_body_left.jpg);
																									   background-position:left top;
																									   background-repeat:repeat-y;
																									   overflow:hidden;
																									   padding:30px 10px 20px 10px;																									   
																									   line-height:200%
																										}																										
																										fieldset.room-info{
																														  width:700px;
																														  border:1px solid #89817c;
																														  padding:10px;
																														  margin:0 0 20px 0;
																														  overflow:hidden;																												  
																														  }	
																										fieldset.room-info legend{
																											                      font-size:1.2em;
																																  font-weight:bold;
																																  margin:0 0 20px 0;
																																  display:block;
																										}
																										fieldset.room-info legend span{
																											                           font-weight:normal;
																																	   font-family:Arial, Verdana, Geneva, sans-serif;
																																	   }
																									    fieldset.room-info ul.room-icon1{																											                             
																															  padding: 0 0 20px 25px;
																															  overflow:hidden;
																															  border-bottom:1px solid #CCC;																															  
																															  margin:0 auto;
																															  }
																										fieldset.room-info ul.room-icon1 li{
																											                     float:left;
																																 text-align:center;
																																 width:102px;
																																 }
																										fieldset.room-info ul.room-icon1 li.wifi{
																											                     float:left;
																																 text-align:center;
																																 margin-left:7px;
																																 }
																										fieldset.room-info ul.room-icon2{
																											                            clear:both;
																																		margin:0 auto;
																																		padding: 25px 0 20px 25px;
																																		overflow:hidden;																																		
																																		border-bottom:1px solid #CCC;	
																																		}
																										fieldset.room-info ul.room-icon2 li{
																											                               float:left;
																																		   text-align:center;
																																		   width:80px;
																																		   }
																									    fieldset.room-info ul.room-icon2 li.digital{
																											                     float:left;
																																 text-align:center;
																																 margin-left:15px;
																																 }																									 
																												/*사진보기방식*/
																												#push {
																														height: 43px; /* .push must be the same height as .footer */
																														padding-top:10px;
																													}
																													#wrapper{
																														width:1000px;
																														min-height: 96%;
																														height: auto !important;
																														height: 96%;
																														text-align:left;
																														margin: 0 auto;
																													}
																													
																													.clearfix{
																														clear:both;
																														float:none;
																													}
																													#bigPic{
																														width:716px;
																														height:477px;
																														padding:1px;
																														border:1px solid #e6c488;
																														background-color:#89817c;
																														margin-bottom:10px;
																														position:relative;
																													}
																													#bigPic img{
																														position:absolute;
																														left:1px;
																														display:none;
																													}
																													ul#thumbs li.active{
																														border:2px solid #000;	
																														background:#89817c;
																														padding:2px;
																													}
																													ul#thumbs{
																														     width:720px;
																															 margin:0 0 0 35px;
																															 } 
																													
																													ul#thumbs li{
																														margin:0;
																														padding:0;
																														list-style:none;
																													}
																														
																													ul#thumbs li{
																														float:left;
																														margin-right:5px;
																														margin-bottom:5px;
																														border:1px solid #89817c;	
																														padding:3px;
																														cursor:pointer;
																													}
																													ul#thumbs img{
																														float:left;
																														width:80px;
																														height:53px;
																														line-height:53px;
																														overflow:hidden;
																														position:relative;
																														z-index:1;		
																													}
														
																							/*요금안내 /////////////////////*/
																							.sub-rate{
																								         background-color:#7a716b;
																										 background-image:url(../images/sub_body_left.jpg);
																										 background-position:left top;
																										 background-repeat:repeat-y;
																										 height:450px;
																										 padding:30px 10px 20px 20px;
																										 line-height:200%
																										 }
																										 table.rate-table{																											              
																														  margin:0 0 20px 0; 
																														  border:1px solid #999;
																														  width:716px;
																														  }
																										 table.rate-table th{
																											                 text-align:center;
																															 font-weight:bold;
																															 padding:5px;
																															 border-top:2px solid #CCC;
																															 border-bottom:2px solid #ccc;
																															 }
																											   .rate-table th.verline1{
																												                      border-right:1px solid #ccc;
																																	  width:120px;
																																	  }
																												 .rate-table th.verline2{
																												                      border-right:1px solid #ccc;
																																	  width:60px;
																																	  }
																															th.verline3{
																												                      border-right:1px solid #ccc;
																																	  width:120px;
																																	  }
																															th.verline4{
																												                      border-right:1px solid #ccc;
																																	  width:70px;																															
																																	  }
																															th.verline5{
																												                      border-right:1px solid #ccc;
																																	  width:90px;																															
																																	  }
																															th.verline6{																		
																																	  
																																	  }
																										  table.rate-table td{
																											                  text-align:center;
																															  padding:5px;																															  
																															  background-color:#89817c;
																															  border-right:1px solid #7a716b;
																															  border-bottom:1px solid #7a716b;
																															  text-align:left;
																															  width:25%;
																															  }
																										  fieldset.rate-info{
																											                 width:680px;
																											                 border:1px solid #89817c;
																															 padding:10px;
																															 margin:20px 0 0 0;
																															 overflow:hidden;
																															 }
																												   .rate-info dl {
																													              clear:both;
																													              width:600px;
																																  margin:0 0 5px 0;
																															      }
																												   .rate-info dt {
																													              float:left;
																																  margin:0 0 0 20px;
																																  width:79px;
																																  height:27px;
																																  text-align:center;
																																  font-weight:bold;																																  
																																  background-image:url(../images/sub_rate_dt_bg.png);
																																  background-position:left top;
																																  background-repeat:no-repeat;																																  
																																  }
																													.rate-info dd {
																														           float:left;
																																   margin:0 0 0 30px;
																																   }
																													 ul#rate-info-ul {
																														              list-style:decimal;
																																	  padding:0 0 0 23px;
																																	  }
																													
																										 
																							 /* 예약하기 ////////////*/
																							.sub-reservation{
																											 background-color:#7a716b;
																											 background-image:url(../images/sub_body_left.jpg);
																											 background-position:left top;
																											 background-repeat:repeat-y;
																											 padding:30px 10px 20px 10px;																											
																											 overflow:hidden;
																											 }
																							 /* 주변관광 ////////////*/
																							.sub-travelling{
																								         background-color:#7a716b;
																										 background-image:url(../images/sub_body_left.jpg);
																										 background-position:left top;
																										 background-repeat:repeat-y;
																										 padding:30px 10px 20px 30px;
																										 overflow:hidden;
																										 }
																										 fieldset.travelling-info1{
																																  width:648px;
																																  height:186px;
																																  padding:8px 30px 8px 8px;
																																  background-image:url(../images/sub_travelling_bg.png);
																																  background-position:left top;
																																  background-repeat:no-repeat;
																																  overflow:hidden;																																  																												  
																																  }																																  
																										fieldset.travelling-info2{
																											                      clear:both;
																																  width:648px;
																																  height:186px;
																																  padding:8px 30px 8px 8px;
																																  background-image:url(../images/sub_travelling_bg2.png);
																																  background-position:left top;
																																  background-repeat:no-repeat;
																																  overflow:hidden;																															  																												  
																																  }
																										fieldset.travelling-info3{
																											                      clear:both;
																																  width:648px;
																																  height:186px;
																																  padding:8px 30px 8px 8px;
																																  background-image:url(../images/sub_travelling_bg3.png);
																																  background-position:left top;
																																  background-repeat:no-repeat;
																																  overflow:hidden;																															  																												  
																																  }	
																																  p.img-travelling{
																																	               float:left;
																																				   padding:0 10px 0 0; 
																																				   }
																																   p.img-travelling2{
																																	                  float:left;
																																				      padding:0 10px 0 20px; 
																																				      }
																																				   h4.h4-travelling{
																																					                font-size:1.0em;
																																									font-weight:bold;																																									
																																									}
																																				   p.text-travelling{
																																					                float:left;
																																									}																															  
					              
/*글자포인트*/
.point1{ color:#F90;}
.point2{ font-weight:bold;}					 
/*주메뉴바*/
/* @group core nav menu */
#nav { margin: 20px 0 0 0; 
       float:right;
       list-style: none;
	   -moz-border-radius-bottomleft: 4px; 
	   -webkit-border-bottom-left-radius: 4px; 
	   border-bottom-right-radius: 4px; 
	   -moz-border-radius-bottomright: 4px;
	    -webkit-border-bottom-right-radius: 4px; 
		height: 40px; 
		padding-top:14px; 
		padding-left: 0px; 
		padding-right: 0px;
		color:#afafaf;
		}
#nav li { float: left; display: block; width:108px; text-align:center; font-size:11px; background-color: none; position: relative; z-index: 999; margin: 0 1px;}

#nav li a { font-size:14px; font-weight: bold; line-height: 24px; text-decoration: none;  color: #fff; zoom: 1; border-left: 1px solid transparent; border-right: 1px solid transparent;  
           }
#nav li a:hover {}
#nav li a.hov {border-top: 0px solid #e09616; color: #ff9c48;  background-color:none;}

/* @group subnav */
#nav ul { position: absolute; top:22px; left:-50px; display: none; margin: 0; padding: 0; list-style: none; border:0px #ddded7 solid;}	
#nav ul li { width:210px; border-top: 1px solid #fff; text-align: left; border-left:0px solid transparent; border-right: 0px solid transparent; background-color:#ddded7;padding: 8px; }
#nav ul li:hover { border-top: 1px solid #fff; border-left:0px solid transparent; border-right: 0px solid transparent;background:#eee; }

#nav ul.group { position: absolute; top:22px; left:0px; display: none; margin: 0; padding: 0; list-style: none; border:0px #ddded7 solid;}	
#nav ul.group li { width:130px; border-top: 1px solid #fff; text-align: left; border-left:0px solid transparent; border-right: 0px solid transparent; background-color:#ddded7;padding: 8px; }
#nav ul.group li:hover { border-top: 1px solid #fff; border-left:0px solid transparent; border-right: 0px solid transparent;background:#eee; }

#nav ul a { line-height: 17px; color: #000; border-bottom: 0px solid transparent; text-transform:  uppercase; color: #000; font-weight: bold; font-size:12px;}
#nav ul a:hover { text-decoration: none; border-right-color: transparent; border-left-color: transparent; background: transparent; color: #ff9c48; }

* html #nav ul { margin: 0 0 0 -2px; }

/** @group clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }