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

	Cascading Style Sheet for the Luxury-Rentals-Dubai website pages.
	Created by: Pixel Design Studio
	Visit: http://www.pixeldesignstudio.co.uk
	Copyright 2008 Pixel Design Studio.

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

/* REDEFINED HTML TAGS */
body {
padding:0px;
margin:20px;
height:100%;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
background:#282727;
}

p {
margin:0px;
padding:10px 0px;
}

td {
vertical-align:top;
color: #000000;
font-size:12px;
text-align:left;
font-weight:normal;
text-decoration:none;
line-height: 16px;
background:#fff;
}

img {border:0px;
}

a {color: #FF9900;
	text-decoration:none
}
a:hover{ 
color:#FF9900;
}

small-image {top:0px;
}

/*** TOP HEADER***/
#header{
position:absolute;
width:749px;
background-color:#282727;
height:193px;
left:28px;
top:56px;
}
#header_top{
position:relative;
width:803px;
background-image:url(../images/top.gif);
height:56px
}
#hl{
background-image:url(../images/Welcome.gif);
background-position:30px 25px;
background-repeat: no-repeat;
height:20px;
}
#hl h1{
height:0px;
overflow:hidden;
}
#h2{
background-image:url(../images/admin.gif);
background-position:30px 25px;
background-repeat: no-repeat;
}
#header_left{
position:relative;
width:28px;
background-image:url(../images/top-left-step.gif);
height:193px;
}
#header_right{
position:absolute;
width:26px;
background-image:url(../images/top-right-step.gif); 
height:193px; 
left:749px; 
top:0px;
}
#header-image-holder{
position:absolute;
width:85px;
height:164px; 
left:269px;
top:0px;
}
#header-main-image{
position:absolute;
width:390px;
height:164px;
left:360px; 
top:0px;
}

/* PAGE NAVIGATION */
#navigation {
	background-image: url(../images/menu-back-step.gif);
	position:absolute;
	top:174px;
	left:18px;
	width:711px;
	height:20px;
	background-repeat: repeat-x;	
	background-position: top;
}
#navigationbar ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
#navigationbar ul li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}
#navigationbar ul li a:link, #navigationbar ul li a:visited {
	text-decoration: none;
	color: #FFFFFF;
	padding: 3px 9px 5px 9px;
	border-left: 1px solid #423f3f;
	display: block;
}
#navigationbar ul li.last a:link, #navigationbar ul li.last a:visited {
	text-decoration: none;
	color: #FFFFFF;
	padding: 3px 9px 5px 9px;
	border-right: 1px solid #423f3f;
	display: block;
}
#navigationbar ul li a:active, #navigationbar ul li.last a:active {
padding:4px 9px 5px 9px;
text-decoration:underline;
}
#navigationbar ul li a:hover, #navigationbar ul li.last a:hover {
padding:4px 9px 5px 9px;
}
/* standard layout id's */
#container {
	position:relative;
	width:803px;
	margin:0 auto;
	}
#sub-container {
	width:803px;
	height:44px;
}
#sub-container-left {
	width:44px;
	background:url(../images/header-bl-corner.gif) no-repeat 0 0; 
	height:44px;
	float:left;
}
#sub-container-right {
	width:44px;
	background:url(../images/header-br-corner.gif) no-repeat 0 0;
	height:44px;
	float:left;
}
#sub-container-step {
	background:url(../images/header-b-step.gif) repeat-x 0 0; 
	height:44px; 
	width:715px;
	float:left;
}
table.mainTable {
	float:left;
	width:803px;
	background:#fff;
	}
#main-left-step {
	background:url(../images/main-left-step.gif) repeat-y 0 0;
	width:59px;
}
#main-right-step {
	background:url(../images/main-right-step.gif) repeat-y 0 0;
	width:60px;
}
#main {
	position :absolute;
	width:466px;
	color:#FFFFFF;
	left:61px;
	top: 44px;
	height: 100%;
}  
#right-column {
position :absolute;
width:177px;
color:#FFFFFF;
left:571px;
top:45px;
}
.centre-column {
background-image:url(../images/column-step.gif);
background-repeat:repeat-y;
}
.left-hold {
background-image:url(../images/scb-l.gif);
width:59px;
height:17px;
float:left;
}
.right-hold {
background-image:url(../images/scb-r.gif);
width:60px;
height:17px;
float:right;
}
#sub-cont-bot {
	width:100%;
	background-color:#282727;
	height:17px;
	float:left;
}
/* PAGE FOOTER */
#footer {
height:48px;
}
#footer-left {
	float:left;
	background-image:url(../images/corner-bl.gif);
	width:20px;
	height:60px;
}
#footer-right {
	float:right;
	background-image:url(../images/corner-br.gif);
	width:20px;
	height:60px;
}
#footer-content {
	width:763px;
	float:left;
	background:#fff url(../images/corner-bot.gif) repeat-x left bottom;
	height:51px;
	padding-top:8px;
}
.new-listing {
position:relative;
height:110px;
}
#details {
position:absolute;
float:left;
width:72%;
left:5px;
}
.images-holder {
	position:absolute;
	right:0px;
	top:0px;
}
.villa-listing {
position:relative;
height:200px;
}
#villa-details {
	position:absolute;
	table-layout:auto;
	float:left;
	width:68%;
	height: 186px;
	left: 0px;
}
.villa-images-holder {
	position:absolute;
	right:0px;
	top:0px
}
.events-images-holder {
	position:absolute;
	vertical-align:middle;	
	width:150px;
	height:150px;
	right:0px;
	top:0px
}
.events-listing {
position:relative;
height:150px;
}
#vip-services {
	height:434px;
	width: 500px;
	float:left;
}
#vip-images-holder {
	vertical-align:middle;
	width:150px;
	height:150px;
	float:left;
	padding-left:15px;
}
#advertising {
position:absolute; 
padding:10px;
}
#advertising img{
padding:0 0 15px 0;
}
.homedetails p {
	width:72%;
}
.carousel { background:url(../images/logos-back.gif) repeat-y 0 0; width:693px; padding:0 60px 15px 60px; height:140px; overflow:hidden !important; margin:0;}
.jCarousel { width:663px !important; margin:0;}
.jCarousel ul { list-style:none; padding:0; margin:0;}
.jCarousel ul li { float:left; padding:0 45px; margin:0;}