/* ************************* GENERIC ************************ */
body{
width:980px;
margin:0 auto;
font:0.9em/16px Arial, Helvetica, sans-serif;
padding:0 10px;
}
div#wrapper{
margin:0;
padding:0;
width:760px;
float:left;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.hide{
display:none;
}
div#credit{
border-top:1px dotted #ccc;
float:left;
width:960px;
margin-top:20px;
}
/* ************************* MASTHEAD ************************ */
div#masthead{
background:url(images/masthead.jpg) no-repeat;
background-position:bottom;
background-color:#61825e;
color:#fff;
float:left;
padding-top:15px;
padding-bottom:10px;
width:960px;
}
h1{
display:none;
}
div#skip{
display:none;
}
div#login{
margin:0;
float:left;
width:638px;
}
div#login h4{
margin:0 0 10px;
font-size:1.2em;
text-align:right;
}
div#login h4 a{
color:#00b9f2;
}
div#login p{
margin:0 0 4px;
font-size:0.9em;
text-align:right;
}
div#login a{
color:#fff;
}
div#testimonial{
float:left;
width:296px;
margin-left:26px;
}
.quote{
color:#c4df9b;
margin:0;
font-size:1em;
line-height:18px;
margin-right:4px;
font-size:0.9em;
}
.quoter{
font-size:0.8em;
margin:4px 0;
}
div#testimonial a{
color:#c4df9b;
font-size:0.8em;
text-decoration:underline;
}
/* ************************* NAVIGATION ************************ */
ul#navigation{
/* ie 5.2Mac ignores the following rule
/* \*/ clear:both; /* */
margin:0;
padding:0 0 20px 0;
float:left;
background:url(images/menubase.gif) no-repeat;
background-position:bottom;
width:960px;
}
ul#navigation a{
color:#002d26;
}
ul#navigation li{
float:left;
list-style-type:none;
margin:12px 0 8px;
border-right:1px solid #c4df9b;
/* ie 5.2Mac ignores the following rule
/* \*/ display: block; /* */
padding:0 12px;
}
ul#navigation li.last{
border:0;
}
/* ****************************** PROPOSITION & NEWS ************************* */
div.lock{
width:960px;
float:left;
/* ie 5.2Mac ignores the following rule
/* \*/ clear:both; /* */
}
/* ****************************** PROPOSITION ************************* */
div#proposition{
background:url(images/proposition.gif) no-repeat;
background-position:bottom;
background-color:#e0932f;
width:623px;
margin:0 10px 0 0;
padding:0 15px 10px;
float:left;
color:#fff;
}
div#proposition p{
margin:0;
font-size:1.2em;
line-height:22px;
}
div#proposition a{
color:#fff;
text-decoration:underline;
}
.smaller{
font-size:0.8em;
}
/* ****************************** NEWS ************************* */
div#news{
background:url(images/news.gif) no-repeat;
background-position:bottom;
background-color:#68b7ef;
width:277px;
padding:0 10px;
float:left;
color:#fff;
font-size:0.9em;
}
div#news h4{
font-size:1.2em;
margin-top:0;
margin-bottom:6px;
padding-top:0;
line-height:12px;
}
div#news ul{
margin:0;
padding:0 0 12px;
}
div#news li{
list-style-type:none;
margin-bottom:0;
}
div#news a{
color:#fff;
font-weight:bold;
}
/* ****************************** SUB MENU ************************* */
div#submenu{
float:left;
width:250px;
margin-top:10px;
}
div#submenu a{
color:#004b44;
}
div#submenu ul{
margin:0;
padding:0;
}
div#submenu li{
list-style-type:none;
width:250px;
margin-bottom:10px;
}
div#submenu li p{
font-size:0.9em;
margin:0;
}
div#submenu h4{
margin:0 0 4px;
font-size:1.2em;
}
div#submenu li#submenu1{
background:url(images/submenu1.jpg) no-repeat;
background-position:bottom;
padding:12px 0 40px 62px;
width:188px;
}
div#submenu li#submenu2{
background:url(images/submenu2.jpg) no-repeat;
background-position:bottom;
padding:16px 80px 50px 16px;
width:154px;
}
div#submenu li#submenu3{
background:url(images/submenu3.jpg) no-repeat;
background-position:bottom;
padding:10px 0 50px 90px;
width:160px;
}
/* ****************************** MAIN STORY & SUB STORY ************************* */
div#content{
width:394px;
float:left;
margin-left:10px;
}
div#mainstory{
background:url(images/mainstory.gif) no-repeat;
width:234px;
padding:10px 10px 25px 150px;
}
div#mainstory h2{
color:#f7941d;
font-size:1.2em;
line-height:18px;
margin-bottom:6px;
margin-top:10px;
}
div#mainstory p{
color:#8aa86a;
font-size:0.9em;
margin:0;
}
div#substory{
background:url(images/substory.jpg) no-repeat;
width:180px;
padding:34px 214px 50px 0;
color:#004b44;
}
div#substory h3{
font-size:1em;
margin-bottom:4px;
margin-top:0;
}
div#substory p{
font-size:0.9em;
margin-top:0;
}
/* ****************************** PRODUCT MENU ************************* */
div#productmenu{
background:url(images/products.gif) no-repeat;
width:281px;
margin-left:5px;
float:left;
padding:4px 10px 0;
}
div#productmenu ul{
margin:30px 0 0 2px;
padding:0;
}
div#productmenu li{
list-style-type:none;
margin:0 0 8px;
}
div#productmenu h3{
color:#f7941d;
margin:24px 8px 14px 72px;
line-height:18px;
font-size:1.2em;
}
div#productmenu h3 a{
color:#f7941d;
}
div#productmenu h4 {
margin:0 0 3px;
font-size:1em;
}
div#productmenu h4 a{
color:#004b44;
}
div#productmenu p{
color:#8aa86a;
font-size:0.9em;
margin:0 0 6px;
}
div#productmenu p a{
color:#8aa86a;
text-decoration:underline;
}
/* ****************************** HOSPITALITY ************************* */
div#hospitality{
background:url(images/hospitality.jpg) no-repeat;
background-position:bottom;
float:left;
width:960px;
padding:6px 0 40px;
}
div#hospitality_intro{
width:288px;
padding:0 10px;
float:left;
}
div#hospitality_intro a{
font-size:0.9em;
}
div#hospitality_intro h3{
color:#004b44;
font-weight:normal;
font-size:1.1em;
margin:0 0 4px;
}
div#hospitality_intro p{
color:#626262;
margin:0;
font-size:0.9em;
}
div#hospitality_list{
float:left;
width:554px;
padding-left:98px;
}
div#hospitality_list ul{
margin:0;
padding:0;
}
div#hospitality_list ul li{
list-style-type:none;
float:left;
width:120px;
color:#626262;
}
div#hospitality_list ul li h4{
margin:0 0 4px;
font-size:1em;
}
div#hospitality_list ul li p{
margin:0;
font-size:0.8em;
line-height:12px;
}
div#hospitality a{
color:#004b44;
}
li#hospitality_clubs{
margin-left:110px;
}
li#hospitality_restaurants{
margin-left:72px;
}
/* ****************************** CONTACT DETAILS ************************* */
div#contact{
clear:both;
width:960px;
}
div#contact p{
text-align:center;
padding-top:6px;
color:#626262;
}
.space{
margin-right:10px;
}
div#contact a{
color:#626262;
}