@charset "UTF-8";
/* CSS Document */

* { padding: 0px; margin: 0px; }

html,body { height: 100%; /* body와 html의 높이를 100% 로 지정 */ margin: 0; padding: 0;}

body {font-family:Arial, Helvetica, sans-serif;	background:#000000;	font-size: 10px; color: #444; letter-spacing:0.05em;}

img { border: 0px; }

li { list-style: none; height:54px; }

b { font-family:Arial, Helvetica, sans-serif; font-size:1.4em; color:#990}

a { text-decoration: none; color: #444;}

a:hover { text-decoration: underline; }

h1,h2,h3,h4,h5,h6 { font-family:Arial, Helvetica, sans-serif; margin:10px 0 20px 0;}
h1 {font-size:30px; color: #963; line-height:24px; font-weight:lighter;}
h2 {font-size:24px; color: #333; line-height:20px; font-weight:lighter;}
h3 {font-size:18px; color: #666; line-height:18px; font-weight:bold;}
h4 {font-size:18px; color: #999; line-height:18px; font-weight:bold;}
h5 {font-size:16px; color: #FFF; line-height:16px; font-weight:lighter;}
h6 {font-size:16px; color: #960; line-height:16px; font-weight:lighter;}

p { margin-bottom:12px; font-size: 11px; line-height:1.4em; letter-spacing:0.05em; color:#666;}

input { color:#666; background-color:#000; border:#333 thin dashed; padding-left:5px}

input[type=text]:focus { color:#000; background-color:#999; }

textarea { color:#666; background-color:#000; border:#333 thin dashed;  padding:5px}

textarea:focus  { color:#000; background-color:#999;}

form .btm { background-color:#000; border:none;}

.fLeft { float:left;}
.fRight { float:right;}
.clearboth {clear:both;}


/**************************************************************************************/

#center { width: 950px; /* 폭이나 높이가 일정해야 합니다. */ height: 640px; /* 폭이나 높이가 일정해야 합니다. */ position: absolute;top: 50%; /* 화면의 중앙에 위치 */ left: 50%; /* 화면의 중앙에 위치 */ margin: -320px 0 0 -475px; /* 높이의 절반과 너비의 절반 만큼 margin 을 이용하여 조절 해 줍니다. */ z-index:100}

#center_intro { width: 700px; /* 폭이나 높이가 일정해야 합니다. */ height: 570px; /* 폭이나 높이가 일정해야 합니다. */ position: absolute;top: 50%; /* 화면의 중앙에 위치 */ left: 50%; /* 화면의 중앙에 위치 */ margin: -285px 0 0 -350px; /* 높이의 절반과 너비의 절반 만큼 margin 을 이용하여 조절 해 줍니다. */ background:#000;}

#header { text-align: left; background: url(../img/top_line.gif) bottom center repeat-x; height:85px; width:100%; position:relative;}

#contents { text-align: left; height:505px; width:100%; position:relative;}

#footer { text-align: left; background: url(../img/btm_line.gif) top center repeat-x; height:50px; width:100%;  position:relative;}

.top_nav { text-align:left; position:absolute; top:5px; left:0px; width:400px;}

.btm_nav { text-align:right; position:absolute; top:5px; right:0px; width:550px;}

.nav { position:absolute; left:0%; bottom:0%; width:460px;}

.page {	text-align: center;	float: left; }

.txt { margin-bottom:12px; font-size: 13px; line-height:1.4em; letter-spacing:0.05em; color:#777777;}

.col {width:300px;}

.col1 {width:450px;}

.col2 {width:400px;}

.col3 {width:900px;}

.col img { margin-bottom:10px; border:0px}

.margRight { margin-right:25px; }

.margLeft { margin-left:25px; }

.margLeft1 { margin-left:500px; }

.margLeft2 { margin-left:10px; }

.margRight2 { margin-right:10px; }

.positionBtmRight { position:absolute; bottom:0; right:0;}

.link { color: #960; text-decoration: none;}
.link:hover { text-decoration: underline;}

.link2 { color: #F33; text-decoration: none; font-weight:bold;}
.link2:hover { text-decoration: underline;}


/**************************************************************************************/

.home { background: url(../img/bg4.jpg) no-repeat top center; }

/**************************************************************************************/

.history { background: url(../img/bg2.jpg) no-repeat top center; }

/**************************************************************************************/

.menu { background: url(../img/bg6.jpg) no-repeat top center; }

/**************************************************************************************/

.gallery { background: url(../img/bg8.jpg) no-repeat top center; }

/**************************************************************************************/

.reservation { background: url(../img/bg7.jpg) no-repeat top center; }

/**************************************************************************************/

.contact { background: url(../img/bg5.jpg) no-repeat top center; }

/**************************************************************************************/

.happy { background: url(../img/bg1.jpg) no-repeat top center; }

/**************************************************************************************/


.event { background: url(../email_blast/img/05_2010/Cucina_May_bg.jpg) no-repeat top right; }
.event1 { background: url(../img/bg11.jpg) no-repeat top center; }
.event2 { background: url(../img/bg9.jpg) no-repeat top center; }
/**************************************************************************************/


.pop { background:url(../img/bgPop.jpg) no-repeat bottom left; padding:20px}

.pop b { font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#990; font-weight:bold}

/**************************************************************************************/