body {background: #fff; margin: 0; padding: 0; font: 62.5%/1.6em arial, geneva, sans-serif; color:#000; } * {margin:0; padding:0} /* ------- canvas -----------------------*/ #canvas_ob {width: 100%; margin: 0 auto; } #canvas_ib {margin: 0; padding: 0; } /* ------- container 1-----------------------*/ #con001 {clear:both ;width: 978px; height: 92px; margin:0 auto; margin-top:30px; } #con001_blo001 {float: left; width: 50%; } #con001_blo002 {float: left; width: 50%; padding-top:20px; text-align:right; } #con001_blo002 h1 {font:1.2em Georgia, "Times New Roman", Times, serif;color:#C90; } #con001_blo002 p {font:1.2em Georgia, "Times New Roman", Times, serif; } /* ------- container 2-----------------------*/ #con002_bck {clear:both ;background: url(http://www.glen-yr-afon.co.uk/glenyrafon_cms_assets/images/gya_menu-swatch.gif) top left repeat-x; height: 65px; Width: 100%; } #con002 {clear:both ;width: 978px; margin:0 auto; } #con002_blo001 {float: left; width: 978px; padding-top:5px; text-align:right; } #con002_blo001 h1 {height: 35px; color:#C90; font:italic 1.6em Georgia, "Times New Roman", Times, serif; } #con002_blo002 {float: left; width: 978px; margin:0 auto; margin-top:5px; overflow:hidden; } #con002_blo002 ul {float: left; padding-left:1px; list-style: none; } #con002_blo002 ul li {float: left; border-right:1px solid #666; } #con002_blo002 ul li a {padding: 0px 10px 0px 10px; font: bold 1.1em Helvetica, sans-serif; text-decoration: none; color:#666; text-align:center; display: block;text-transform: uppercase; } #con002_blo002 ul li a:hover {color: #000; } /* ------- container 3-----------------------*/ #con003 {clear:both ;width: 978px; margin:0 auto; } #con003_blo001 p {float: left; } /* ------- container 4-----------------------*/ #con004 {clear:both ;width: 978px; margin:0 auto; } #con004_blo001 p {float: left; padding:2px 0px 0px 0px; } #con004_blo001 p a {text-decoration:none; } /* ------- container 5-----------------------*/ #con005 {clear:both ;width: 978px; margin:0 auto; overflow: hidden; } #con005_blo001 {float: left; width: 695px; margin-right:5px; border: 1px solid #ccc; padding:20px; } #con005_blo001 p {width: 100%; padding: 10px 0px 0px 0px; font-size: 130%; line-height:16px; } #con005_blo001 h2 {float: left; width: 100%; margin: 10px 0px 15px 0px; font: bold 1.9em Arial; color: brown; clear: both; } #con005_blo001 h3 {float: left; width: 100%; margin: 10px 0px 15px 0px; font: bold 1.6em Arial; color:#999; clear: both; } #con005_blo001 p img {border: 1px solid #9D8349; padding: 5px; } #con005_blo001_sub001 {float: left; width: 100%; } #con005_blo002 {float: left; width: 235px; } #con005_blo002_sub001 {float: left; width: 234px; } #con005_blo002_sub002 {float: left; width: 234px; background: url(http://www.glen-yr-afon.co.uk/glenyrafon_cms_assets/images/gya_hotelenquiry-swatch.gif) top left repeat-x; margin: 14px 0px 0px 0px; border: 1px solid #9D8349; padding: 0px 0px 7px 0px; } #con005_blo002_sub002 h3 {background-color:#D3C096; margin: 0px; border-left: 1px solid rgb(190,190,190);border-right: 1px solid rgb(190,190,190);border-bottom: 1px solid #444; padding: 7px 10px 5px 10px; font-family:helvetica,arial,sans-serif; color:#444; font-weight:bold; font-size:120%; text-align:center;text-transform:uppercase; } #con005_blo002_sub002 ol {width: 234px; margin: 7px 0px 0px 0px; list-style:none; } #con005_blo002_sub002 ol li {padding-bottom:4px; clear:left; } #con005_blo002_sub002 fieldset {width: 100%; margin: 10px 0px 0px 0px; border-style:none; } #con005_blo002_sub002 label {float: left; width: 55px; padding-right:5px; color:#fff; text-align:right; } #con005_blo002_sub002 input {width: 145px; } #con005_blo002_sub002 textarea {width: 155px; height: 55px; } #con005_blo002_sub002 select {width: 170px; } #con005_blo002_sub002 submit {width: 100px; margin-left:50px; } #con005_blo002_sub003 {float: left; width: 234px; margin: 14px 0px 0px 0px; border: 1px solid #9D8349; } #con005_blo002_sub003 h3 {background-color:#D3C096; border-left: 1px solid rgb(190,190,190); border-right: 1px solid rgb(190,190,190); border-bottom: 1px solid #444; padding: 7px 10px 5px 10px; font-family: helvetica,arial,sans-serif; color:#444; font-weight: bold; font-size:120%; text-align:center; text-transform:uppercase; } #con005_blo002_sub003 ul {list-style:none; } #con005_blo002_sub003 ul li {background: #e7dabd; border-left: 1px solid rgb(190,190,190); border-right: 1px solid rgb(190,190,190); } #con005_blo002_sub003 ul li a {height: 16px; border-top:1px solid #f6f6f8; border-bottom:1px solid #a6a6a8; padding: 4px 5px 4px 5px; color:#D3C096; text-decoration:none; color:#555; font: normal 1.0em/1.6em verdana, sans serif; text-transform: uppercase; text-align:center; display:block; } #con005_blo002_sub003 ul li a:hover {background: #D3C096; color:#962c02; } #con005_blo002_sub003 p {background: #e7dabd; border-left: 1px solid rgb(190,190,190); border-right: 1px solid rgb(190,190,190); padding-left:10px; } #con005_blo002_sub004 {float: left; width: 234px; margin: 14px 0px 0px 0px; } #con005_blo002_sub004 h3 {background-color:#D3C096; border-left: 1px solid rgb(190,190,190); border-right: 1px solid rgb(190,190,190); border-bottom: 1px solid #444; padding: 7px 10px 5px 10px; font-family: helvetica,arial,sans-serif; color:#444; font-weight: bold; font-size:120%; text-align:center; text-transform:uppercase; } #con005_blo002_sub004 ul {list-style:none; } #con005_blo002_sub004 ul li {background: #e7dabd; border-left: 1px solid rgb(190,190,190); border-right: 1px solid rgb(190,190,190); } #con005_blo002_sub004 ul li a {height: 16px; border-top:1px solid #f6f6f8; border-bottom:1px solid #a6a6a8; padding: 4px 5px 4px 5px; color:#D3C096; text-decoration:none; color:#555; font: normal 1.0em/1.6em verdana, sans serif; text-transform: uppercase; text-align:center; display:block; } #con005_blo002_sub004 ul li a:hover {background: #D3C096; color:#962c02; } #con005_blo002_sub005 {float: left; width: 234px; margin: 14px 0px 0px 0px; } #con005_blo002_sub005 h3 {background-color:#D3C096; border-left: 1px solid rgb(190,190,190); border-right: 1px solid rgb(190,190,190); border-bottom: 1px solid #444; padding: 7px 10px 5px 10px; font-family: helvetica,arial,sans-serif; color:#444; font-weight: bold; font-size:120%; text-align:center; text-transform:uppercase; } #con005_blo002_sub005 ul {list-style:none; } #con005_blo002_sub005 ul li {background: #e7dabd; border-left: 1px solid rgb(190,190,190); border-right: 1px solid rgb(190,190,190); } #con005_blo002_sub005 ul li a {height: 16px; border-top:1px solid #f6f6f8; border-bottom:1px solid #a6a6a8; padding: 4px 5px 4px 5px; color:#D3C096; text-decoration:none; color:#555; font: normal 1.0em/1.6em verdana, sans serif; text-transform: uppercase; text-align:center; display:block; } #con005_blo002_sub005 ul li a:hover {background: #D3C096; color:#962c02; } /* ------- container 6-----------------------*/ #con006 {clear:both ;width: 100%; } #con006_blo001 p {height: 50px; } /* ------- container 7-----------------------*/ #con007_bck {clear:both ;background: url(http://www.glen-yr-afon.co.uk/glenyrafon_cms_assets/images/gya_footer.gif) top left repeat-x; height: 131px; Width: 100%; } #con007 {clear:both ;width: 978px; margin:0 auto; padding-top:20px; } #con007_blo001 p {width: 100%; text-align:center;font: bold 1.3em Arial; } #con007_blo001 p a {text-decoration:none; color:#333; } #con007_blo002 p {padding:2px 0px 0px 0px; text-align:center;width:100%; } #con007_blo002 p a {text-decoration:none; color:#333; } #con007_blo003 p {width: 100%; padding:2px 0px 0px 0px; text-align:center; } #con007_blo003 p a {text-decoration:none; color:#333; } /* ------- classes -----------------------*/ .fill {float: left; width: 4px; } .tagline {float: left; width: 100%; margin-top: -20px; margin-bottom:10px; font: normal 1.6em/1.3em 'Century Gothic' !important; color:#888; }