/* v3 */
#menu-top {clear:both; height:103px; width:960px; top:30px; left:50%; margin-left:-477px; position:absolute}
#langs {color:#999; font-size:10px; padding-left:530px; margin-top:48px;}
#b2b {float:left; clear:left; margin:18px 20px 0 20px}
#b2c {float:right; clear:right; margin:16px 20px 0 0}
.op-ml {background:url(http://www.epoquehotels.com/img/barleft.gif) no-repeat 0 center; width:7px; height:15px}
.cl-ml {background:url(http://www.epoquehotels.com/img/barright.gif) no-repeat 0 center; width:7px}
.op-mr {background:url(http://www.epoquehotels.com/img/lineleft.gif) no-repeat 0 center; width:7px; height:15px}
.cl-mr {background:url(http://www.epoquehotels.com/img/lineright.gif) no-repeat 0 center; width:7px}
.gre {background-color:#996; height:14px;}
.lin {border-top:1px solid #999; border-bottom:1px solid #999; height:13px}
#menu-bottom {clear:both; text-align:center; background:url(http://www.epoquehotels.com/img/menu.gif) no-repeat left top; padding:10px 0; height:20px}
#menu-bottom a {color:#996}
#menu-under {clear:both; text-align:center; padding-bottom:18px;}

/* layout */
body {font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif; color:#666; font-size:11px; margin:0}
#top {width:960px; top:0; left:50%; margin-left:-477px; position:absolute}
#all {width:954px; top:140px; left:50%; margin-left:-477px; position:absolute}
#pop {width:100%; top:90px; padding:30px; width:694px}
.content {border-left:1px solid #996; border-right:1px solid #996; padding:0 50px}
.open {background:url(http://www.epoquehotels.com/img/954.gif) no-repeat 0 0}
.close {background:url(http://www.epoquehotels.com/img/954.gif) no-repeat 0 -33px}
.spc {height:23px}
.open, .close, .left-open, .left-close, .right-top, .right-bottom {height:27px; clear:both}
#left {width:236px; float:right}
.left-open {background:url(http://www.epoquehotels.com/img/236.gif) no-repeat 0 0}
.left-content {border-left:1px solid #996; border-right:1px solid #996; padding:0 10px}
.left-close {background:url(http://www.epoquehotels.com/img/236.gif) no-repeat 0 -33px; clear:both}
#right {width:694px; float:left}
.right-top {background:url(http://www.epoquehotels.com/img/694.gif) no-repeat 0 0}
.right-content {border-left:1px solid #996; border-right:1px solid #996; padding:0 25px; text-align:center}
.right-bottom {background:url(http://www.epoquehotels.com/img/694.gif) no-repeat 0 -33px; margin-bottom:15px}
#opt-info {text-align:center; font-weight:900; margin:5px 0; padding:1px; color:#B13641;}

/* links */
a {font-size:11px; color:#6c6650; text-decoration:none}
h1 a, .s a, p.s {font-size:10px}
#map a {color:#660; font-weight:900}
#b2b a, #avg a {color:#999; font-size:10px}
#b2c a {color:#fff}
#list-hotels a {color:#666}
a:hover {text-decoration:none; color: #1D1709;}
#hm a {color:#fff; display:block; font-weight:900; padding:2px}
#hm a:hover {background-color:#996; text-decoration:none}
a:hover h4 {text-decoration:none; color:#333}
.bttn {text-align:center; margin:17px 0}
.sale a {background:url(img/button180x30orange.png); color:#FDECD0; display:block; font-size:12px; font-weight: 900; width:180px; height: 30px; padding-top: 1px; text-align: center;}
.sale a:hover {text-decoration:none}
.link:hover {cursor:pointer}

/* headings */
h1 {font-size: 10px; color:#666; background-color:#eee; border-bottom:1px solid #999; text-align:center; height:14px; margin-top:-1px;}
h2 {font-size:15px; color:#666; padding:0 0 1px 0; margin:0; text-align:center; letter-spacing:1px}
h3 {font-size:12px; color:#996; margin:0; padding:0; text-align:center;}
h3.under-h2 {border-top:1px solid #ccc; margin:0 7%}
.right-content h3 {margin-bottom:5px}
h4 {font-size:11px; color:#666; letter-spacing:1px; margin:3px 0 0 0; padding:0}
h5 {font-size:10px; color:#666; letter-spacing:1px; margin:1px 0 0 0; padding:0}

/* images */
img {border:0}
#thumbs img, .left-content img {padding:0 5px 5px 0}
#list-hotels img {padding:0 0 0 5px; float:right}

/* paragraphs */
p {padding:3px 0; margin:0; font-size:11px}
.left-content p,
.right-content p {text-align:justify}
#list-hotels p {text-align:right}
p.b {font-weight:900}
p.c {text-align:center}
p.r {text-align:right}

/* lists */
ul {padding:10px; margin:0 0 0 1em; text-align:left;}
li {list-style:square; margin-left:5px; padding-left:0; font-size:12px}
li a {color:#DF9109; font-size:12px;}
td {vertical-align:top}
.tdtit {text-align:right; font-weight:bold;}


/* forms */
form {padding:0;margin:0}
.dates {font-size:11px;	color:#666666;	background-color:#ffffff;	border:1px solid #0099ff;	width:94px}

/* home */
#hm-img {background:url(img/v3/hotelofthemonth.jpg) no-repeat 0 0}
#hm {background-image:url(img/v3/bg.gif); margin-top:23px; border:1px solid #fff}
#map {background:url(img/v3/worldwide-map.jpg)}

/* cities */
#list-hotels {text-align:right; margin:17px}

/* input */
.input {border:1px solid #996; font-size:11px; font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif; color:#666; background-color:#fff;}

.lgray, .lgray a {color:#999; font-size:10px}

/* changes jun07 */
#nav, #nav ul, #lang, #lang ul {padding:0; margin:0; list-style:none}
#nav a, #lang a {display:block; color:#6c6650; font:10px/14px Tahoma,Arial; text-decoration:none; text-indent:3px}
#nav a {width:229px}
#lang a {width:100px; font-size:11px}
#nav a:hover, #lang a:hover {text-decoration:underline}
#nav li, #lang li {float:left; list-style:none}
#nav li {width:229px}
#lang li {width:100px}
#nav li ul, #lang li ul {position:absolute; background:#fff; left:-999em}
#nav li ul {width:229px}
#lang li ul {width:100px}
#nav li:hover ul, #nav li.sfhover ul, #lang li:hover ul, #lang li.sfhover ul {left:auto}

/* v4 */
#header {clear:both; height:103px; width:960px; top:-105px; left:50%; margin-left:-477px; position:absolute}
#topmenu {position:absolute; height:14px; right:80px; text-align:right;}
#topmenu a {color:#DF9109; font-size:12px;}
#topmenu a:hover {color: #1D1709;}
#avg {float:right; padding-top:10px; clear:right; text-align:right; height:33px}

#menuMain {clear:both; height:27px; padding-top:7px}
#menuMain a {font:14px/27px tahoma,arial; height:27px; width:191px; display:block; color:#eee; background-color:#996; text-align:center; float:left; border-left:1px solid #ccc}
#menuMain a:hover {background-color:#6c6650; text-decoration:none}
#menuMain a.leftb {background:url('http://www.epoquehotels.com/img/menu-bg.gif') 0 0 no-repeat; border-left-color:#fff}
#menuMain a.leftb:hover {background:url('http://www.epoquehotels.com/img/menu-bg.gif') 0 bottom no-repeat} 
#menuMain a.rightb {background:url('http://www.epoquehotels.com/img/menu-bg.gif') right 0 no-repeat}
#menuMain a.rightb:hover {background:url('http://www.epoquehotels.com/img/menu-bg.gif') right bottom no-repeat}
#menuMain a.middle {background:url('http://www.epoquehotels.com/img/menu-bg.gif') center 0 no-repeat}
#menuMain a.middle:hover {background:url('http://www.epoquehotels.com/img/menu-bg.gif') center bottom no-repeat}

#dropLang, #dropLang ul {padding:0; margin:0; list-style-type:none}
#dropLang a {display:block; width:88px; font:normal 12px/14px tahoma,arial}
#dropLang li {float:left; list-style-type:none; text-align:right;}
#dropLang li:hover {position:relative}
#dropLang li:hover > a {text-decoration:none}
#dropLang li ul {display:none}
#dropLang li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(../transparent.gif); width:88px}
#dropLang > li:hover > ul {left:-30px; top:14px;}
#dropLang table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:11px;}
* html #dropLang li a:hover {position:relative; text-decoration:underline}
#dropLang li.drop {background:#fff url(/img/arrow.gif) no-repeat right center}
#dropLang li.drop ul li a {background-color:#fff; font-size:11px}
* html #dropLang li ul {visibility:hidden; display:block; position:absolute; top:-14px; left:80px; padding:10px 30px 30px 30px; background:transparent url(../transparent.gif);}
#dropLang li a:hover ul {visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;}

.open960 {width:960px; height:21px; background:url('http://www.epoquehotels.com/img/curve960.gif') 0 0 no-repeat; clear:both}
.close960 {width:960px; height:21px; background:url('http://www.epoquehotels.com/img/curve960.gif') 0 bottom no-repeat; clear:both; margin-bottom:21px}