@charset "utf-8";
/*
Theme Name: The Beach Hotel
Theme URI: http://www.thebeachhotel.co.za
Description: Theme designed by <a href="http://www.yellow-llama.com">The Yellow Llama</a> for PE Hotel Group.
Version: 1.0
Author: Mark Bloomfield
Author URI: http://www.yellow-llama.com
*/

* {margin:0;padding:0;}
a img {border:0;}
.wrapper {width:100%;height:0;overflow:hidden;clear:both;}

*.toggle a {text-decoration:none;}
*.toggle a:hover {text-decoration:underline;}

.navigation {display: block;text-align: center;margin: 20px 0 0 0;}
.alignright {float: right;}
.alignleft {float: left}
.threeimg img, #page img, #right img {padding:1px;background:#fff;border:4px solid #b9c4e7;}
img.alignleft {margin: 0 15px 15px 0;border:1px solid #777;padding:1px;}
img.alignright {margin: 0 0 15px 15px;border:1px solid #777;padding:1px;}
img.aligncenter {display:block;margin: 15px auto;border:1px solid #777;padding:1px;}

.gap {width:1130px;height:14px;background: url(/wp-content/themes/beach/images/gap.png) 0 0 no-repeat;margin:auto;display:block;}
.secondgap {width:1100px;height:35px;background: url(/wp-content/themes/beach/images/gap2.png) 0 0 no-repeat;margin:auto;display:block;}
.dots {width:100%;display:block;height:1px;overflow:hidden;margin: 15px 0;border-bottom:1px #b9c4e7 dotted;}

table {background:#e4e9fe;border:0;}
td {padding: 5px;border:0;background:#fff;text-align:left;}

.gallery-caption {font-size:11px;padding: 0 5px;}

/***************************** body + fonts */

html {background: #1673D7 url(/wp-content/themes/beach/images/body.png) 0 0 repeat-x;}
body {background: url(/wp-content/themes/beach/images/wave.png) center 20px no-repeat;text-align:center;color:#666;font: 12px Arial, Helvetica, sans-serif;padding: 0 0 100px 0;position:relative;}
p {line-height:150%;padding: 10px 0;}

a {outline:none;color:#1772d4;}
a:hover {text-decoration:none;color:#13457a;}

ul, ol {padding: 10px 0 10px 15px;}
li {line-height:150%;}

h1 a {width:260px;height:98px;display:block;overflow:hidden;text-indent:-9999px;background: url(/wp-content/themes/beach/images/logo.png) 0 0;float:left;margin: 7px 0 0 20px;}
h2, h3, h4, h5, h6 {color:#0c3371;font: 30px Century Gothic;letter-spacing:-2px;}
h3, h4, h5, h6 {font-size:24px;letter-spacing:-1px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:15px;}

/***************************** containers */

#header {width:1100px;padding: 0 15px;height:105px;background: url(/wp-content/themes/beach/images/header.png) 0 0 no-repeat;margin: auto;}
#nav {width:790px;float:right;padding: 56px 0 0 0;font: 11px Verdana;z-index:9999;}
#image {width:1100px;padding: 1px 15px 0;height:379px;background: url(/wp-content/themes/beach/images/image.png) 0 0 repeat-y;margin:auto;position:relative;}
#content {width: 1100px;min-height:380px;height:auto;background: #fff url(/wp-content/themes/beach/images/content.png) 0 0 repeat-y;margin:auto;text-align:left;}
#footer {width: 1100px;min-height:40px;height:auto;background: #fff url(/wp-content/themes/beach/images/footer.png) 0 0 repeat-y;margin:auto;text-align:left;}
#sidebar {width:240px;padding: 0 10px;margin: 0 20px 0 0;}
#page {width:540px;padding: 0 20px 0 0;border-right:1px dotted #b9c4e7;}
#right {font-size:11px;width:200px;}
#footer {min-height:40px;margin:auto;text-align:left;font: 24px Georgia;color:#5f656c;letter-spacing:-1px;text-align:center;}

/***************************** header */

/*nav*/
#nav li {display:block;float:left;font-weight:bold;position:relative;z-index:9999;}
#nav li a {display:block;float:left;color:#0c3371;padding: 5px 10px;text-decoration:none;}
#nav li a:hover, #nav li:hover>a {color:#6a95c8;background:#fff;}

/*subnav*/
#nav ul {position:absolute;display:none;top:26px;left:0;z-index:100;padding:0;z-index:9999}
#nav ul li {float:none;padding:0;text-align:left;border-bottom:1px solid #ddd;}
#nav ul li a {float:none;background:#fff;width:150px;padding:5px 10px;border-left:3px solid #4fa4ff;}
#nav ul li a:hover {background:#f6f6f6;border-left:3px solid #1770d0;}

/***************************** content */


.top {width:1100px;height:10px;display:block;background: url(/wp-content/themes/beach/images/content-top.png) 0 -1px no-repeat;}
.padding {padding:10px 20px;}

/*testimonials*/
.archive .quote {font: 24px Georgia;color:#5f656c;letter-spacing:-1px;margin: 0 0 20px 0;display:block;}

/*archive/category*/
.archive {margin: 15px 0;}
.img {width:160px;float:left;margin: 5px 0 0 0;}
.exc {width:360px;float:right;}
.exc p {padding:0;}

/*gallery*/
.gallery img {width:70px;height:70px;}

/*newsletter*/
.page-118 form p {width:50%;float:left;}
.page-118 form {background:#f8f8f8;padding: 10px;margin: 10px 0 0 0;border:1px solid #efefef;}
.page-118 p {padding:0 0 5px 0;}
.page-118 label {font-size:11px;font-weight:bold;}
.page-118 p input {padding: 2px 3px;color:#888;}

/***************************** sidebar */

.threeimg {width:100%;text-align:center;}
.threeimg img {margin: 0 0 15px 0;}

/***************************** right sidebar */

.subnav {border-bottom:1px dotted #bbb;padding:10px 0 0 0;}
.subnav li {list-style:none;color:#186dc7;padding:1px 0;border-top:1px dotted #bbb;}
.subnav li a {display:block;padding:3px 3px 3px 10px;text-decoration:none;border-left:3px solid #4fa4ff;}
.subnav li a:hover {background:#f6f6f6;border-left:3px solid #1770d0;}

/***************************** footer */

.qleft {background: url(/wp-content/themes/beach/images/quotes.png) 0 0 no-repeat;padding: 0 0 0 60px;}
.qright {background: url(/wp-content/themes/beach/images/quotes1.png) right 0 no-repeat;padding: 0 60px 0 0;}
.footer2 {background: url(/wp-content/themes/beach/images/footer2.png) 0 0 no-repeat;width: 1100px;height:10px;background: url(/wp-content/themes/beach/images/footer2.png) 0 0 no-repeat;display:block;}
.quote a {text-decoration:none;color:#5f656c;}
.quote a:hover {color:#444;}

/*bottom */
#bottom {font:11px Verdana;font-weight:bold;color:#fff;text-align:right;width:1100px;margin:auto;padding: 10px 0 0 0;}
#bottom ul {padding: 5px 0 0 0;}
#bottom li {list-style:none;display:inline;padding: 0 0 0 5px;}
#bottom a {color:#80b7f2;}