﻿
/*
File: master style sheet for Jumeirah Living
Created by: Onya Digital
Date: 12. January 2010
*/

/* Master Reset
-------------------------------------------------------------------------- */
html, body, form, fieldset { margin: 0; padding: 0; font: 12px/160% Arial, Helvetica, sans-serif; }
a img{ border: 0; }

p, pre, blockquote, ul, ol, dl, address { margin: 0 0 15px 0; padding: 0; }
li, dd, blockquote { margin-left: 20px; }
p { font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; line-height: 150%; margin: 0 0 10px; }

form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }

hr{ clear: both; border: 0; width: 100%;  height: 0; text-indent: -9999px; overflow: hidden; margin: 0; padding: 0; }

.hide{ display: none; }
.show{ display:block; }

/* Links
-------------------------------------------------------------------------- */
a, a:link, a:visited { text-decoration: none; color: #786b47; }
a:hover{ color: #786b47; text-decoration:underline; }

/* Headings
-------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6{ font-weight: normal; padding: 0px; line-height: 1; margin: 0px 0px 10px 0px; line-height: 100%;}
h2{ font-size: 22px; text-align: left; }
h3{ font-size: 14px; text-align: left; color:#000000;}
h4{ font-size: 12px; }

/* Main Structure
-------------------------------------------------------------------------- */
body { margin: 0; padding: 0; text-align: center; color: #786b47; background: #fff; font: normal 12px/160% Arial, Helvetica, sans-serif; background: #fff url(../Images/MainBg.jpg) -200px 0px repeat-x;}

#Container { width: 984px; margin: 0px auto; text-align: left; position: relative; overflow:hidden; padding:0px 0px 40px 0px; }

/* Header
-------------------------------------------------------------------------*/
#Header {	width: 984px; position:relative; float:left; overflow:hidden;}
#HomeFlash {width:984px; height:528px; position:relative; float:left; overflow :hidden; background:#fff url(../images/HomeFlash.jpg) 0px 0px no-repeat;}

#InsideHeader {	width: 984px; height:325px; position:relative; float:left; overflow:hidden;}
#InsideHeader .MainLogo {	position:relative; float:left; margin:24px 0px 0px 00px; padding:0px;}
#our-charities #InsideHeader { background:#fff url(../Images/our-charities-header.jpg) 0px 0px no-repeat;}
#brochure #InsideHeader { background:#fff url(../Images/brochure-header.jpg) 0px 0px no-repeat;}
#our-event #InsideHeader { background:#fff url(../Images/event-header.jpg) 0px 0px no-repeat;}
#players #InsideHeader { background:#fff url(../Images/player-header.jpg) 0px 0px no-repeat;}
#our-sponsors #InsideHeader { background:#fff url(../Images/sponsors-header.jpg) 0px 0px no-repeat;}
#image-gallery #InsideHeader { background:#fff url(../Images/sponsors-header.jpg) 0px 0px no-repeat;}
.media-center #InsideHeader { background:#fff url(../Images/media-centre-section.jpg) 0px 0px no-repeat;}

/* Menu 1
-------------------------------------------------------------------------- 
#Menu1{ list-style: none; font: normal 12px Arial, Helvetica, sans-serif;  padding: 0; margin: 0px; text-align: center; width: 430px; height: 40px; position: absolute; top:90px; left:560px; background:#fff; }
*/
#Menu1{ list-style: none; font: normal 12px Arial, Helvetica, sans-serif;  padding: 0; margin: 0px; text-align: right; width: auto; height: 38px; position: relative; float:right; margin:91px 0px 0px 0px;  background:#fff; }
#Menu1 li { float: left; padding: 0; width: auto; margin: 10px 10px 0px 0px; padding: 0; text-align:right;}
#Menu1 a { color: #786b47; text-decoration: none; margin: 0px; padding: 0px; float: left; position: relative; text-transform:uppercase; width:auto;}
#Menu1 li a:hover, #Menu1 li a.current { text-decoration:none ; overflow: hidden; color:#000; }



/*menu2 prasad*/
#Menu2{ list-style: none; font: normal 12px Arial, Helvetica, sans-serif;  padding: 0; margin: 0px; text-align:left; width:150px; height:auto; position: relative; float:left; margin:50px 0px 0px 40px;  background:#fff;  }
#Menu2 li {padding: 0; width: auto; margin: 10px 10px 0px 0px; padding: 0; text-align:left;}
#Menu2 a { color: #786b47; text-decoration: none; margin: 0px; padding: 0px;position: relative; text-transform:uppercase; width:auto;}
#Menu2 li a:hover, #Menu2 li a.current { text-decoration:none ; overflow: hidden; color:#000; }


/* Content
-------------------------------------------------------------------------- */
#HomeMainBox { width: 984px; padding:0px; margin: 0px 0px 0px 0px; position:relative; float:left; background-color:#FFFFFF;}
#HomeContent { width: 590px; padding:0px; margin: 30px 0px 0px 38px; position:relative; float:left; background-color:#FFFFFF;}

#Footer-Sponsors,#FootSponsors { width:984px; margin: 20px 0px 0px; padding:0px; position:relative; float:left;	}	
#Footer-Sponsors .Content,#FootSponsors .Content{/*float:left;*/ margin:0px 38px; border-top: solid 1px #cbc2a6; padding:30px 0px 10px 0px; }
#Footer-Sponsors img,#FootSponsors img { margin:0px 52px 0px 0px; vertical-align:bottom;}

#HomeContent h3{color:#433c29; font-size:15px;}


#Content{ width: 984px; padding:0px; margin: 0px; background:#fff; position:relative; float:left;}
#Box1 { width:620px; position:relative; float:left; margin:30px 0px 0px 0px; padding-left:38px;}
#Box1 p a{text-decoration:underline;}


#Box2 { width:420px; position:relative; float:left; margin:30px 0px 0px 0px; padding-left:38px;}


/*edited by Prasad */
.Box3 { width:430px; position:relative; float:left; margin:30px 0px 0px 0px; padding-left:38px;}
.Box3 p a{text-decoration:underline;}

.Box3 a{text-decoration:none; font-weight:bold; color:Black;}

.Box3 .news h4{color: #766e3f; font-size:12px; font-weight:bold;}

.Box3 .news1 h4{color: #766e3f; font-size:12px; font-weight:bold;}



.Boxnew { width:620px; position:relative; float:left; margin:30px 0px 0px 0px; padding-left:38px;}
.Boxnew p a{text-decoration:underline;}

.Boxnew a{text-decoration:none; font-weight:bold; color:Black;}

.Boxnew.news h4{color: #766e3f; font-size:12px; font-weight:bold;}


.Boxnew .news1 h4{color: #766e3f; font-size:12px; font-weight:bold;}


/*edited by Prasad */



/*
 #FootSponsors{	position:relative; float:left; width:984px; margin:30px 0px 0px 0px; padding:25px 0px 10px 38px; background:#fff url(../Images/Divider.png) 38px 0px no-repeat;}
#FootSponsors img{	margin:0px 15px 0px 0px}
*/
#Footer {	position:relative; float:right;  margin: 5px 0px 0px 0px; padding:0px}
#Footer span {margin: 0px 0px 0px 35px; color:#aca183;font: 11px/160% Arial, Helvetica, sans-serif;}
#Footer .Terms {	margin:0px 10px 0px 0px; color:#aca183;font: 11px/160% Arial, Helvetica, sans-serif;}
#Footer .Privacy {	margin:0px 0px 0px 10px; color:#aca183;font: 11px/160% Arial, Helvetica, sans-serif;}

/* WatchPros
-------------------------------------------------------------------------- */
#WatchPros	{	width:316px; height:317px; margin:30px 0px 0px 0px; position:absolute; right:10px; top:0px; background: #fff url(../Images/WatchProsBg.jpg) 0 0 no-repeat;}
#WatchPros .Dload {	position:absolute; top:180px; left:40px; }

/* DownloadPass
-------------------------------------------------------------------------- */
#DownloadPass {	background: #fff url(../Images/downloadpass.jpg) 0px 0px no-repeat; margin:28px 0px 0px 0px; padding:0px 50px 0px 0px; width:269px; height:258px; position:relative; float:right; vertical-align:top;} 
#DownloadPass .DloadPass {	position:absolute; top:170px; left:29px;}
.Print {	float:right; margin:0px 20px 0px 0px;}


/*Image Gallery */
#ImageGallery {	width:984px; height:400px; text-align:center; position:relative; float:left; margin-top:-70px;margin-left:160px;}


/* css edited by Prasad */
.news
{
    width:680px;
   /* height:auto;*/
   min-height:150px;
   border-bottom-style:solid;
   border-bottom-width:thin;
   margin-bottom:30px;
   border-bottom-color:#c9c4a6;
 
}


.newsImage
{
    width:100px;
    height:100px;
    float:left;
    margin: 0 10px 0 0;
} 

.newsTeaser
{
    width:500px;
    height:auto;
    float:left;
     color: #786b47;
    
}

.newsTeaser a
{
   font-weight:bold;
}


#Box1 a{text-decoration:none; font-weight:bold; color:Black;}

#Box1 .news h4{color: #766e3f; font-size:12px; font-weight:bold;}


#Box1 .news1 h4{color: #766e3f; font-size:12px; font-weight:bold;}



#pressrelease
{
     position:relative;
     float:left;
     margin:0px 15px 10px 0px;
}


#presscontent p
{
   color:Black;
   text-align:left;

    
}

.mediacoverage
{
width:400px;
margin-left:80px;
margin-top:30px;

}

.mediacoverage a
{
display:block;
color:#757539 !important;
font-style:normal;
font-weight:lighter !important;
font-size:12px;
}

.mediabox
{
   width:453px;
   margin-top:23px;
   
   
}

.mediaimg
{
    margin-bottom:40px;
}

.mediabox h2
{
    text-align:center;
    font-size:50px;
    color:#323635;
}


.mediabox h3
{
    text-align:center;
    font-size:20px;
    color:#717171;
    
}

.mediabox p
{
    
    color:#717171;
    
}






