/*----------------------------------------------------------------------------- Screen Style Sheet Author: Dinkum Web Solutions Email: info@dinkumweb.com.au Project: Beachlander Holiday Apartments http://www.beachlander.com.au Version: 1.0 -----------------------------------------------------------------------------*/ /* ---IMPORTANT -------------------------------------------------------------- This design is not a template. You may not reproduce it elsewhere without the designer's written permission. However, feel free to study the CSS and use techniques you learn from it elsewhere. ---------------------------------------------------------------------------*/ /* =CSS reset ------------------------------- -----------------------------------------------------------------------------*/ * { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 0; } li, dd { margin: 0; } fieldset { padding: .5em; } select option { padding: 0 5px; } ul, li { list-style: none; } .hide { display: none; } .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; width: 0; height: 0; font-size: 0; overflow: hidden; } a img, img { border: none; } /* =General (usage throughout the entire site) ------------------------------- -----------------------------------------------------------------------------*/ body { background: #ddb077 url(../images/image-bgBody.jpg) no-repeat scroll; } /* =Typography (Global) ------------------------------------------------------ -----------------------------------------------------------------------------*/ body { font: 62.5%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0; } p { font: 1.4em/1.4 Arial, Helvetica, sans-serif; color: #333; margin: 0; padding: 10px 25px 5px 25px; } #footer_menu p { font: 1.1em/1.1 Verdana, Arial, Helvetica, sans-serif; color: #ffffff; margin: 0; padding: 40px 10px 0 10px; text-align: right; } #copyright_left p { font: 1.2em/1.5 Arial, Helvetica, sans-serif; color: #000; margin: 0; padding: 0 0 0 20px; } h1 { font: bold 1.9em/1.9 Arial, Helvetica, sans-serif; color: #0821aa; margin: 0; padding: 15px 0 10px 0; } h2 { font: bold 1.8em/1.8 Arial, Helvetica, sans-serif; color: #6496c8; margin: 0; padding: 15px 25px 10px 25px; } h3 { font: bold 1.7em/1.7 Arial, Helvetica, sans-serif; color: #6496c8; margin: 0; padding: 15px 25px 3px 25px; } .listAccessibility li { font: 1.2em/1.3 Arial, Helvetica, sans-serif; color: #000000; margin: 5px 50px 0 50px; padding: 0; list-style: disc; } #listNumber li { font: 1.4em/1.4 Arial, Helvetica, sans-serif; color: #000000; margin: 15px 50px 0 80px; padding: 0; list-style: decimal; } ul#navMenu li { font: bold 1.8em/1.8 Arial, Helvetica, sans-serif; color: #fff; margin: 0; padding: 0 2px 0 2px;} .listServices li { font: 1.4em/1.4 Arial, Helvetica, sans-serif; color: #333; margin: 5px 25px 2px 50px; padding: 0; list-style: disc; } /* =Layout (Global) ---------------------------------------------------------- -----------------------------------------------------------------------------*/ #wrapper_container { position: relative; width: 991px; margin: 0 auto; padding: 0; text-align: left; } #wrapper_header { position: relative; width: 991px; height: 135px; margin: 0; padding: 0; text-align: left; background: url(../images/image-bgHeader.gif) top right no-repeat;} #wrapper_imagery { position: relative; width: 991px; height: 248px; margin: 0; padding: 0; text-align: left; background: #fff url(../images/image-bgImagery.jpg) top right no-repeat; } #wrapper_middle { position: relative; width: 991px; margin: 0; padding: 0; text-align: left; background: #fff; } #middle_primaryColumn { position: relative; width: 677px; margin: 0; padding: 0; text-align: left; float: left; } img.imageGallery { margin: 0 10px 30px 0; padding: 0; } #middle_sideColumn { position: relative; width: 313px; height: 515px; margin: 0; padding: 0; text-align: left; background: url(../images/image-bgSide.gif) repeat-x; float: left; } #middle_sideColumn img { margin: 25px 0 0 50px; } #wrapper_footer { position: relative; width: 991px; height: 106px; margin: 0; padding: 0; text-align: left; background: url(../images/image-bgFooter.gif) no-repeat; } #footer_menu { position: relative; width: 721px; height: 61px; margin: 0; padding: 0; text-align: left; background: #0079b9; } /* =Hidden (Global) ---------------------------------------------------------- ------------------------note use no span in H2 etc as IE6 bug activate------*/ #header_logo h1 { display: none; } /* =Main Navigation (Global) ------------------------------------------------- -----------------------------------------------------------------------------*/ ul#navMenu { position: absolute; width: 350px; height: 26px; margin: 100px 0 0 624px; padding: 0; list-style: none; } ul#navMenu li { float: left; } /* =Sub Navigation ----------------------------------------------------------- -----------------------------------------------------------------------------*/ /* =Breadcrumbs -------------------------------------------------------------- -----------------------------------------------------------------------------*/ /* =Anchors & =Links --------------------------------------------------------- -----------------------------------------------------------------------------*/ #wrapper_middle a.noLink:link { text-decoration: none; } #wrapper_middle a.noLink:active { text-decoration: none; } #wrapper_middle a.noLink:visited { text-decoration: none; } #wrapper_middle a.noLink:hover { text-decoration: none; background: none; } ul#navMenu li a:link { color: #fff; text-decoration: none; } ul#navMenu li a:visited { color: #fff; text-decoration: none; } ul#navMenu li a:active { color: #fff; text-decoration: none; } ul#navMenu li a:hover { color: #fff; text-decoration: none; background: #00b4ff; } #wrapper_middle a:link { color: #df0107; text-decoration: underline; } #wrapper_middle a:visited { color: #858585; text-decoration: underline; } #wrapper_middle a:active { color: #df0107; text-decoration: underline; } #wrapper_middle a:hover { color: #fff; text-decoration: none; background: #df0107; } #wrapper_middle a.linkExternal:link { color: #df0107; text-decoration: underline; background: url(../images/image-linkExternal.gif) no-repeat right center; padding-right: 12px; } #wrapper_middle a.linkExternal:visited { color: #858585; text-decoration: underline; background: url(../images/image-linkExternal.gif) no-repeat right center; padding-right: 12px; } #wrapper_middle a.linkExternal:active { color: #df0107; text-decoration: underline; } #wrapper_middle a.linkExternal:hover { color: #fff; text-decoration: none; background: #df0107 url(../images/image-linkExternalOn.gif) no-repeat right center; padding-right: 12px; } #footer_menu a:link, #copyright_left a:link { color: #036289; text-decoration: underline; } #footer_menu a:visited, #copyright_left a:visited { color: #036289; text-decoration: underline; } #footer_menu a:hover, #copyright_left a:hover { color: #fff; background: #036289; text-decoration: none; } #footer_menu a:active, #copyright_left a:active { color: #036289; text-decoration: underline; } /* =Search ------------------------------------------------------------------- -----------------------------------------------------------------------------*/ /* =Forms -------------------------------------------------------------------- -----------------------------------------------------------------------------*/ label { width: 60px; margin: 0 0 0 40px; padding: 10px 15px 0 25px; font: bold 1.4em/1.4 Arial, Helvetica, sans-serif; text-align: right; color: #333; float: left; clear: both; } form { font: 1.3em/1.6 Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 20px 0 0 0; } form div { width:295px; border: 1px solid #990000; background: #d70000; color:#fff; padding: 4px; padding-left: 6px; } .imageForm { margin: 0 20px 0 0; } #contactForm label { width:95%; margin: 0 20px 0 20px; font-weight: bold; text-align: left; } textarea { width: 80%; margin: 5px 20px 0 40px; padding: 10px 5px 2px 5px; font: bold 110%/1.1 Verdana, Arial, Helvetica, sans-serif; } input { width: 80%; height: 1.3em; margin: 5px 20px 0 40px; padding: 5px 5px 2px 5px; font: bold 110%/1.1 Verdana, Arial, Helvetica, sans-serif; } input.small { width: 15%; height: 1.3em; margin: 5px 20px 0 40px; padding: 5px 5px 2px 5px; font: bold 110%/1.1 Verdana, Arial, Helvetica, sans-serif; } input.button { width: 213px; height: 50px; margin: 20px 20px 20px 35px; font: bold 110%/1.1 Verdana, Arial, Helvetica, sans-serif; } /* =Tables ------------------------------------------------------------------- -----------------------------------------------------------------------------*/ /* =Copyright ---------------------------------------------------------------- -----------------------------------------------------------------------------*/ #wrapper_copyright { position: relative; width: 991px; height: 100px; margin: 0; padding: 0; } #copyright_left { position: relative; width: 811px; height: 16px; margin: 0; padding: 20px 0 0 0; float: left; } #copyright_right { position: relative; width: 180px; height: 16px; margin: 0; padding: 20px 0 0 0; float: left; } .validXHTML { width: 40px; height: 16px; background: url(../images/image-iconXHTML.gif) top left no-repeat; float: left; display: block; } .validXHTML:hover { background-position: 0 -16px; } .validXHTML span { display: none; } .validCSS2 { width: 40px; height: 16px; background: url(../images/image-iconCSS2.gif) top left no-repeat; float: left; display: block; } .validCSS2:hover { background-position: 0 -16px; } .validCSS2 span { display: none; } .validWAI { width: 40px; height: 16px; background: url(../images/image-iconWAI.gif) top left no-repeat; float: left; display: block; } .validWAI:hover { background-position: 0 -16px; } .validWAI span { display: none; } .siteDWS { width: 40px; height: 16px; background: url(../images/image-iconDWS.gif) top left no-repeat; float: left; display: block; } .siteDWS:hover { background-position: 0 -16px; } .siteDWS span { display: none; } /* end of css */