html, body{padding:0;font-size:86%;font-family:Arial, Helvetica, sans-serif; margin:0;background: #263635 url(../images/background149.gif) repeat-x top left; color: #fff;line-height:16px}
p{margin:0 0 12px 0;}
img{border:0;}
h1 {margin: 0 0 12px 0; font-size:220%;font-weight:normal;}
h1 a {text-decoration:none;}
h2 {font-size:170%; margin:0; font-weight:normal; }
h2 a {text-decoration:none; background-color:#472229; color:#ffffff; padding: 6px;}
h2 a:hover, h2 a:focus {text-decoration:none; background-color:#472229; color:#ffffff; }
h3 a {text-decoration:none; background-color:#2C3A3A; color:#ffffff; padding: 6px;}
form {margin:0; padding:0;}
textarea, select, input.input {border: 1px solid #999;}
#home h1 {font-size:150%;}
table{border-collapse:collapse;}
.clear{clear:both;}
.hidden {visibility:hidden; display:none;}
.ac {text-align:center;}

/* General style for the 'more' link - overwritten in #home */
a.more { color: #fff; display:block; width:200px;margin: 0 0 3px 0; padding: 0 0 0 16px; background: transparent url(../images/arrow-right-pink.gif) no-repeat 0 2px; text-decoration:none;float:left;}
a.more:hover, a.more:focus {text-decoration:none; background-color:#FFFFFF; color:#000000}

.enquire {border: 1px solid #25282D; background: transparent url(../images/bg-btn-enquire.gif) repeat-x bottom left;  padding: 3px 3px 3px 4px; margin: 0 0 7px 0; height:20px; }
.enquire a {font-weight:bold; padding: 3px 3px 3px 22px; background: transparent url(../images/arrow-white-on-pink.gif) no-repeat 0 3px; text-decoration:none;width:200px; font-size:11px;}
.enquire a:hover {text-decoration:underline;}
.enquire_message { color:#838B95;}

/* lil grey tabs on details pages */
ul.tabs {padding: 15px 0 39px 0; margin:0; list-style:none;  float:left; width:100%;}
.tabs li {float:left;}
.tabs li a { padding:  6px 21px; border-top:1px solid #35393F;border-bottom: 1px solid #35393F;border-right:1px solid #35393F;float:left; color:#838B95 !important; text-decoration:none; background: transparent url(../images/bg-tab-grey.gif) repeat-x bottom left;font-size:95%;}
.tabs li a:hover, .tabs li a:focus {color: #fff !important;}
.tabs li a.on {border-bottom:none; color: #fff !important; background:none;}

#home #col_l .content_r a.more {display:block; width:100%; color: #838B95; padding: 4px 0 0 0; margin:0; font-size:95%; text-decoration:none; background:none;}
#home #col_l .content_r a.more:hover, #col_l .content_r a.more:focus {text-decoration:underline; color: #fff;}

#outer{margin:0 auto; width:968px; }


#main{ padding: 0 30px;float:left; width:900px;color: #fff;background: transparent url(../images/bg-outer.png) repeat-y top left; overflow:hidden; min-height:600px;}
*html* #main {background: #0f0408 url(../images/bg-outer.jpg) no-repeat top left;}/* background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/bg-outer.jpg'); }*/


#main a {color: #fff;}
#header {background: transparent url(../images/logo-ab.jpg) no-repeat top left;width:100%; height:270px; margin-top: 3px }

#header .signupform {float:right; padding: 15px 18px 0 0;color:#A0A0A3; font-size:90%;}
#header .signupform a {color: #fff; text-decoration:none;}
#header .signupform a:hover, #header .signupform a:focus {text-decoration:underline;}
#header .signupform td {padding-top: 4px;}
#header .signupform input.email {background-color: #000; color: #fff;  border-right: 1px solid #47494A; border-bottom: 1px solid #47494A; border-top:none; border-left:none; padding: 4px; width:212px; font-size:95%}

#nav {
width:900px;
height:42px;
background-image:url(../images/menu-bg.gif);
background-repeat:repeat-x;
float:left

}

ul#topnav {list-style:none;padding:0;margin:0; width:100%;  float:left; border-bottom:1px solid #000}
#topnav li { display:inline; border-right: 1px solid #000; float:left; padding:0; margin:0;}
#topnav li a {padding:12px 19px 12px 22px; float:left; color: #fff; text-decoration:none;background: transparent url(../images/menu-bg.gif) repeat-x bottom left;}
#topnav li a:hover, #topnav li a:focus {background: transparent url(../images/menu-bg-on.gif) repeat-x bottom left;}
#topnav li.last  {border-right:none;}
#topnav li.last a {padding-right: 24px; padding-left: 23px;}
#col_l {float:left;}

#home #col_l {width:680px; padding:0;}

#col_r {width:220px; float:right;}

#col_l .content_l {padding: 26px; width:407px; float:left;}
#col_l .content_r {padding: 0 26px; margin: 26px 0 0 0; width:167px;float:right;}
#col_l .content_l_full {padding: 26px; float:left;}

#home .content_r {border-left: 1px solid #2c2e33; height:250px}

#col_l .content_r p {font-size:95%; margin: 0; line-height:13px;}
#col_l .content_r h2 {margin:6px 0 0 0; font-size:95%;font-weight:bold;}

#col_r .minigal img.feature {float:left;}
#col_r .minigal table {width:100%; clear:both;}
#col_r .minigal td {font-size:95%; text-align:center; padding: 7px 0 6px 0; background: transparent url(../images/bg-minigallery.gif) repeat-x top left;}
#col_r .minigal td.nav {width:220px; text-align:right; padding-right:20px;}
#col_r .minigal td a {color: #838B95; text-decoration:none;}
#col_r .minigal td a:hover, #col_r .minigal td a:focus {text-decoration:none; background-color:#FFFFFF; color:#000000}

/* Tour + similar page styles */
.full {padding: 50px 89px 40px 100px; float:left;}
.full_gallery { 
width:700px;
height:650px;
padding: 50px 0 0 40px;}
.trans {background-color:#000; padding: 25px 29px 33px 0; filter:alpha(opacity=55);-moz-opacity:0.55;opacity: 0.55; float:left; height:350px;width:663px;}
.tourlist .content, #tour .content {width:692px;}

.content {margin: -390px 0 0 0; position:relative; float:left;padding: 0 0 0 0; width:672px;}
.content-form { margin-left:100px;position:relative; float:center;padding: 0 0 0 0; width:450px;}
.content .top {padding: 0 29px 10px 0; float:left;}
.tourlist .rooms {width:340px; float:left; text-align:center}
.tourlist .rooms img.head {float:left;}
.tourlist .rooms ul {list-style:none; margin:0; padding:15px 21px 27px 21px; background: transparent url(../images/bg-tour-list.gif) repeat-x top left; float:left; width: 298px}
.tourlist .rooms li a {text-decoration:none;color:#838B95 !important; font-size: 95%; display:block; width:100%; padding: 5px 0; border-bottom:	1px dotted #35393F; text-align:left;}
.tourlist .rooms li a span.large {font-size: 120%; font-weight:bold;color: #fff;}
.tourlist .rooms li a:hover, .tourlist .rooms li a:focus {color: #fff !important;}

/* tour details */
#tour .photos {float:left; width:341px;}
#tour .photos .thumbs {padding: 3px 0;}
#tour .photos .thumbs img {padding-right:3px;}
#tour ul.tabs  {margin:0;}
#tour .info {float:left; width:318px; padding: 0 0 0 19px;}
#tour .entry {border-bottom: 1px solid #35393F; padding: 0 0 10px 0; margin: 0 0 20px 0;}
#tour .last {border:none;}
#tour  h3 {margin:0; padding:0; font-weight:bold; font-size: 100%;}
#tour .by, #lady .by {font-size:95%; color:#838B95; margin: 0 0 14px 0;}
#tour .model, #lady .model {float:left; width:100%; padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #35393f}
#tour .model h2, #lady .model h2 {margin: 0 5px 6px 0; font-size: 135%; font-weight:bold;}
#tour .model img, #lady .model img {float:left;}
#tour .model .desc, #lady .model .desc {float:left;font-size:90%;padding-left:15px;width:230px; line-height:13px;}
#tour .model span.title, #lady .model span.title, #ladylist span.title {color: #838B95;}
#tour a.vtour, #tour a.ssavers {width:200px; display:block; font-weight:bold; text-decoration:none; margin: 0 0 6px 0;  padding: 4px 0 4px 30px; background-repeat:no-repeat; font-size:95%;}
#tour a.vtour:hover, #tour a.ssavers:hover,#tour a.vtour:focus, #tour a.ssavers:focus {text-decoration:underline;}
#tour a.vtour {background-image: url(../images/ico-quicktime.gif);background-position: left center;}
#tour a.ssavers {background-image:url(../images/ico-screensaver.gif);background-position: 2px center;}

/* Common styles */
.filterbox {float:left; width:200px; padding: 0 0 0 85px;}
.filterbox h2 {font-size:140%; margin: 0 0 7px 0}
.filterbox table {width:200px; margin: 10px 0 0 0;}
.filterbox th {font-weight:normal; text-align:left; width:50px;}
.filterbox th, .filterbox td {padding:0 0 4px 0;}
.filterbox select {width:120px;font-size:95%}
.transtop {float:left; width:370px;}

#news .entry {border-bottom:1px solid #35393F; float:left;margin: 0 0 16px 0; padding: 10px 0;width:100%;}
#news .entry .thumbs img {float:left;}
#news .last {border-bottom:none;}
#news .entry .newstext {float:left; width: 562px; padding-left: 10px;}

#frm_contact {width:380px; float:left; }
#frm_contact .lge { width:300px; padding:2px; }
#frm_contact .med { width:210px; padding:2px; }
#frm_contact .sml { width:180px; padding:2px; }
.headerCell { background: #080A0A url(../images/headerCell-bg.gif) repeat-x top left; border-bottom:1px solid #000000; padding:5px 0 0 5px; }
.contactinfo {width:300px; float:right; }
.contactinfo a {text-decoration:underline; color:#FFFFFF}
.contactinfo a:hover {text-decoration:none; color: #FFFFFF; background-color:#000000}

.subscribe {clear:both; width:100%; text-align:center; margin: 20px 0 20px 0; float:left}
.subscribe  img {float:left; margin: 0 2px 2px 0}

#popin h2 {font-size:150%;  margin: 0 0 10px 0;}
#popin th {color: #838B95; text-align:left; font-weight:normal; width:70px;}
#popin-form th {font-weight:normal; text-align:left; width:100px; }
#popin-form th, #popin-form td {padding: 3px 0;}
#popin-form a {color: #fff;}

#footer {height:43px; clear:both;  background: #080A0A url(../images/bg-footer.gif) repeat-x top left; padding: 31px 22px; width:856px; margin:0 26px; font-size: 95%; border-right: 4px solid #000;border-bottom: 4px solid #000;border-left: 4px solid #101114;}

#footer, #footer a {color: #838B95;}
#footer a {text-decoration:underline;}
#footer a:hover, #footer a:focus {text-decoration:none; color: #000000; background-color:#FFFFFF}
#footer .address {width:235px; float:left;}
#footer .links {text-align:center;}
#footer .links ul {float:left; list-style:none; margin:0; padding:0; width:372px;}
#footer .links li {display:inline;}
#footer .logo {float:left; width:200px; vertical-align:top;}
#footer .logo a {background: transparent url(../images/logo-xazz1.gif) no-repeat top right;padding: 12px 2px 12px 0; display:block; width:220px;}
.f_email {color: #838B95; text-decoration:none;}
.f_email:hover {text-decoration:underline;}

.link, .link a {color: #ffffff;}
.link a {text-decoration:underline;}
.link a:hover, .link a:focus {text-decoration:none; color: #FFFFFF; background-color:#482C2C}

.form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color:#CCCCCC;
	line-height: normal;
	padding-left: 10px;
	font-weight: bold;
}

.formlist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccccc;
	background-color:#333333;
	line-height: normal;
	font-weight: normal;
	padding-left: 10px;
}





/*
====================================================================

POPUPS*/

a.pop, a.pop:visited {
color:#333333; 
position:relative; 
z-index:1;
float: left;	padding: 3px; margin: 10px 10px 10px 0px;
border: 1px solid #666;
}

a.pop b {
position:absolute;
visibility:hidden; /* hide the image */
width:600px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:7px solid #E4EDF5; /* add a border */
left:-130px; /* position:the image */
top:-320px;
}
a.pop:hover {
text-decoration:none;
color:#FFFFFF;
background-color:#FF0000 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.pop:hover b {
visibility:visible; /* make the image visible */
height:499px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.pop:hover b img {
border:0; /* remove the link border */
}

/*
====================================================================

POPUPS2*/

a.pop2, a.pop2:visited {
color:#333333; 
position:relative; 
z-index:1;
float: right;	padding: 3px; margin: 10px 0px 10px 10px;
border: 1px solid #666;
}
a.pop2 b {
position:absolute;
visibility:hidden; /* hide the image */
width:600px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:7px solid #E4EDF5; /* add a border */
left:-300px; /* position:the image */
top:-300px;
}
a.pop2:hover {
text-decoration:none;
color:#FFFFFF;
background-color:#FF0000 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.pop2:hover b {
visibility:visible; /* make the image visible */
height:450px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.pop2:hover b img {
border:0; /* remove the link border */
}

/*
====================================================================

POPUPS3*/

a.pop3, a.pop3:visited {
color:#333333; 
position:relative; 
z-index:1;
float: left;	padding: 3px; margin: 10px 10px 10px 0px; 
border: 1px solid #666;
}
a.pop3 b {
position:absolute;
visibility:hidden; /* hide the image */
width:600px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:7px solid #E4EDF5; /* add a border */
left:-130px; /* position:the image */
top:-300px;
}
a.pop3:hover {
text-decoration:none;
color:#FFFFFF;
background-color:#FF0000 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.pop3:hover b {
visibility:visible; /* make the image visible */
height:450px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.pop3:hover b img {
border:0; /* remove the link border */
}


/*
====================================================================

POPUPS4*/

a.pop4, a.pop4:visited {
color:#333333; 
position:relative; 
z-index:1;
float: right;	padding: 3px; margin: 10px 0px 10px 10px;
border: 1px solid #666;
}
a.pop4 b {
position:absolute;
visibility:hidden; /* hide the image */
width:450px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:7px solid #E4EDF5; /* add a border */
left:-300px; /* position:the image */
top:-400px;
}
a.pop4:hover {
text-decoration:none;
color:#FFFFFF;
background-color:#FF0000 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.pop4:hover b {
visibility:visible; /* make the image visible */
height:600px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.pop4:hover b img {
border:0; /* remove the link border */
}