/*Web Development and Coding by Devon Lesk for the exclusive use of Megram Consulting Services Ltd.*/

/* ---------------------------- */
/* Generic Styles
/* ---------------------------- */

*{padding:0; margin:0; margin:0 auto;}
html {margin: 0 auto; text-align:center; height:100%;}

/*Clearfix*/
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/*colors: light green: b1c5a9*/

/* ---------------------------- */
/* Basic Elements
/* ---------------------------- */
body{height:100%; min-height:100%; margin:0 auto; background:#b1c5a9;}

#back{width:100%; background:#fff;}
#container{width:840px; margin:0 auto; line-height:1.5;}
#top{height:20px; background:#b1c5a9;}

#logo{float:left; background:url(../images/golfLogo.png) no-repeat; width:374px; height:75px; margin:10px 0 10px 400px;}
#golfer{position:absolute; left:50%; margin-left:-550px; background:url(../images/golferSemiTrans.png) no-repeat; width:314px; height:640px; z-index:100;}

#masthead{float:left; background:url(../images/mastheadLines.png) no-repeat center #FFF; width:840px; height:209px; margin:0 0 20px 0;}
#leftDivider{background:url(../images/leftDivider.png) no-repeat #000; width:10px; min-height:590px; height:100%; position:absolute; left:50%; margin-left:-426px; top:20px;}

/* ---------------------------- */
/* Navigation
/* ---------------------------- */


#navigation{text-align:right; width:200px; float:right; line-height:1.3; margin:-130px 0 0 0;}
#navigation a{font-size:28px; color: white; text-decoration:none;   }
#navigation a:hover{color:#5e685b;}

#navigationSub{position:absolute; width:700px; float:left; margin:-110px 0 0 -60px; text-align:left; z-index:1000;}
#navigationSub a{font-size:18px; color: white; text-decoration:none; margin:0 20px 0 0;  }
#navigationSub a:hover{color:#b1c5a9;}

.navButton {
	 background: #8b9a85; border: 1px solid #8b9a85; border-radius: 5px;
}
.navsub{
	 background: #8b9a85; border: 1px solid #8b9a85; border-radius: 5px; 
}

/* ---------------------------- */
/* Content
/* ---------------------------- */
h1{font-weight:100; font-size:42px; line-height:1;}
h2{font-weight:400; font-size:23px; line-height:1;}
h3{font-weight:100; font-size:24px; line-height:1;}
h4{font-weight:100; font-size:20px; line-height:1;}

#content{width:220px; text-align:left; float:left; font-size:13px; font-family:Verdana, Geneva, sans-serif; margin:-120px 0 10px 220px;}

hr{width:100%; height:1px; border:none; background:#98a892; margin:6px 0 6px 0; clear:both;}
.packageHeader{width:100%; height:1px; border:none; background:#fff; margin:6px 0 6px 0;}

.package{background:#b1c5a9;-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #b1c5a9; padding: 6px; width:300px; font-size:12px; color:#000;}
.regular{background:#9eb097;border: 1px solid #9eb097;}
.standard{background:#8c9b86;border: 1px solid #8c9b86;}
.deluxe{background:#778372;border: 1px solid #778372;}

.occupancyList{float:left; display:inline; width:300px;}
#single{margin:0 0 0 22px;}

.smallText{font-size:10px;}

.packageMoney{font-size:18px; float:right; line-height:3;}

.white{color:#FFF;}

#contact{background:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #fff; padding: 6px; color:#000; margin:10px 0 0 0;}
#pageContent{position:relative;left:50%; width:650px; margin-left:-200px; text-align:left; font-family:Verdana, Geneva, sans-serif; color:#000; font-size:14px; line-height:1.4;}
#packages{background:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #fff; padding:6px; color:#000;}

.coursesButton a{background:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #fff; padding: 6px; color:#000; font-family:Verdana, Geneva, sans-serif; float:left; width:160px; margin:10px 0 10px 0; text-decoration:none;}
.coursesButton a:hover{background:#8b9a85; border: 1px solid #8b9a85; color:#fff;}

#hotelLinks a{background:#8b9a85; border: 1px solid #8b9a85; color:#000;-moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 6px; font-family:Verdana, Geneva, sans-serif; float:left; width:300px; margin:10px 0 10px 0; text-decoration:none; text-align:center;}
#hotelLinks a:hover{background:#9eb097; border: 1px solid #9eb097; padding: 6px; color:#fff;}
.arnprior{float:left;margin:0 10px 0 0;}

.courses{width:160px; float:left;}
.cleft{margin:0 40px 0 0;}

.left{float:left;}
.right{float:right;}

#savings{background:url(../images/savings.png) no-repeat; width:184px; height:184px; position:absolute; z-index:10000; left:50%; top:780px; margin:0 0 0 -364px;}

/* ---------------------------- */
/* Footer
/* ---------------------------- */
#footerHome{ width:840px; margin:0 auto; padding:10px 0 20px 0; font-family:Verdana, Geneva, sans-serif; font-size:11px;}
#footerHome a{text-decoration:none; font-weight:bold; color:#657061;}
#footerHome a:hover{text-decoration:none; font-weight:bold; color:#8c9b86;}

#footer{clear:both; padding:10px 0 10px 0; font-family:Verdana, Geneva, sans-serif; font-size:11px;}
#footer a{text-decoration:none; font-weight:bold; color:#657061;}
#footer a:hover{text-decoration:none; font-weight:bold; color:#8c9b86;}