/*--------------------------------------- Typography Style Sheet ---------------------------------------*/ /* Header ---------------------------------------*/ #header h1 {background: url(../images/generic/logo.gif) no-repeat left top; text-indent: -5000px; width: 118px; height: 127px; margin: 20px 0 0 20px} #homeLogo {background: url(../images/generic/logo.gif) no-repeat left top; text-indent: -5000px; width: 118px; height: 127px; margin: 20px 0 0 20px; padding: 0px} #header h2 { color:#259EA8; font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 1.2em} #header p {font-size: 1.2em; color:#9AC5CC;} #header a {color:#9AC5CC; text-decoration:none;} #header a:hover {color:#9AC5CC; text-decoration:underline;} /* Main navigation ---------------------------------------*/ #mainNav ul { list-style: none;} #mainNav li {float: left; width:} #mainNav li a {float: left; text-indent: -50000px; outline:none; } #mainNav .home a {width: 80px; height:20px; background:url(../images/nav/home.jpg) no-repeat top left;} #mainNav .about a {width: 80px; height:20px; background:url(../images/nav/about.jpg) no-repeat top left;} #mainNav .yacht a {width: 80px; height:20px; background:url(../images/nav/yacht.jpg) no-repeat top left;} #mainNav .day a {width: 80px; height:20px; background:url(../images/nav/day.jpg) no-repeat top left;} #mainNav .prov a {width: 80px; height:20px; background:url(../images/nav/prov.jpg) no-repeat top left;} #mainNav .catering a {width: 80px; height:20px; background:url(../images/nav/catering.jpg) no-repeat top left;} #mainNav .rates a {width: 80px; height:20px; background:url(../images/nav/rates.jpg) no-repeat top left;} #mainNav .enquire a {width: 80px; height:20px; background:url(../images/nav/enquire.jpg) no-repeat top left;} #mainNav .flights a {width: 80px; height:20px; background:url(../images/nav/flights.jpg) no-repeat top left;} #mainNav .rya a {width: 80px; height:20px; background:url(../images/nav/rya.jpg) no-repeat top left;} #mainNav .adriatic a {width: 80px; height:20px; background:url(../images/nav/adriatic.jpg) no-repeat top left;} #mainNav .contact a {width: 81px; height:20px; background:url(../images/nav/contact.jpg) no-repeat top left;} #mainNav a:hover {background-position:left bottom;} #mainNav .in {background-position:left bottom!Important;} /* Homepage / content ---------------------------------------*/ .homePanel h2 { font-family:Arial, Helvetica, sans-serif; font-size: 1.5em!Important; font-weight:bold; color:#9AC5CE; line-height: 24px} .headingUnderline { border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #259EA7; height: 2.2em; margin: 0 0 10px 0} .darkBlue {color:#259EA9} .homePanel p { font-size: .8em; color:#414042} .hImagePad {padding: 0 0 8px 0} .findOutmore a {background:url(../images/buttons/FindOutMore.jpg) no-repeat left top; width: 233px; height: 20px; text-indent: -5000px; display:block;} .findOutmore a:hover { background-position:left bottom;} .requestBox H3 {font-size: 1.2em; color:#FFFFFF; font-weight:bold; padding: 0; font-family:Arial, Helvetica, sans-serif} .emailBox h3 {font-size: 1.2em; color:#259EA9; font-weight:bold; padding: 0 0 3px 0; font-family:Arial, Helvetica, sans-serif; } .blueBox h3 {font-size: 1.2em; color:#259EA9; font-weight:bold; padding: 0 0 3px 0; font-family:Arial, Helvetica, sans-serif; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #259EA7; margin: 0 0 10px 0} .blueBox a { color:#259EA9!Important; text-decoration:underline!Important} .blueBox a:hover {color:#000000!Important; text-decoration:underline!Important} .go a { width:233px; height:56px; background:url(../images/buttons/go.gif) no-repeat left top; text-indent: -5000px; display: block} .go a:hover {background-position:left bottom;} .blodBlue {font-weight:bold; color:#259EA7!Important} .conPanel p { font-size: .8em; color:#414042} .grey {color:#414042!Important} .conPanel h1 { font-family:Arial, Helvetica, sans-serif; font-size: 1.5em!Important; font-weight:bold; color:#9AC5CE; line-height: 24px} .conPanel h2 { font-size: .9em; color:#259EA9!Important; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} .table {font-size: .9em;!Important; margin: 20px 0; padding: 2px; border: 1px solid #259EA7;} .table p {padding: 0!Important} .table td, th {padding: 8px} .table th p {color:#FFFFFF!Important} .tableLight{ background-color: #F2F8F9; } .tableDark{ background:#EAF2F4} .tableRDark{background:#259EA7} /* footer ---------------------------------------*/ .footerBot p {font-size: .6em; color:#414042; padding:0; margin: 0} .footerBot a {color:#414042!Important; text-decoration:underline!Important} .footerBot a:hover {color:#000000!Important; text-decoration:underline!Important} .footerTop p {font-size: .9em; color:#259EA8; padding:30px 0 5px 0; margin: 0 190px 8px 190px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #259EA8;} .footerTop a {color:#259EA8!Important; text-decoration:underline!Important} .footerTop a:hover {color:#000000!Important; text-decoration:underline!Important} /* Form ---------------------------------------*/ legend {display:none} .emailBox fieldset {border:0; background: url(../images/generic/form_bg.gif) no-repeat left top; margin: 6px 0 0 0} .emailBox label {display: none;} .emailBox input.frm_email {width: 167px; border: 0; padding: 2px; color:#414042; background:#FFFFff; font-size: .8em; float:left; margin: 12px 10px 12px 10px } .emailBox input.submit {float:left; padding: 8px 0 0 0} .red {color: #FF0000!Important} .enquireForm fieldset {border: 1px solid #259EA7; padding: 20px; margin: 10px 0 40px 0} .enquireForm input {color:#414042; padding: 3px; font-size: .8em!Important; color:#414042;} .enquireForm textarea {color:#414042; padding: 3px; font-size: .8em!Important; color:#414042; font-family:Arial, Helvetica, sans-serif;} .enquireForm select {padding: 3px;} .enquireFormPad td {padding: 0 0 5px 0;} .enquireFormh2 {margin: 30px 0 10px 0!Important} .enquireFormNoPad p {padding: 0 0 5px 0!Important} .formNoPad {margin: 0 0 10px 0!Important} /* Feed ---------------------------------------*/ .feed a {text-decoration: none!Important} .feed h3 {font-size: 1em!Important;} .feed p {padding: 0 0 5px 0!Important;} .small {font-size: .7em!Important; font-style:italic}