@import "reset.css";

body {font-family: Trebuchet MS, Verdana, Arial; font-size: 85%; color: #333333;}
h1 {display:none;}
h2 {color:#000033;font-size: 133%; font-weight: bold;margin: 3px 0px 3px 2px;}
h2 a {color:#000033; text-decoration: none;}
em { font-style: italic; }

.thanks {color:#ff9933; font-weight: bold; font-style: italic; font-size: 110%;}

#container{width: 1000px; margin: 0 auto;border-left: solid 1px #333;border-right: solid 1px #333;}

/* homepage */
.mast {background: url(../images/top_tile.jpg) repeat-x top left; width: 920px; height: 370px;padding: 0 40px 0 40px;}
.mast p {color: #003366; font-size: 110%; font-weight: bold;display:block; float: left; line-height: 2em;}
.mast a {display:block; float: right;}
.mid {background: #D1BC9F url(../images/bottom_tile.jpg) repeat-x top left; width: 970px; height: 415px; padding: 0 0 0 30px;border-bottom: solid 20px #2B5A90;}
#panels {width: 904px; height: 299px; padding-top: 35px; padding-left: 35px; background: url(../images/home_content_bg.jpg) no-repeat;}
.panel, .panel_first {width: 251px; height: auto;float: left;}
.panel {margin-left: 57px;}
.panel p, .panel_first p {margin-top: 3px;font-size: 85%;display:block;width: auto; height: 55px;}
.panel .readmore, .panel_first .readmore {color:#FF9934;font-size: 85%;margin-left: 185px;margin-top: -4px;display:block;}

/* content pages */
.content {width: 969px;padding-left:31px;background: #D1BC9F url(../images/bottom_tile.jpg) repeat-x top left;/*padding-bottom: 23px;border-bottom: solid 20px #2B5A90;*/}
.content-inner{background: #2F78AB url(../images/blue_repeat.jpg) repeat-x top left;width: 938px;height:auto;}
.copy {width: 866px;margin: 0 13px 0 13px;padding: 0 20px 0 20px; background: #E5E5E5 url(../images/grey_repeat.jpg) repeat-x top left;height:auto;}
.copy h2 {margin-top: 0;}
.copy h3 {color:#FF9934; font-weight: bold; margin-top: 30px;}
.copy .facilities {color:#FF9934; font-weight: bold;margin-top:5px;}
.copy p {margin-top: 10px;}
.copy ol {margin: 10px 0 0 15px;}
.copy li { list-style: disc;}
.copy a {color:#FF9934; text-decoration: none;}
.copy a:hover {text-decoration: underline;}

/* nav */

#nav li {display: inline;}
#nav a {font-weight: bold; text-decoration: none;display:block;float:left;padding-top: 10px;}
#nav a:hover {color: #ff9933; font-weight: bold; text-decoration: none;display:block;float:left;}
.li_home, .li_home_on {color: #333333; width: 74px; height: 23px; padding-left: 60px; background: url(../images/nav/nav_01.jpg) no-repeat;}
.li_home_on {background: url(../images/nav/nav_over_01.jpg) no-repeat;color: #ff9933;}
.li_boat, .li_boat_on {color: #333333; width: 88px; height: 23px; padding-left: 19px; background: url(../images/nav/nav_02.jpg) no-repeat;}
.li_boat_on {background: url(../images/nav/nav_over_02.jpg) no-repeat;color: #ff9933;}
.li_bermagui, .li_bermagui_on {color: #333333; width: 96px; height: 23px;padding-left: 25px; background: url(../images/nav/nav_03.jpg) no-repeat;}
.li_bermagui_on {background: url(../images/nav/nav_over_03.jpg) no-repeat;color: #ff9933;}
.li_seasons, .li_seasons_on {color: #333333; width: 114px; height: 23px;padding-left: 25px; background: url(../images/nav/nav_04.jpg) no-repeat;}
.li_seasons_on {background: url(../images/nav/nav_over_04.jpg) no-repeat;color: #ff9933;}
.li_rates, .li_rates_on {color: #333333; width: 153px; height: 23px;padding-left: 30px; background: url(../images/nav/nav_05.jpg) no-repeat;}
.li_rates_on {background: url(../images/nav/nav_over_05.jpg) no-repeat;color: #ff9933;}
.li_accomodation, .li_accomodation_on {color: #333333; width: 132px; height: 23px;padding-left: 23px; background: url(../images/nav/nav_06.jpg) no-repeat;}
.li_accomodation_on {background: url(../images/nav/nav_over_06.jpg) no-repeat;color: #ff9933;}
.li_contact, .li_contact_on {color: #333333; width: 143px; height: 23px;padding-left: 18px; background: url(../images/nav/nav_07.jpg) no-repeat;}
.li_contact_on {background: url(../images/nav/nav_over_07.jpg) no-repeat;color: #ff9933;}

#footer{width: 1000px; height: 20px; margin: 0 auto; text-align: center;padding-top: 10px;font-size: 80%;}
#footer a {color: #333333;}

/* contact us */
.formpacket {width: 600px; margin-top: 15px;}
.formpacket label {display:block; width: 150px;margin-bottom:3px;color:#FF9934;}