/* @override 
	http://localhost/LGB/app/theme/default/style/screen.css
	http://www.lagoonbeachhotel.co.za/app/theme/default/style/screen.css
*/
* {margin: 0; padding: 0;}
html, body, div, h1, h2, h3, h4, h5, h6, p, pre, a, img, li, ol, ul, fieldset, form, label {margin: 0; padding: 0; border: 0px;}
a img, :link img, :visited img {border: 0;}
ul {list-style: none;}
body { position: relative;}
div#wrapper {width: 1000px; margin: 0 auto; font-size: 12px}
div#page {width: 1000px; float: left; background: url(../images/bg.jpg) left top repeat-x; font-family: Arial, Helvetica, sans-serif; padding-bottom: 50px;}
div#container {width: 100%; margin: 0 auto;}
div#header {width: 100%; float: left;overflow: hidden;}
div#header .row-1 {/*width: 920px;*/ width: 100%; margin: 0 auto; height: 87px; font-size: 13px;position: relative;z-index: 1000;}
div#header .row-2 {width: 100%; height: 312px;position: relative;}
div#topBanner {position: relative;}
div#FloatingLogo {position: absolute; top: 76px;float: left;right: 40px;}
ul#imageContainer.innerfade {}
#topBanner div.bannerImg {position: relative;}
div.bannerImg {width: 1000px; margin: 0 auto;}
div#main {width: 1000px; margin: 0;}
div#main .col-L {width: 608px; float: left; padding-top: 45px; font-size: 12px; line-height: 18px; color: #19648c;margin-left: 35px;}
div#main .col-L h1 {font-size: 24px; line-height: 30px; color: #FFFFFF; font-weight: normal; margin-bottom: 50px;}
div#main .col-L p {margin: 10px 0px;text-align: justify;}
div#main .col-L a,
div#main .col-L p a {text-decoration: none;color: #67c2ce;}
div#main .col-R {width: 328px; float: right;}
div#main .col-R .row-1 {width: 303px; float: left; background: url(../images/book-now-bg.png) left top no-repeat; height: 80px; padding-left: 17px; padding-top: 3px;margin-left: -10px;}
div#main .col-R .row-1 label {width: 55px; float: left; font-size: 11px; line-height: 25px; color: #FFFFFF;}
div#main .col-R .row-1 p {margin: 5px 0px;}
div#main .col-R .blocks {width: 328px; float: left; border-bottom: 1px solid #29beec;}
input.check-availability {float: right; margin-right: 12px; margin-top: 4px;}
select.list1 {width: 40px; border: 1px solid #055884; font-size: 10px; color: #015582;}
select.list2 {width: 50px; border: 1px solid #055884; font-size: 10px; color: #015582;}
div.fleft {float: left; width: 301px;}
table#c5QuickBookTable {color: white;font-size: 11px;width: 100%;}
td.QuickBook {width: 90px;}
button#c5QuickBookButton {background-image: url(../images/btn-check.jpg);width: 88px;height: 37px;}
#c5QuickBookButton div {color: #337284;}
select#ci_day {}
select#ci_ym {}
div#BookNow {font-size: 20px;color: #28beec;margin-top: 3px;}
div#footer {width: 100%; float: left; padding-top: 15px;}
div#footer-content {width: 920px; margin: 0 auto;}
div#footer .row-1 {width: 600px; float: left; font-size: 10px; line-height: 15px; color: #1e7aac; border-top: 1px solid #cccccc;}
div#footer .row-1 a {color: #1e7aac; text-decoration: none;}
div#footer .row-1 a:hover {text-decoration: underline;}
ul#btm-nav {width: 600px; float: left; margin: 15px 0px;}
ul#btm-nav li {float: left; margin: 0px 5px; display: inline;}
/*inner pages*/
div#main .row-2 {width: 900px; float: left; padding: 25px 5px 25px 15px; font-size: 12px; line-height: 18px; color: #19648c; border-bottom: 1px solid #cdcdcd;}
div#main .row-2 h1 {font-size: 16px; line-height: 18px; color: #19648c;}
div#main .row-2 a {color: #2ec5e4; text-decoration: underline; font-weight: bold;}
div#main .row-2 a:hover {text-decoration: none;}
div#main .row-2 img {float: right; margin-left: 42px; margin-right: 10px;}
div#main .row-2 p {margin: 10px 0px;}
div#main .noBorder {border-bottom: none;}
div#photogallery {}
#photogallery a img {border: 3px solid #025786; margin: 10px;}
/* @group Navigation */

.sf-menu {float: left; margin-bottom: 0;}
.sf-menu a {padding: 13px 11px; text-decoration: none; color: #FFF;}
.sf-menu a, .sf-menu a:visited {color: #FFF;/* visited pseudo selector so IE6 applies text colour*/}
#nav li ul {margin-top: 7px;}
.sf-menu li {}
.sf-menu li li {background: #00456d;}
.sf-menu li li li {background: #23709b;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background: #29beec; outline: 0;}
.sf-menu li.sfHover ul {left: 0; top: 65px;}
/* arrows */
.sf-menu a.sf-with-ul {padding-right: 2.25em; min-width: 1px;/* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px;/*8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-indicator {/*give all except IE6 the correct values */
	top: .8em; background-position: 0 -100px;/*use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px;/* arrow hovers for modern browsers*/}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {background-position: -10px 0;}
.sf-menu ul a > .sf-sub-indicator {background-position: 0 0;}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0;/* arrow hovers for modern browsers*/}
/*** shadows for all but IE6 ***/
.sf-shadow ul {background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0;}
.sf-shadow ul.sf-shadow-off {background: transparent;}
/* @end */
/* @group POPUP Box */
div#popupcontent {position: absolute; display: block; cursor: pointer; margin: 100px 0px 0px 0px;width: 578px; height: 283px;left: 30%;right: 30%; z-index: 1000;}
div#popupcontent table {}
div#closebox{position:absolute;right:10px;top:10px;z-index: 1001}
/* @end */