@charset "utf-8";

/*-------------------------------------------------------------
	OCEAN ROOM
	File: base.css
	Last edited: 13/Aug/2011
-------------------------------------------------------------*/

/*-------------------------------------------------------------
	index
		1. Page format
			1-1. Header
			1-2. Footer
		2. Main Image and Navigation
		2. Content style
		3. Clear & reset class
-------------------------------------------------------------*/

/* 1. Page format
-------------------------------------------------------------*/
body{
	margin:0;
	padding:0;
	background:#fff url(../images/common/page_bk.jpg) repeat-x left top;
	line-height: 1;
	font-family: Verdana, sans-serif;
	text-align: justify;
	position: relative;
	color: #333;
}
div#footerWrap{position: relative;width:100%;background:#000 url(../images/common/footer_bk.png) repeat-x top left;}
div#header,div#container,div#footer{
	position: relative;
	width:960px;
	margin:0 auto;
	text-align: left;
}

/* Default text link colour */
a:link{color: #061e6f;text-decoration: none;}
a:visited{color: #5b0069;}
a:hover,a:active{color: #ff3030;text-decoration: underline;}

/* 1-1. Header
-------------------------------------------------------------*/
div#header{height: 90px;}
#header h1,#header #hLogo{position: absolute;width:197px;top: 20px;left: 10px;}
p#ccopy{position: absolute;width: 305px;top:45px;left: 230px;}

/* Header Navigation Area */
#headNav{position: absolute;width: 250px;top: 25px;right: 10px;text-align: right;}
	#headNav ul{margin-bottom: 5px;}
	#headNav li{display: inline;margin-right:5px;padding-right:5px;border-right:1px solid #666;font-size: 11px;}
	#headNav li.lastChild{margin-right:0;border-right-style: none;}

/* 1-2. Footer
-------------------------------------------------------------*/
div#footer{font-size: 11px;color: #fff;}
#fColumn{width:960px;margin:0 auto;}
#footer p.goTop{width:960px;margin:0 auto;margin-bottom:10px;padding-top:12px;text-align: right;}
div#footNav{width: 620px;height: 100px;float: left;}
	#footNav a{color: #fff;}
	#footNav a:hover,#footNav a:active{color: #fff100;}
	#footNav ul{position: relative;line-height: 1.5;}
	#footNav li{margin-bottom: .5em;}
	#footNav li a{padding-left: 10px;background: url(../images/common/mk_list.png) no-repeat center left;font-weight:600;}
	#footNav li li{margin-bottom: 0;}
	#footNav li li a{background-image: none;font-weight: normal;}
	/* Column */
	#footNav li.col1,#footNav li.col2,#footNav li.col3{width: 210px;}
	#footNav li.col2{margin-left: 210px;}
	#footNav li.col2.colTop{margin-top: -10.5em;*margin-top: -10.9em;}
	#footNav li.col3{margin-left: 420px;}
	#footNav li.col3.colTop{margin-top: -8.5em;*margin-top: -8.9em;}
		/* for Safari and Chrome */
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			#footNav li.col2.colTop {margin-top: -10.1em}
			#footNav li.col3.colTop{margin-top: -9.1em;}
		}
div#contactAdd{float: right;width: 300px;line-height: 1.5;}
	#contactAdd h3 span{font-weight: normal;}
	#contactAdd p span{color: #fc0;}
p#copyright{clear: both;padding: 40px 0 0;background: url(../images/common/footer_copy_bk.png) repeat-x left top;text-align: center;font-size:10px;color: #fff;}
	p#copyright span{display: block;padding-bottom:20px;background-color: #000;}
	#copyright a{color: #fff;}
div#sideBtn{position:fixed;left:0;bottom:50px;}

/* 2. Main Image and Navigation
-------------------------------------------------------------*/
div#mainImg{position: relative;z-index: 1;width: 960px;height: 300px;overflow: hidden;}
div#mainNav{position: absolute;z-index: 10;top: 270px;left: 0;}
	#mainNav li{display: inline;}
	#mainNav li a{display: block;float: left;height: 62px;}
	/* Width */
	a#navMenu{width: 95px;}
	a#navReservations{width: 156px;}
	a#navPrivatedining{width: 162px;}
	a#navWedding{width: 130px;}
	a#navNews{width: 95px;}
	a#navGift{width: 85px;}
	a#navContact{width: 130px;}
	/* Current nav */
	a#navMenu.parentsLink,a#navReservations.parentsLink,
	a#navPrivatedining.parentsLink,a#navWedding.parentsLink,a#navNews.parentsLink,
	a#navGift.parentsLink,a#navContact.parentsLink{
		text-indent: -999em;
		background-repeat: no-repeat;
		background-position: left top;
		vertical-align: middle;
	}
	a#navMenu.parentsLink img,a#navReservations.parentsLink img,
	a#navPrivatedining.parentsLink img,a#navWedding.parentsLink img,a#navNews.parentsLink img;
	a#navGift.parentsLink img,a#navContact.parentsLink img{
		width: 1px;
		height: 1px;
	}
	a#navMenu.parentsLink{background-image: url(/images/common/nav_menu_on.png);}
	a#navReservations.parentsLink{background-image: url(/images/common/nav_reservations_on.png);}
	a#navPrivatedining.parentsLink{background-image: url(/images/common/nav_privatedining_on.png);}
	a#navWedding.parentsLink{background-image: url(/images/common/nav_wedding_on.png);}
	a#navNews.parentsLink{background-image: url(/images/common/nav_news_on.png);}
	a#navGift.parentsLink{background-image: url(/images/common/nav_gift_on.png);}
	a#navContact.parentsLink{background-image: url(/images/common/nav_contact_on.png);}

/* 3. Content Style
-------------------------------------------------------------*/
div#contents{position: relative;padding: 40px 0;font-size: 12px;}

div#sideNav{float: left;width: 220px;min-height:490px;margin:0 20px 0 10px;background: transparent url(../images/common/side_nav_bk.jpg) no-repeat left top;}
div#conMain{float: left;width: 460px;}
div#photos{float: right;width: 220px;margin-right: 10px;}

/* Side Navigation */
#sideNav ul{margin-top:10px;line-height: 1.8;}
	#sideNav a{display: block;margin-bottom:1px;padding: 3px 10px;color: #fff;font-weight: 600;text-decoration: none;}
	#sideNav a:hover{background-color: #f29a00;}
	#sideNav a.current{background-color: #800000;}
#sideNav p{margin-top: 20px;text-align: center;}
	#sideNav p a:hover{background-color: transparent;}
#contents h2,#conMain h1{
	padding-bottom: 5px;
	font-size: 24px;
	color: #800000;
	font-weight: normal;
	}
#contents h2{font-size: 12px; font-weight: bold;}
#contents p{line-height: 1.5;}

/* Contents page style except top page */
#conMain h1{margin-bottom: 20px;}
#conMain p{margin-bottom: 1em;}
p#lead{color: #ce2d00;}

/* Photo zoom icon */
div.pGroup{width: 110px;float: left;}
#photos a:hover {cursor: url(../images/common/zoomin.cur), pointer;}

/* Pdf download */
div#dlPdf{margin-top: 20px;}
div#thumPdf{float:left;width: 80px;}
div#caption{float: right;width: 360px;line-height: 1.5;}
#caption ul{line-height: 1.5;}
#caption li{padding-left: 15px;background: url(../images/common/mk_link.png) no-repeat center left;}