@import url("tripoli/reset.css");
@import url("tripoli/generic.css");

/* Tripoli Overrides*/
p+ul { margin-top: -0.8em }

fieldset { border:none; }

ul li { margin-left:3em; }

/*end*/

/*Overrides for non-text lists - needs ul and li*/

#menu li,
#menu ul li,
.homelist li,
.homelist ul li,
.roomslist li,
.roomslist ul li,
.artlist li,
.artlist ul li,
#contentright li,
#contentright ul li,
#contentleft li,
#contentleft ul li,
#foot li,
#foot ul li  {
	text-indent: 0;
	margin-left: 0;
}

#menu li:before,
.homelist li:before,
.roomslist li:before,
.artlist li:before,
.gallery li:before,
.tourism li:before,
.sitemap li:before,
#foot li:before{ content:''; }



/*end*/


body {
	color: #000;
	font-family:"Trebuchet MS", arial, sans serif;
	background:#fff; 
}



/*--------------Site Text formating----------*/

p {
/*line-height:1.2em;
font-size:0.875em;*/
margin-bottom:1.5em;
}

p.nobot {
margin-bottom:0;
/*line-height:.2em;*/
}

p.boxtag {
margin-top:.25em;
}

#content p.center,
#content p.pcenter,
#content p.centertag {
margin-top:10px;
font-weight:600;
clear:both;
}

#content p.centertag {
margin-top:0px;
}

#content p.arttag {
padding:20px 0px 0px;
font-weight:600;
font-size:1.2em;
}

p.add {
font-size:1.2em;
}

#content img.saw,
#content img.tour {
display:block;
overflow:hidden;
width:83px;
float:left;
padding-left:17px;
}

#content img.tour {
float:right;
width:56px;
padding-left:0px;
padding-right:37px;
}

p strong {
font-weight:600;
}

p em,
a.blocklink,

a:link,
a:active,
a:visited {
color:#f40f90;
font-style:normal;
}

a:hover {
color:#000;
background-color:#fff;
}

p a, a.blocklink {
text-decoration:none;
}

a.blocklink {
display:block;
overflow:hidden;
float:left;
}

body#tourism #contentleft p {
padding:0;
margin:0;
margin-top:1.2em;
}

body#tourism #contentleft p.nospace {
padding:0;
margin-bottom:0em;
margin-top:0em;
}

p.travel {
float:right;
text-align:left;
width:275px;
}

body#travel .pboxwidebottom {
margin-bottom:0;
}

img.map {
padding:20px 0px 10px 0px;
}



/*headers------------------------------------*/

h1 {
color:#f40f90;
background-color:#fff;
font-size:1.5em;
font-weight:600;
margin:.5em 0em 1em;
padding:0em;
text-align: center;
}

h2.side {
float:left;
width:45px;
margin:0;
padding:0;
}


h2, h1.ctact, h1.top {
color:#f40f90;
background-color:#fff;
font-weight:600;
font-size:1.2em;
line-height:1em;
text-align: left;
}

h1.ctact { margin:0em;}

h2.top, h1.top {
margin-top:0;
padding-top:0;
}

body#foodmenu h2.top,
body#foodmenu h1.ctact {
font-size: 1.313em;
}

body#terms h2 {
margin-bottom:0em
}

h1.top {
margin-bottom:0.535em;
}

/*coming soon dummy text------------*/

h5 {
text-align:center;
font-size:3em;
font-weight:600;
color:#f40f90;
background:#fff;
}


/*links styles-------------------------------------*/

#content p.arttag a {
color:#f40f90;
background:#fff;
text-decoration:none;
}

#content p.arttag a:hover {
color:#000;
background:#fff;
}

/*Lists---------------------------------------------*/

body#privacy #contentleft ul {
margin-left:0;
list-style-position:outside;
}

ul.tourism {
margin-left:0;
}

ul.tourism li {
margin-left:1em;
}

.homelist ul{
margin:0;
padding:0;
width:424px;
}

body#art .homelist ul{
margin:0;
padding:0;
padding-bottom:10px;
width:404px;
}

.roomslist ul{
margin:0;
padding:0;
width:700px;
}

.homelist ul li,
.roomslist ul li,
.artlist ul li {
float:left;
width:191px;
padding:0;
padding-bottom:1em;
}

.roomslist ul li {
width:165px;
margin-left:32px;
}

.artlist ul li {
margin-right:20px
}

.artlist ul li.artright {
margin-right:0px
}

.roomslist ul li.roomone {
width:285px;
margin-left:11px;
}

.homelist ul li.rightimage { 
float:right;
margin-right:0;
}

.homelist ul li a img,
.roomslist ul li a img,
.artlist ul li a img {
display:block;
overflow:hidden;
padding-bottom:10px;
}

.homelist ul li a,
.roomslist ul li a,
.artlist ul li a {
display:block;
text-align:center;
color:#000;
background-color:#fff;
font-weight:600;
text-decoration:none;
width:191px;
padding:0;
}

.roomslist ul li a {
width:165px;
padding:0;
color:#f40f90;
background-color:#fff;
font-weight:600;
font-size:1.2em;
}

.roomslist ul li a:hover {
color:#000;
background-color:#fff;
}

.roomslist ul li.roomone a {
width:285px;
padding:0;
}

.homelist ul li a:hover,
.artlist ul li a:hover {
color:#f40f90;
background-color:#fff;
}

.homelist ul li a:hover img,
.roomslist ul li a:hover img,
.artlist ul li a:hover img {
text-decoration:none;
}

ul.gallery {
float:left;
width:356px;
padding:0;
margin:5px 0px; 
}

ul.gallery li {
float:left;
display:inline;
width:87px;
height:82px;
padding:0;
margin:0px 2px 2px 0px;
background:#000;
}



/*misc styles*/

img.right{
float:right;
}

.pboxhold{
float:left;
width:320px;
padding:0;
margin:0;
}

.preload {
width:1px;
height:1px;
overflow:hidden;
}

/*hidelink styles------------------------*/

a.hidenews {
text-indent:-9999px;
float:right;
overflow:hidden;
width:156px;
height:53px;
font-size:.25em;
background: url(../img/newslink.gif) bottom right no-repeat;
padding:0;
margin:0;
}

a.hidenews:hover {
background: url(../img/newslink.gif) top right no-repeat;
}

a.hidetravel {
text-indent:-9999px;
float:left;
overflow:hidden;
width:135px;
height:82px;
background: url(../img/travelinfolink.gif) bottom right no-repeat;
padding:0;
margin:22px 0px;
}

a.hidetravel:hover {
background: url(../img/travelinfolink.gif) top right no-repeat;
}

a.hidemenu {
text-indent:-9999px;
float:right;
overflow:hidden;
width:153px;
height:66px;
background: url(../img/menulink.gif) bottom right no-repeat;
padding:0;
margin:0;
}

a.hidemenu:hover {
background: url(../img/menulink.gif) top right no-repeat;
}

a.hidebook {
text-indent:-9999px;
float:right;
overflow:hidden;
width:156px;
height:95px;
background: url(../img/bookbiglink.gif) bottom right no-repeat;
padding:0;
margin:30px 60px;
}

a.hidebook:hover {
background: url(../img/bookbiglink.gif) top right no-repeat;
}

a.hidebooksml {
text-indent:-9999px;
float:right;
overflow:hidden;
width:118px;
height:71px;
background: url(../img/bookenquirelink.gif) bottom right no-repeat;
padding:0;
margin:0;
}

a.hidebooksml:hover {
background: url(../img/bookenquirelink.gif) top right no-repeat;
}

a.hideback {
text-indent:-9999px;
float:left;
overflow:hidden;
width:89px;
height:61px;
background: url(../img/backlink.gif) bottom right no-repeat;
padding:0;
margin:30px 60px;
}

a.hideback:hover {
background: url(../img/backlink.gif) top right no-repeat;
}

a.hidenext, a.hidearrow {
text-indent:-9999px;
float:right;
overflow:hidden;
width:40px;
height:35px;
background: url(../img/nextarrow.gif) bottom right no-repeat;
padding:0;
margin:0;
}

a.hidenext:hover {
background: url(../img/nextarrow.gif) top right no-repeat;
}

a.hidearrow {
background: url(../img/backarrow.gif) bottom right no-repeat;
padding:0;
margin-right:38px;
}
a.hidearrow:hover {
background: url(../img/backarrow.gif) top right no-repeat;
}

body#foodmenu a.hideback {
margin:20px 0px;
}

body#foodmenu #content{
padding-bottom:25px;
}

a.hideviews {
text-indent:-9999px;
float:left;
overflow:hidden;
width:191px;
height:52px;
background: url(../img/moreviewslink.gif) bottom center no-repeat;
margin:0;
padding:0;
display:block;
}

a.hideviews:hover {
background: url(../img/moreviewslink.gif) top center no-repeat;

}

#hideviews {
width:174px;
margin:0 auto;
padding: 0px;
display:block;
clear:both;
}

/*address/mail links---------------------*/

address {
font-size:1.2em;
line-height:1.1em;
padding-top:4px;
}

span.addbot {
display:block;
margin-bottom:.5em;
line-height:1.1em;
font-size:1.2em;
}

a.mail {
color:#f40f90;
text-decoration:none;
}

a.mail hover {
text-decoration:underline;
}

/*-----------main divs structure------------*/

#wrap {
background:#fff;
	width:700px;
	margin:0 auto;
	/*padding-top:19px ;*/
	text-align:left;		
}

	
#header {
	background:#fff;
	float:left;
	text-align:left;
	width:200px;
}

#menu {
	background:#fff;
	float:right;
	text-align:left;
	width:384px;
	height:55px;
}

#content{
width:700px;
float:left;
}

body#home #content, 
body#views #content {
text-align:center;
}

body#views #content {
padding-top:30px;
}

body#views #content a.hideback {
margin:0;
padding-top:0;
margin-left:15px;
}

body#art #content a.hideback {
float:right;
margin:0;
margin-bottom:5px;
}

.homelist {
margin: 0 auto;
width:424px;
}

body#art .homelist {
margin: 0 auto;
width:404px;
}

.roomslist {
width:700px;
float:left;
}

.artlist {
width:700px;
float:left;
padding: 0px 20px;
}

.sawtag{
width:700px;
text-align:center;
float:left;
padding:0;
margin:0;
}

#contentleft {
text-align:left;
float:left;
width:289px;
padding:0;
background: #fff;
margin:14px 0px 0px 11px;
}

#contentright {
text-align:left;
float:right;
width:356px;
text-align:left;
margin-top:14px;
padding-right:14px;
}

#roomright {
float:right;
width:160px;
padding-left:10px;
}

#roomleft {
float:left;
width:185px;
}

#artdetail {
width:540px;
height:490px;
float:left;
/*border: 3px solid #ededed;*/
}

#pricelist {
width:100px;
height:460px;
float:left;
padding-left:50px;
/*text-align:right;*/
}

#pricelist h2,
#pricelist h1.top {
margin-bottom:2em;
/*text-align:right;*/
}

#pricelist p { 
margin:.5em 0em;
line-height:1em;
}

#pricelist p.price {
font-weight:600;
margin:1em 0em;
}

#artdetail img {
float:right;
}

body#artists #content {
margin-top:88px;
}

body#news #contentleft p img {
display:block;
float:left;
overflow:hidden;
margin: 5px 5px 5px 0px;
}

body#news #content{
width:715px;
height:500px;
display:block;
overflow:auto;
float:left;
}


body#travel #contentleft {
padding-top:5px;
}

.logohold {
float:left;
width:700px;
text-align:center;
}


/*photobox------------------------------*/

#photohold {
float:left;
width:289px;
height:445px;
padding:0;
background: #fff;
margin:14px 0px 0px 11px;

}

#phototopleft, 
#phototopright,
#photomiddle,
#photobottom  {
float:left;
border:1px solid #fff;
background:#000;
margin:0;
padding:0;
}

#phototopleft {
height: 235px;
width:112px ;
} 
#phototopright {
height:140px ;
width:171px ;
}
#photomiddle{
height:92px ;
width:171px ;
}
#photobottom  {
height:174px ;
width:286px ;
}

/*pink boxes--------------------------------*/

.pboxtop{
	width: 286px;
	height: 20px;
	line-height: 1px;
	font-size: 1px;
	margin-bottom: 0;
	background:url(../img/pboxtop.gif) top left no-repeat #FFF;
}

.pboxcontent {

width: 226px;
	margin: 0;
	padding-top: 10px;
	padding-left:30px;
	padding-right:30px;
	background:url(../img/pboxborder.gif) top left repeat-y #FFF;
	overflow:auto;
}

.pboxbottom{
    width: 286px;
	height: 32px;
	line-height: 1px;
	background:url(../img/pboxbottom.gif) bottom left no-repeat #FFF;
	margin-bottom:30px;
}

/*wide box------------*/

.pboxwidetop{
	width: 352px;
	height: 20px;
	line-height: 1px;
	font-size: 1px;
	margin-bottom: 0;
	background:url(../img/pboxwidetop.gif) top left no-repeat #FFF;
	float:left;
}

body#room .pboxwidetop {
padding-top:5px;
background:url(../img/pboxwidetop.gif) bottom left no-repeat #FFF;
}

.pboxwidecontent {
width: 322px;
	margin: 0;
	padding-top: 10px;
	padding-left:15px;
	padding-right:15px;
	background:url(../img/pboxwideborder.gif) top left repeat-y #FFF;
	overflow:auto;
	float:left;
}

body#room .pboxwidecontent {
padding:0px 25px;
width: 302px;
}

body#room .pboxwidecontent p {
margin-bottom:0.8em;
}

body#room .pboxwidecontent p.nobot {
margin-bottom:0em;
}

.pboxwidebottom{
    width: 352px;
	height: 20px;
	line-height: 1px;
	background:url(../img/pboxwidebottom.gif) bottom left no-repeat #FFF;
	margin-bottom:15px;
	float:left;
}




/*-------------Menu styles-----------------*/
#menu ul {
	margin:0;
	padding:0;
	margin-top:62px;
	
}

#menu ul li{
display: block;
float:left;
}

#menu ul li a {
display:block;
height:55px;
text-indent:-9999px;
background-repeat:no-repeat;
}

#menu ul li.index a {
display:block;
width:66px;
background:url(../img/home.gif) bottom left no-repeat;
}

#menu ul li.us a {
display:block;
width:47px;
background:url(../img/us.gif) bottom left no-repeat;
}

#menu ul li.rooms a {
display:block;
width:72px;
background:url(../img/rooms.gif) bottom left no-repeat;
}

#menu ul li.food a {
display:block;
width:64px;
background:url(../img/food.gif) bottom left no-repeat;
}

#menu ul li.art a {
display:block;
width:49px;
background:url(../img/art.gif) bottom left no-repeat;
}

#menu ul li.contact a {
display:block;
width:86px;
background:url(../img/contact.gif) bottom left no-repeat;
}

#menu ul li.index a.live,
#menu ul li.index a:hover {
background:url(../img/home_over.gif) bottom left no-repeat;
}

#menu ul li.us a.live,
#menu ul li.us a:hover {
background:url(../img/us_over.gif) bottom left no-repeat;
}

#menu ul li.rooms a.live,
#menu ul li.rooms a:hover {
background:url(../img/rooms_over.gif) bottom left no-repeat;
}

#menu ul li.food a.live,
#menu ul li.food a:hover {
background:url(../img/food_over.gif) bottom left no-repeat;
}

#menu ul li.art a.live,
#menu ul li.art a:hover {
background:url(../img/art_over.gif) bottom left no-repeat;
}

#menu ul li.contact a.live,
#menu ul li.contact a:hover {
background:url(../img/contact_over.gif) bottom left no-repeat;
}


/*-------------Footer styles------------------*/



#foot{
text-align:center;
float:left;
width:700px;
}

#foot ul li{
display:inline;
font-size:.9em;
}

#foot a:link,
#foot a:visited,
#foot a:active{
text-decoration:none;
color:#000;
background-color:#fff;
}


#foot li.live a,
#foot a:hover {
text-decoration:none;
color:#f40f90;
background-color:#fff;
}

/*rooms table------------------*/



table.rooms td,
table.rooms th {
border:none;
color:#000;
font-size:12px;
line-height:10px;
width:25%;
text-align:left;
padding:2px 32px 10px 25px;
}

table.rooms th {
font-weight:900;
}

table.rooms td.room,
table.rooms th.room {
padding-left:0px;
white-space:nowrap;
} 

table.rooms td.right,
table.rooms th.right {
padding-right:0px;
} 

table.rooms th,
table.rooms th.right {
color:#f40f90;
}



/*contact form-----------------------*/

form#contact {
font-size:1em;
line-height:1.5em;
font-weight:600;
position:relative;
}

form#contact  {
padding:0em;
margin:0;
clear:both;
}

form#contact label, 
form#contact label span {
display:inline;
}

form#contact label {
float:left;
width:100%;
margin-bottom:0.5em;
}

form#contact label span {
float:left;
width:30%;
padding-left:10px;
}

form#contact fieldset input,
form#contact fieldset select,
form#contact textarea {
float:right;
border: none;
width:56%;
}

form#contact fieldset input,
form#contact fieldset select {
background:#fff url(../img/inputbg.gif) left no-repeat;
border:1px solid transparent;
padding-left:10px;
}

form#contact fieldset .dateinput {
background:#fff url(../img/inputbg1.gif) left no-repeat;
width:140px;
float:right;
}

form#contact fieldset .calicon {
float:right;
}

form#contact fieldset select {
width:61%;
background-color:#ededed;
border-left:1px solid #fff;
}

form#contact textarea {
padding-left:10px;
background:#fff url(../img/textareabg.gif) left no-repeat;
height:67px;
}

fieldset.comms {
margin: 0px 0px 0px 0px;
clear:both;

}

form#contact div.sub { 
text-align: left;
width:70px;
height:26px;
float:left;
margin:0;
padding:0;
position:absolute;
top:210px;
left:8px;
 }

form#contact div.sub input {
    float:left;
	padding:3px ;
	width:70px;
	height:26px;
	background:#fff url(../img/submit.gif) left no-repeat;
	color:#f40f90;
	border: none;
}


/*----------------------sitemap list-----------*/

ul.sitemap {
font-size:1.2em ;
margin-left:0;
}

ul.sitemap li{ 
padding-top:10px ;
margin-left:0;
font-weight:600;
text-indent:0px;
}

ul.sitemap li.sub {
font-size:0.75em;
padding-top:0px;
padding-left:10px;
font-weight:300;
}

ul.sitemap li a:link,
ul.sitemap li a:visited,
ul.sitemap li a:active {
list-style:none ;
text-decoration:none;
color:#f40f90;
background-color:#fff;
}
		
ul.sitemap li a:hover {
color:#000;
background-color:#fff;
}