/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
.hidethis{
display:none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a{
text-decoration:none;
}
h1, h2, h3{
padding:20px;
}
h1{
color:#4790d2;
line-height:1em;
font-size:2.5em;
font-weight:bold;
text-transform:uppercase;
padding:20px 20px 10px 20px;
}
p a{
color:#0660ae;
border-bottom:1px dotted #4790d2;
}
p a:hover{
border-bottom:2px solid #4790d2;
}
h2{
color:#ed2329;
font-size:1.4em;
text-transform:uppercase;
}
span.credits{
font-style:italic;
display:block;
float:right;
}
span.credits a{
color:#ffdf7a;
}
/********************/
h1.welcome, h1.rental, h1.about, h1.contact{
width:450px;
height:49px;
padding:0;
margin:10px 20px;
background:url(images/welcome.png) top left no-repeat;
text-indent:-999999px;
}
h1.rental{
background-image:url(images/rental.png);
height:58px;
}
h1.about{
background-image:url(images/about.png);
}
h1.contact{
background-image:url(images/contact.png);
}
/********************/
p{
padding:10px 20px;
line-height:1.6em;
font-size:1.2em;
}
em.brand{
color:#0f4779;
font-weight:bold;
font-style:normal;
}
.more{
padding:20px;
background-image:url(images/more.png);
background-position:right center;
background-repeat:no-repeat;
font-size:1.2em;
color:#1360a4;
font-weight:bold;
}
.clearboth{
clear:both;
}
body{
background-color:#0358a6;font-family:Arial, Helvetica, sans-serif;font-size:72.5%;color:#333;text-align:center;
}
body{
background-image:url(images/bg2.jpg);
background-repeat:no-repeat;
background-position:top center;
}
#wrapper {
text-align: left;
margin: 0px auto;
border:0;
width: 960px;
}
/* Content Layout */
#mast{
width:960px;
height:324px;
}
#menu{
width:960px;
height:37px;
}
#content{
width:960px;
min-height:430px;
}
#content.folio{
background-color:#333;
background-image:url(images/instruc.gif);
background-position:right top;
background-repeat:no-repeat;
}
#mainContent{
width:547px;
float:left;
padding-top:20px;
}
#b-wrap{
width:410px;
float:right;
}
#footer{
width:960px;
padding:20px 0px;
}
#footer.longpage, #footer.portfolio{
background-image:url(images/bg-foot.png);
background-position:top left;
background-repeat:no-repeat;
}
#footer.portfolio{
background-image:url(images/bg-footp.png);
}
/* mast */
#mast{
background-image:url(images/mast.jpg);
background-repeat:no-repeat;
background-position:top left;
position:relative;
}
#mast span.tagline{
text-indent: -999999px;
display:block
}
/* menu */
#menu{
background-image:url(images/menu_bg.png);
background-repeat:repeat-x;
background-position:top left;
position:relative;
}
#menu li{
display:block;
float:left;
padding:0 20px;
background:url(images/menu-brdr.png) top right no-repeat;
height:37px
}
#menu li.last, #menu li.quoteme{
background:none;
}
#menu li.quoteme{
float:right;
}
#menu li.quoteme:hover{
background:none;
}
#menu li.quoteme a{
width:87px;
height:27px;
display:block;
background-image:url(images/quoteme.png);
background-repeat:no-repeat;
background-position:top left;
text-indent: -999999px;
margin-top:5px;
}
#menu li a{
color:#0d68af;
text-transform:capitalize;
line-height:37px;
}
#menu li:hover{
background:url(images/selected.png) top center no-repeat;
}
#menu li a:hover{
color:#063b6b;
}
body#home #menu li.home, body#about #menu li.about, body#pfolio #menu li.pfolio, body#rental #menu li.rental, body#contact #menu li.contact{
background:url(images/selected.png) top center no-repeat;
}
/* content */
#content{
background-image:url(images/content-bg.png);
background-repeat:repeat-x;
background-position:top left;
background-color:#fff;
}
#content.longpage{
background-image:url(images/bg-x.jpg);
background-repeat:repeat-x;
background-position:top left;
background-color:#93bee5;
padding-bottom:20px;
}
#billboard{
width:378px;
height:275px;
float:right;
position:relative;
top:40px;
right:20px;
background-image:url(images/billboard.png);
background-repeat:no-repeat;
background-position:top left;
}
#billboard.cform{
background-image:url(images/form-bg.png);
}
#billboard span{
position:relative;
top:230px;
left:40px;
color:#4790d2;
font-size:1.2em;
}
#billboard span a{
color:#fec40d;
font-weight:bold;
}
#billboard p{
color:#fec40d;
font-size:1em;
line-height:1.4em;
padding:20px;
}
div.shadow{
clear:right;
width:402px;
height:55px;
position:relative;
top:40px;
background-image:url(images/shaddow.png);
background-repeat:no-repeat;
background-position:top left;
}
/* slider */
div.desc{
position:absolute;
float:right;
width:500px;
background-color:#111;
z-index:20;
left:20px;
}
.d1{
top:375px;
}
.d2{
top:1035px;
}
.d3{
top:1655px;
}
.d4{
top:2275px;
}
.d5{
top:2895px;
}
.d6{
top:3515px;
}
div.desc h3{
color:#ccc;
font-size:1.6em;
line-height:1.8em;
padding:5px 20px;
}
div.desc p{
line-height:1.4em;
color:#999999;
font-size:1em;
}
#slider{
background-image:url(images/slider-bg.png);
background-repeat:no-repeat;
background-position:top left;
width:960px;
height:227px;
overflow:hidden;
}
img.t-model{
padding:20px 0 0 20px;
float:left;
}
#sliderWrap div.model-details{
float:right;
width:470px;
margin-right:40px;
padding-top:20px;
}
#slider h3{
padding:0 0 20px 0;
font-size:1.8em;
text-transform:uppercase;
}
#slider span{
line-height:1.6em;
font-size:1em;
color:#053158;
}
a.mnav-left, a.mnav-right{
background-image:url(images/mnav-arrows.png);
background-repeat:no-repeat;
display:block;
width:13px;
height:15px;
top:180px;
z-index:10;
position:absolute;
}
a.mnav-left{
right:60px;
}
a.mnav-right{
background-position:-20px 0;
right:40px;
}
a.mnav-right:hover{
background-position:-20px -18px;
}
a.mnav-left:hover{
background-position:0px -18px;
}
/* footer */
span.copy{
color:#fff;
padding-left:20px;
}
/* Scrollable */
#sliderWrap{
position:relative;
width:960px;
}
.scrollable .items {
/* this cannot be too large */
width:2000000em;
position:absolute;
}
.scrollable {
/* required settings */
position:relative;
width:960px;
height:227px;
overflow:hidden;
}
.items div{
width:960px;
height:227px;
float:left;
}
#addy{
padding:10px 20px;
}
.hilite{
color:#0c66b2;
}
#mainlist{
padding:10px 40px;
list-style-type:circle;
}
#mainlist li{
padding:10px 0;
font-size:1.2em;
color:#063b6b;
line-height:1.2em;
}
div.features{
margin:20px 40px;
padding:20px;
background:url(images/list-bg.png) bottom left repeat-x #4087c7;
/* CSS3 tweaks for modern browsers */
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.features ul{
padding:0 20px;
}
div.features li{
font-size:1.2em;
color:#fff;
padding:5px;
line-height:1.2em;
list-style-type:disc;
}
div.features h3{
font-size:1.4em;
line-height:1.4em;
color:#fff;
padding:10px 0;
font-weight:bold;
color:#fec40d;
}
a.btt{
display:block;
width:85px;
height:43px;
background:url(images/top.png) top left no-repeat;
position:relative;
left:850px;
cursor:pointer;
}
a.btt:hover{
background-image:url(images/top-over.png);
}
a.logo{
display:block;
position:absolute;
width:200px;
height:200px;
top:50px;
left:60px;
}
div.features li.roomtype{
list-style:none;
display:block;
padding:5px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background-color:#2a557b;
color:#fff;
font-weight:bold;
margin:5px 0 5px -20px;
}
.hilite{
margin-top:20px;
padding:10px 20px;
/*background-color:#370770;*/
color:#0e4678;
font-size:1.4em;
text-transform:uppercase;
letter-spacing:.15em;
display:block;
}
em.tollfree{
font-weight:bold;
font-size:1.6em;
}
a.email{
color:#0e4678;
font-weight:bold;
text-decoration:underline;
}
div.sent{display:block;position:absolute;top:-25px;color:#ff0000;font-size:1.2em;font-weight:bold;border:1px solid #ff0000;padding:2px}