/* 기본 설정---------------------------------------------------------------------------------------------------------------------------------- */
html,body {padding:0;}
body,h2		{margin:0px 0px 50px;font-family:Verdana;color:#000000;font-size:12px;background:#f5f3eb;line-height:140%;}
b			{color:#57493f}


a			{color:#000000;}
a:link		{text-decoration:none;}
a:visited	{text-decoration:none;}
a:active	{text-decoration:none;}
a:hover		{text-decoration:underline;}
/* 기본 설정 끝---------------------------------------------------------------------------------------------------------------------------------- */

/* 폰트 설정---------------------------------------------------------------------------------------------------------------------------------- */
.small		{font-size:11px;}
	a.small:link		{text-decoration:none;}
		a.small:visited		{text-decoration:none;}
		a.small:active		{text-decoration:none;}
	a.small:hover		{text-decoration:underline;}
.white		{color:#FFFFFF;}
	a.white:link		{text-decoration:none;}
	a.white:visited		{text-decoration:none;}
	a.white:active		{text-decoration:none;}
	a.white:hover		{text-decoration:underline;}
.blue		{color:#3075b8;}
	a.blue:link		{text-decoration:none;}
	a.blue:visited	{text-decoration:none;}
	a.blue:active	{text-decoration:none;}
	a.blue:hover	{text-decoration:underline;}
.red		{color:#b73406;}
	a.red:link		{text-decoration:none;}
	a.red:visited	{text-decoration:none;}
	a.red:active	{text-decoration:none;}
	a.red:hover		{text-decoration:underline;}
.yellow		{color:#eedd8f;}
	a.yellow:link		{text-decoration:none;}
	a.yellow:visited	{text-decoration:none;}
	a.yellow:active	{text-decoration:none;}
	a.yellow:hover	{text-decoration:underline;}
.title		{color:#515b6c;font-size:100%;font-weight:bold;}
	a.title:link		{text-decoration:none;}
	a.title:visited		{text-decoration:none;}
	a.title:active		{text-decoration:none;}
	a.title:hover		{text-decoration:underline;}
.binz		{color:#57493f;}
	a.binz:link		{text-decoration:none;}
	a.binz:visited	{text-decoration:none;}
	a.binz:active	{text-decoration:none;}
	a.binz:hover	{text-decoration:underline;}
	
/* 폰트 설정 끝---------------------------------------------------------------------------------------------------------------------------------- */
/* UL & LI---------------------------------------------------------------------------------------------------------------------------------------*/
ul {margin:5px 0px 5px 25px;padding:0px;}
li {padding:3px 0px 0px 0px;margin:0px 0px 0px 10px;}

.ul_orange {list-style:none inside;margin:5px 0px 5px 0px;padding:0px;}
.li_orange {background:url(../oceaninnmotel/images/common/bl_orange.gif) no-repeat;background-position:0px 8px;padding:3px 0px 0px 15px;margin:0px 0px 0px 10px;text-indent:-15px;}

.ul_gray {list-style:none;margin:0 0 0 0;padding:3px 0px 0px 5px;}
.li_gray {background:url(../oceaninnmotel/img/common/rect_gray.gif) no-repeat;background-position:0px 9px;padding:3px 0 0 15px;margin:0 0 0 10px;white-space:normal;}

.ul_menu {list-style:none;margin:119px 0 0 0px;padding:0px;}
.li_menu {padding:0;margin:0 0 7px 20px;}
/* //UL & LI---------------------------------------------------------------------------------------------------------------------------------------*/

/* 폼 설정---------------------------------------------------------------------------------------------------------------------------------- */
form	{margin:0px;padding:0px;}
input,textarea{border:1px solid #848484;margin:0px;}
select	{border:1px solid #848484;margin:0px;}
.radio		{border:none;vertical-align:middle;}
.scroll	{scrollbar-face-color:#FFFFFF;
		scrollbar-shadow-color:#929292;
		scrollbar-highlight-color:#929292;
		scrollbar-3dlight-color:#FFFFFF;
		scrollbar-darkshadow-color:#FFFFFF;
		scrollbar-track-color:#F5F5F5;
		scrollbar-arrow-color:#929292}
img	{border:none}
/* 폼 설정 끝---------------------------------------------------------------------------------------------------------------------------------- */

/* 테이블 설정---------------------------------------------------------------------------------------------------------------------------------- */
.tbl	{ border-collapse:collapse}
.tbl_gray	{background-color:#DFDFDF}
.tbl_title	{background-color:#E9E9E9}
.tbl_form	{background-color:#F2F2F1}
/* 테이블 설정 끝---------------------------------------------------------------------------------------------------------------------------------- */

/*layout container--------------------------------------------------------------*/
#container	{width:797px;text-align:left;margin:0px auto;background:url(http://analtd.cafe24.com/oceaninnmotel/img/common/bg_container.gif) repeat-y;padding:0 10px;}
#btm_container {width:817px;margin:0px auto;background:url(http://analtd.cafe24.com/oceaninnmotel/img/common/bg_container_btm.gif) no-repeat;padding:5px 0;}

#top_area {background:#dad3c1;}
	.logo {padding-left:41px;}
	.top_menu {height:33px;background:#b73406;padding-left:18px;}
	.menu {float:left;margin-left:48px;}

#mid_area {background:#ffffff;}
	#main_img {}
		.main_img {float:left;}
		.sec_img {float:right;}

	#contents	{width:534px;float:left;position:relative;border-right:1px solid #b73406;margin:2px 0;padding:15px;}
	/*	본문 Styles	*/
		h1		{height:26px;background:#57493f;margin:0px;padding:0 0 0 8px;color:#ffffff;font-weight:bold;font-size:12px;}
		.h1		{padding-top:5px;line-height:normal;}<link rel="stylesheet" type="text/css" href="/oceaninnmotel/common/screen.css">
		h2		{background:url(http://analtd.cafe24.com/oceaninnmotel/img/common/dot_red.gif) no-repeat 0px 22px;padding:15px 0 0 10px;margin:0 0 5px;font-weight:bold;}
		h3		{margin:0px;padding:15px 0 0 10px;font-size:12px;}
		p		{padding:15px 0 0 10px;margin:0px;}
		blockquote	{clear:both;margin:0px;padding:30px 0 30px 40px;}

		.dot_red {background:url(http://analtd.cafe24.com/oceaninnmotel/img/common/dot_red.gif) no-repeat 10px 17px;padding:10px 0 0 20px;margin:0px;font-weight:bold;}
		.formin {padding:0 0 0 10px;clear:both;width:500px;}
		.p_in	{padding-left:20px;text-indent:-10px;}
		.indent {padding-left:10px;text-indent:-10px;}

		/* main page */
		.aboutus	{padding:0 40px 0 15px;}
		.main_content_img {float:right;margin:5px 0 0 5px;}

		/* rooms */
		#room	{width:518px;border:1px solid #d2caab;padding:7px;margin-top:5px;}
			.room_photo		{width:235px;float:left;}
			.btn_book	{text-align:right;padding:14px 0 0 0;}
			.room_contents	{width:270px;float:left;padding:0 0 0 10px;font-size:11px;}
				.room_l		{float:left;width:79px;padding-left:10px;text-indent:-10px;}
				.room_r		{float:left;padding-left:10px;text-indent:-10px;}

		/* booking */
		.lblBooking	{float:left;width:180px;font-weight:bold;}
		.lblContact	{float:left;width:100px;font-weight:bold;}
		.txtBooking	{float:left;text-align:left;}
		.calender {cursor:pointer;}

		/* information */
		.img_info	{float:right;margin:0 0 5px 5px;}
		.img_patrol	{vertical-align:middle;margin-right:10px;}
		
		.contactus	{padding:10px;background:#f5f3eb;line-height:180%;font-weight:bold;border:1px solid #d2caab;}
			.contact_detail	{float:left;padding:0 0 0 10px;}
			.motel_photo	{float:right;}

	#right_area {width:212px;float:right;padding:17px 10px;}
		.r_title {height:25px;background:#f9f8f2;border:1px solid #d2caab;text-align:center;color:#5f6673;font-weight:bold;line-height:normal;}
		.r_title_padding {padding-top:5px;}
		.backpker {padding:50px 0 0 10px;}

	#table	{}
		tr	{cursor:pointer;}
		td	{padding:5px;}
		.td_indent {padding-left:20px;text-indent:-15px;}
		.etc {padding:5px 22px 0px 10px;font-size:11px;}
		.goTop {margin:8px 10px 0 0;text-align:right;}
/*	//본문 Styles	*/

#btm_area {background:#dad3c1;border-top:1px solid #cdcabc;}
	.copy_area {height:67px;padding:0 20px;}
		.copyright {float:left;margin-top:25px;color:#57493f;font-size:11px;}
		.sponsor {float:right;margin-top:12px;}
	.btm {height:14px;background:#57493f;}

.ClearB	{clear:both;}
.FloatL	{float:left;}
.FloatR	{float:right;}

