/* CSS Document */

body { background:url(images/bkg.gif); margin:0px; text-align:center; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
html { height:100% }
div.main { width:895px; background-color:#FAE6C3; border-left:solid 5px #FABE58;  border-right:solid 5px #FABE58; text-align:center; margin:auto; }
p {margin:auto; padding-top:10px;}

/*-------------------- header ------------------------------*/
a.header { display:block; }
img.header-left { width:164px; height:177px; border:none; }
img.header { width:507px; height:177px; border:none; }
img.header-right { width: 224px; height:177px; border:none; }

/*-------------------- menu ------------------------------*/
div.menu-container { display:block; border-top:solid 4px #FABE58; border-bottom:solid 4px #FABE58; height:50px;  }
div.menu { display:block; border-top:solid 4px #683B01; border-bottom:solid 4px #683B01; height:42px;  }

a.home:link { display:block; float:left; background-image:url(images/menu/home.jpg); height:42px; width:80px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01; }
a.home:visited { display:block; float:left; background-image:url(images/menu/home.jpg); height:42px; width:80px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01;  }
a.home:active { display:block; float:left; background-image:url(images/menu/home.jpg); height:42px; width:80px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01;  }
a.home:hover { display:block; float:left; background-image:url(images/menu/home_ho.jpg); height:42px; width:80px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01; }

a.about:link { display:block; float:left; background-image:url(images/menu/about.jpg); height:42px; width:166px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01; }
a.about:visited { display:block; float:left; background-image:url(images/menu/about.jpg); height:42px; width:166px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01;  }
a.about:active { display:block; float:left; background-image:url(images/menu/about.jpg); height:42px; width:166px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01;  }
a.about:hover { display:block; float:left; background-image:url(images/menu/about_ho.jpg); height:42px; width:166px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01; }

a.suites:link { display:block; float:left; background-image:url(images/menu/suites.jpg); height:42px; width:88px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01; }
a.suites:visited { display:block; float:left; background-image:url(images/menu/suites.jpg); height:42px; width:88px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01;  }
a.suites:active { display:block; float:left; background-image:url(images/menu/suites.jpg); height:42px; width:88px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01;  }
a.suites:hover { display:block; float:left; background-image:url(images/menu/suites_ho.jpg); height:42px; width:88px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01; }

a.amenities:link { display:block; float:left; background-image:url(images/menu/amenities.jpg); height:42px; width:128px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01; }
a.amenities:visited { display:block; float:left; background-image:url(images/menu/amenities.jpg); height:42px; width:128px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01;  }
a.amenities:active { display:block; float:left; background-image:url(images/menu/amenities.jpg); height:42px; width:128px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01;  }
a.amenities:hover { display:block; float:left; background-image:url(images/menu/amenities_ho.jpg); height:42px; width:128px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01; }

a.menu:link { display:block; float:left; background-image:url(images/menu/menu.jpg); height:42px; width:82px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01; }
a.menu:visited { display:block; float:left; background-image:url(images/menu/menu.jpg); height:42px; width:82px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01;  }
a.menu:active { display:block; float:left; background-image:url(images/menu/menu.jpg); height:42px; width:82px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01;  }
a.menu:hover { display:block; float:left; background-image:url(images/menu/menu_ho.jpg); height:42px; width:82px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01; }

a.faq:link { display:block; float:left; background-image:url(images/menu/faq.jpg); height:42px; width:66px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01; }
a.faq:visited { display:block; float:left; background-image:url(images/menu/faq.jpg); height:42px; width:66px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01;  }
a.faq:active { display:block; float:left; background-image:url(images/menu/faq.jpg); height:42px; width:66px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01;  }
a.faq:hover { display:block; float:left; background-image:url(images/menu/faq_ho.jpg); height:42px; width:66px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01; }

a.cofee:link { display:block; float:left; background-image:url(images/menu/cofee.jpg); height:42px; width:142px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01; }
a.cofee:visited { display:block; float:left; background-image:url(images/menu/cofee.jpg); height:42px; width:142px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01;  }
a.cofee:active { display:block; float:left; background-image:url(images/menu/cofee.jpg); height:42px; width:142px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01;  }
a.cofee:hover { display:block; float:left; background-image:url(images/menu/cofee_ho.jpg); height:42px; width:142px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01; }

a.contact:link { display:block; float:left; background-image:url(images/menu/contact.jpg); height:42px; width:126px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01; }
a.contact:visited { display:block; float:left; background-image:url(images/menu/contact.jpg); height:42px; width:126px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01;  }
a.contact:active { display:block; float:left; background-image:url(images/menu/contact.jpg); height:42px; width:126px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01;  }
a.contact:hover { display:block; float:left; background-image:url(images/menu/contact_ho.jpg); height:42px; width:126px; border-left:solid 1px #ffffff;  border-right:solid 1px #FAAF01; }

/*-------------------- content ------------------------------*/
div.welcome-block { display:block; width:845px; height:232px; margin:auto;}

div.border-top { display:block; width:845px; height:232px; background:url(images/block_border_t.gif) repeat-x;}
div.border-bottom { display:block; width:845px; height:232px; background:url(images/block_border_b.gif) bottom repeat-x;}
div.border-left { display:block; width:845px; height:232px; background:url(images/block_border_l.gif) repeat-y;}
div.border-right { display:block; width:845px; height:232px; background:url(images/block_border_r.gif) right repeat-y;}

div.welcome_lt { display:block; width:845px; height:232px; background:url(images/welcome_tl.jpg) left top no-repeat; }
div.angle_rb { display:block; width:845px; height:232px; background:url(images/angle_rb.jpg) no-repeat right bottom; }
div.angle_rt { display:block; width:845px; height:232px; background:url(images/angle_rt.gif) no-repeat right top; }
div.angle_lb { display:block; width:845px; height:232px; background:url(images/angle_lb.gif) no-repeat left bottom; }

div.welcome-text { /*display:block; position:relative; left:-500px; top:60px;*/ width:350px; height:180px; text-align:left; margin:auto; float: left;}
.specials-btn {width: 135px; float: left; display: block;margin-top: 50px;border: none;}

div.read-more { display:block; text-align:right; padding-right:50px; margin:auto }
a.read-more:link { display:block; background-image:url(images/read_more.gif); height:14px; width:56px}
a.read-more:visited { display:block; background-image:url(images/read_more.gif); height:14px; width:56px}
a.read-more:active { display:block; background-image:url(images/read_more.gif); height:14px; width:56px}
a.read-more:hover { display:block; background-image:url(images/read_more_hover.gif); height:14px; width:56px}


div.onourmenu-block { display:block; width:845px; height:229px; margin:auto;}
div.onourmenu-border { display:block; width:845px; height:229px; background:url(images/onourmenu_border.gif) repeat-x;}
div.onourmenu-left { display:block; width:845px; height:229px; background:url(images/onourmenu_l.jpg) no-repeat left; }
div.onourmenu-right { display:block; width:845px; height:229px; background:url(images/onourmenu_r.jpg) no-repeat right; }
div.onourmenu-text { display:block; position:relative; left:-110px; top:50px; width:500px; height:180px; text-align:left; margin:auto}


div.img-block { display:block; width:845px; height:210px; margin:auto;}

div.amenities-title { display:block; width:845px; background:url(images/amenities_tl.jpg) no-repeat 160px 4px; }
div.border1-right { display:block; width:845px; height:210px; background:url(images/block_border_r.gif) right repeat-y;}
div.border1-top { display:block; width:845px; height:210px; background:url(images/block1_border_t.gif) repeat-x;}
div.border1-left { display:block; width:845px; height:210px; background:url(images/block1_border_l.gif) repeat-y;}
div.border1-bottom { display:block; width:845px; height:210px; background:url(images/block_border_b.gif) bottom repeat-x;}

div.angle1_lt { display:block; width:845px; height:210px; background:url(images/angle1_lt.jpg) left top no-repeat; }
div.angle1_rb { display:block; width:845px; height:210px; background:url(images/angle_rb.jpg) no-repeat right bottom; }
div.angle1_rt { display:block; width:845px; height:210px; background:url(images/angle1_rt.gif) no-repeat right top; }
div.angle1_lb { display:block; width:845px; height:210px; background:url(images/angle1_lb.gif) no-repeat left 179px; }

div.img-container  { display:block; width:770px; height:132px; position:relative; top:45px; left:0px; margin:auto;}

a.amenities-img:link { display:block; height:119px; width:158px; float:left; margin:6px;}
a.amenities-img:visited { display:block; height:119px; width:158px; float:left; margin:6px;}
a.amenities-img:active { display:block; height:119px; width:158px; float:left; margin:6px;}
a.amenities-img:hover { display:block; height:119px; width:158px; float:left; margin:6px;}

div.comment { display:block; text-align:right; width:60px; margin:auto; font-size:11px; color:#9A1218; text-align:center; float:left; padding:6px; }
a.more-amenities:link { display:block; background-image:url(images/more_amenities.gif); height:28px; width:54px; position:relative; top:10px;}
a.more-amenities:visited { display:block; background-image:url(images/more_amenities.gif); height:28px; width:54px; position:relative; top:10px;}
a.more-amenities:active { display:block; background-image:url(images/more_amenities.gif); height:28px; width:54px; position:relative; top:10px;}
a.more-amenities:hover { display:block; background-image:url(images/more_amenities_hover.gif); height:28px; width:54px; position:relative; top:10px;}

a.more-attractions:link { display:block; background-image:url(images/more_attractions.gif); height:28px; width:61px; position:relative; top:10px;}
a.more-attractions:visited { display:block; background-image:url(images/more_attractions.gif); height:28px; width:61px; position:relative; top:10px;}
a.more-attractions:active { display:block; background-image:url(images/more_attractions.gif); height:28px; width:61px; position:relative; top:10px;}
a.more-attractions:hover { display:block; background-image:url(images/more_attractions_hover.gif); height:28px; width:61px; position:relative; top:10px;}

div.attractions-title { display:block; width:845px; background:url(images/attractions_tl.jpg) no-repeat 160px 4px; }

/* -------------------------- footer ------------------------------ */
a.bottom:link { color:#9A1218; font-size:11px; text-decoration:underline;}
a.bottom:visited { color:#9A1218; font-size:11px; text-decoration:underline;}
a.bottom:hover { color:#C08437; font-size:11px; text-decoration:none;}
a.bottom:active { color:#9A1218; font-size:11px; text-decoration:underline;}

.copyright { display:block; text-align:center; margin:auto; font-size:11px; color:#9A1218; text-align:center; padding:8px; }

/* -------------------------- pages ------------------------------ */

div.block { display:block; width:845px; margin:auto; padding:0px;}
div.content { display:block; width:740px; text-align:left; margin:auto; }

.abouttycson-title { display:block; width:845px; background:url(images/abouttycson_tl.jpg) no-repeat 160px 4px; }
.suites-title { display:block; width:845px; background:url(images/suites_tl.jpg) no-repeat 160px 4px; }
.onourmenu-title { display:block; width:845px; background:url(images/onourmenu_tl.jpg) no-repeat 160px 4px; }
.faq-title { display:block; width:845px; background:url(images/faq_tl.jpg) no-repeat 160px 4px; }
.cofeetalk-title { display:block; width:845px; background:url(images/cofeetalk_tl.jpg) no-repeat 160px 4px; }
.contact-title { display:block; width:845px; background:url(images/contact_tl.jpg) no-repeat 160px 4px; }

.frame_angle_lt { display:block; background: url(images/angle_lt.jpg) left top no-repeat; height:92px; width:845px; }
.frame_border_top { display:block; width:845px; background:url(images/block1_border_t.gif) repeat-x;}
.frame_angle_rt { display:block; background: url(images/angle2_rt.gif) right top no-repeat; height:92px; width:845px; margin:auto; }


.frame_angle_rb { display:block; background: url(images/angle1_rb.jpg) right bottom no-repeat; height:87px; width:845px; }
.frame_border_bottom { display:block; width:845px; background:url(images/block2_border_b.gif) bottom repeat-x;}
.frame_angle_lb { display:block; background: url(images/angle2_lb.gif) left top no-repeat; height:87px; }
.frame_body { display:block; background: url(images/frame_border_vert.gif) repeat-y; width:845px; text-align:center;}