body {
	background-color:#e4b17c;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	color:#000000;
	background-image:url(../images/bg-beige-texture.jpg);
	background-attachment:fixed;
	background-position:bottom center;
	background-repeat:repeat;
}
.container { /* helps keep footer down, plus holds faded bg image by ID, below */
	min-height:100%;
	position:relative;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
#front {background-image: url(../images/bg-front.jpg);}
#front2 {background-image: url(../images/bg-front2.jpg);}
#front3 {background-image: url(../images/bg-front3.jpg);}
#sandtrap-to-hole {background-image: url(../images/bg-sandtrap-to-hole.jpg);}
#hole-and-clubhouse {background-image: url(../images/bg-hole-and-clubhouse.jpg);}
#lake-and-trees {background-image: url(../images/bg-lake-and-trees.jpg);}
#lake-to-green {background-image: url(../images/bg-lake-to-green.jpg);}
#long-hole {background-image: url(../images/bg-long-hole.jpg);}
#tower-angles {background-image: url(../images/bg-tower-angles.jpg);}
#tree-to-clubhouse {background-image: url(../images/bg-tree-to-clubhouse.jpg);}

#container2 { /*height of the footer plus a lil*/
	padding-bottom:40px;
	position: relative;
}
#main-holder {
	width: 815px;
	margin: 0 auto;
	position: relative;
}
#header {
	height: 158px;
	clear: both;
	position: relative;
}
#header h1 {
	margin: -10px 0 0 40px;
}
#header #logo-holder {
	width:805px;
	height:158px;
	position:absolute;
	left:5px;
	z-index: 500;
	top: 0px;
}
#header #border {
	background-image: url(../images/logo-header-holder.png);
	background-position: bottom right;
	position:absolute;
	right:11px;
	width: 805px;
	height: 158px;
	top: -12px;
	background-repeat: no-repeat;
}
#header #logo {
	width:291px;
	height:187px;
	background-image:url(../images/logo.png);
	background-repeat: no-repeat;
	position:absolute;
	top:-20px;
	z-index:600;
	left: 0px;
}

#header .flash-holder {
	position:absolute;
	top:0px;
	z-index: 0;
	right: 18px;
}
/* --------------------------------------------------------------------------navigation--------*/
#nav {
	clear: both;
	margin: 30px 0 0 0;
}
#nav li, #nav a {
	float: left;
	display:block;
	height: 40px;
	cursor: hand;
}
#nav h2 {
	text-indent: -9999px;
}
li#home h2		{width:86px; height:40px; background:url(../images/nav-home.gif) 0 0 no-repeat;}
li#course h2 	{width:129px; height:40px; background:url(../images/nav-course.gif) 0 0 no-repeat;}
li#weddings h2	{width:154px; height:40px; background:url(../images/nav-weddings.gif) 0 0 no-repeat;}
li#rstr h2		{width:153px; height:40px; background:url(../images/nav-rstr.gif) 0 0 no-repeat;}
li#shop h2		{width:128px; height:40px; background:url(../images/nav-shop.gif) 0 0 no-repeat;}
li#contact h2	{width:113px; height:40px; background:url(../images/nav-contact.gif) 0 0 no-repeat;}

/* --------------------------------------------------------------------------main content--------*/
.main-content {
	width: 390px;
	float: left;
	margin: 30px 0 0 25px;
}
.half-content { width:195px; float:left; }
h3 {
	font-size: 26px;
	line-height: 31px;
	color: #330000;
	font-family: "Hoefler Text", Constantia, Cambria, Georgia, serif;
	margin: 0 0 15px 0;
	border-bottom: dotted #330000 1px;
	text-align: left;
	clear: left;
	padding-bottom: 10px;
	font-style: italic;
}
h4 {
	font-size: 1.5em;
	line-height: 1.5em;
	color: #000000;
	font-family: "Hoefler Text", Constantia, Cambria, Georgia, serif;
	margin: 0 0 15px 0;
	text-align: left;
	clear: left;
	font-style: italic;
}

.main-content p			{ font-size:1.4em; line-height: 1.4em; color: #000000; }
.main-content p strong	{ color:#330000; }
.main-content p a		{ color:#330000; text-decoration:underline; }
.main-content p a:hover	{ }
.main-content p.center	{ text-align:center; }
.main-content p.smaller { font-size:1.2em; line-height:1.5em; }
.main-content p.tabbed	{ text-indent:1.2em; }
.main-content p.smallgap	{ line-height:0.5em; }

div#tee-time-book {
	width:170px;
	height:60px;
	float: left;
	margin: 0 15px 10px 0;
}
div#tee-time-book h4 {
	text-indent:-3000px;
}
div#weather {
	width:170px;
	height:60px;
	float: right;
}
div#weather h4 {
	text-indent:-3000px;
}
div#zagat {
	width:74px;
	height:74px;
	float: right;
	margin: 0 0 0 8px;
}
.weather a {
	cursor:pointer;
}
div#take-home {
	width:370px;
	height:55px;
	margin:0 auto;
	clear: both;
	position: relative;
	top: 10px;
}
div#take-home h4 {
	text-indent:-3000px;
}
div.plate {
	width:130px;
	height:88px;
	margin: 0;
	float: right;
	clear: right;
}
div#gift-card {
	width:172px;
	height:170px;
	float: right;
	position: relative;
	top: -35px;
	z-index: 200;
	margin: 0 10px 0 0;
	right: 5px;
}

/* --------------------------------------------------------------------------sidebar content--------*/
.sidebar-content {
	width: 355px;
	margin-left: 20px;
	float: left;
	margin-top: 20px;
}
.box {
	color:#000000;
	width:351px;
	font-size: 1.2em;
	margin:0 0 35px 0;
	background-image:url(../images/box-bg-vert.png);
	background-repeat: repeat-x;
	background-position: 0 51px;
}

.box h2 {
	width: 351px;
	height: 51px;
	margin-bottom: 0;
	padding: 0;
	line-height: 0;
	text-indent: -9999px;
}
.box h2#ontap {background-image:url(../images/box-header-ontap.png);}
.box h2#signup {background-image:url(../images/box-header-signup.png);}
.box h2#rates {background-image:url(../images/box-header-rates.png);}
.box h2#instruction {background-image:url(../images/box-header-instruction.png);}
.box h2#coursegallery {background-image:url(../images/box-header-coursegallery.png);}
.box h2#weddinggallery {background-image:url(../images/box-header-weddinggallery.png);}
.box h2#scorecard {background-image:url(../images/box-header-scorecard.png);}
.box h2#weddingvideo {background-image:url(../images/box-header-weddingvideo.png);}
.box h2#contact {background-image:url(../images/box-header-contact.png);}
.box h2#brunch {background-image:url(../images/box-header-brunch.png);}
.box h2#shop {background-image:url(../images/box-header-shop.png);}
.box h2#reachus {background-image:url(../images/box-header-reachus.png);}
.box h2#happyhour {background-image:url(../images/box-header-happyhour.png);}
.box h2#press {background-image:url(../images/box-header-press.png);}

.box-content {
	width: 295px;
	margin:12px 28px -50px 28px;
	position: relative;
	z-index: 500;
}
.box-inner-pic {
	width: 316px;
	margin:10px 18px -50px 17px;
}
.back-in-the-box { /*for the text of wider (316px) boxes to make them narrow(295px) again */
	width:295px;
	margin: 0 0 0 10px;
}
.inner-pic-holder {
	width: 316px;
	height: 190px;
	position: relative;
	clear: both;
	overflow: hidden;
}
.inner-pic-holder#half { height:146px; }
.inner-pic-holder .pic-border {
	position:absolute;
	top:0;
	left:0;
	z-index:200;
	width: 316px;
	height: 190px;
	background-image: url(../images/box-inner-pic.png);
}
.box-content p {
	font-size:1em;
	line-height: 1.4em;
	text-align: justify;
}
.left-align p {
	text-align:left;
}
.box-content p.center {
	text-align: center;
}
.box-content p.smaller {
	font-size:1em;
}
.box-content p.buffer {line-height:.7em;}
.box-content p strong {
	color:#330000;
	margin-right: 5px;
}
#ontapbox p strong {
	font-size:1.1em;
}
#ontapbox p {
	text-align:center;
}
.box-content a			{ color: #330000; text-decoration:underline; }
.box-content a:hover	{ }
.box-footer {
	width: 351px;
	height: 36px;
	position: relative;
	top: 36px;
	background-image:url(../images/box-footer.png)
}

/* --------------------------------------------------------------------------talega on tap popup--------*/

#talega-on-tap-holder {
	width: 380px;
	margin: 0 auto;
	position: relative;
	top: 35px;
	z-index: 500;
}
#talega-on-tap-holder h1 {
	color:#330000;
	margin-right: 5px;
	font-size: 1.7em;
	line-height: 1.6em;
	font-family: "Hoefler Text", Constantia, Cambria, Georgia, serif;
	font-weight: bold;
}
#talega-on-tap-holder h3 {
	font-size: 2.2em;
	line-height: 1.5em;
	color: #330000;
	font-family: "Hoefler Text", Constantia, Cambria, Georgia, serif;
	margin: 0 0 15px 0;
	border-bottom: dotted #330000 1px;
	text-align: center;
	clear: left;
	padding-bottom: 10px;
	font-style: italic;
}
#talega-on-tap-holder p {
	font-size:1.4em;
	line-height: 1.4em;
	color: #000000;
}
#talega-on-tap-holder p strong {
	color:#330000;
	margin-right: 5px;
}
#talega-on-tap-holder p.menucategory {
	font-size:2em;
	color: #330000;
}
#talega-on-tap-holder p.desc {
	font-size:1.2em;
	font-style: italic;
}
#talega-on-tap-holder .price {
	font-weight:bold;
	padding-top: 8px;
}

/* --------------------------------------------------------------------------menu popups--------*/

.item {
	width:380px;
	border-top: dotted #604428 1px;
	position: relative;
	margin: 12px 0 0 0;
	border-bottom-color: ;
	font-size:1.4em;
	line-height: 1.4em;
	color: #000000;
	text-align: justify;
	padding-top: 8px;
}
.price {
	font-size:1em;
	line-height: 1.4em;
}

/* --------------------------------------------------------------------------box: talega on tap--------*/

.box-content .post {
	margin: 0 0 14px 0;
}

/* --------------------------------------------------------------------------box: mailing list--------*/
.box #mailing-list {
}
#mailing-list input {
	width: 225px;
	margin: 0 0 3px 0;
	padding:2px 0 0 10px;
	position: relative;
	border: 0;
	height: 18px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url(../images/input-box-bg.gif);
	font-size:11px;
}
#mailing-list input.checkbox {
	margin: 0 5px 0 0;
	position: relative;
	background-image: url(none);
	float: left;
	width: 15px;
	height: 15px;
	background-color: transparent;
}

#mailing-list .label-holder {
	width:50px;
	position: relative;
	float: left;
	clear: left;
	height: 20px;
}
#mailing-list .checkbox-holder {
	margin: 0 0 0 50px;
	height: 17px;
}

#mailing-list label {
	line-height: 1.6em;
}
#subscribe:hover {
	background-position:0 -21px;
}
.order-item {
	width:240px;
	float: left;
	margin: 0 0 20px;
}
#add-to-cart {
	float:left;
	clear:left;
}
#add-to-cart:hover {
	background-position:0 -21px;
}
#view-cart:hover {
	background-position:0 -21px;
}
#order label {
	font-size:1.4em;
	font-weight: bold;
	color: #330000;
	float: left;
	margin: 0 0 5px 0;
	text-align: center;
}
#order select {
	font-size:1.1em;
	background-color: #330000;
	border: solid #330000 1px;
	padding: 0 0 0 2px;
	color: #EFBF8F;
	float: left;
	clear: left;
	margin: 0 0 5px 0;
	width: 150px;
}
/* --------------------------------------------------------------------------box: rates--------*/

div.rate		{ width:323px; position:relative; left:-28px; padding:8px 0 8px 28px; }
div.rate#first	{ padding-top:0; }
div.rate#last	{ padding-bottom:0; }
div.rate#odd	{ background-image:url(../images/box-bg-light.png); }
div.rate p		{ font-size:1.1em; margin-bottom:3px; }
.price-line {
	width:295px;
	border-bottom: dotted #FFCC99 1px;
	position: relative;
	margin: 3px 0;
	padding-bottom:4px;
	border-bottom-color: #604428;
}
.price {
	top: -2px;
	position: absolute;
	right: 0px;
}

/* --------------------------------------------------------------------------box: press--------*/



/* --------------------------------------------------------------------------course gallery iframe --------*/
iframe#gallery {
	margin: 0 0 0 0;
	width: 100%;
	padding: 0 0 0 0;
	top: 25px;
	left: 0px;
	position: relative;
	z-index: 0;
}
/* --------------------------------------------------------------------------footer--------*/
#footer {
	position:absolute;
	bottom:0px;
	width:100%;
	height:40px;
	z-index: 10;
	background-image: url(../images/footer.png);
	background-position: bottom;
	background-repeat: no-repeat;
}
#footer-box {
	background-position:center bottom;
	background-repeat:no-repeat;
	width: 809px;
	margin: 0 auto;
	position: relative;
	height: 40px;
}
#footer-text {
	font-size: 1.2em;
	line-height: 1.7em;
	color: #330000;
	text-align:center;
	left:30px;
	bottom: 5px;
	width: 740px;
	position: absolute;
}
#footer-text a { color:#000000; position: relative; text-decoration:underline; color:#330000; }
#footer-text a:hover {}

/* --------------------------------------------------------------------------gradients--------*/
#gradient-top {
	background-image: url(../images/gradient-top.png);
	background-repeat: repeat;
	position: absolute;
	height: 71px;
	width: 100%;
	left: 0px;
	top: -10px;
	z-index:900;
}
#gradient-left {
	background-image: url(../images/gradient-left.png);
	background-repeat: repeat;
	position: fixed;
	height: 100%;
	width: 115px;
	left: 0px;
	top: 0px;
}
#gradient-right {
	background-image: url(../images/gradient-right.png);
	background-repeat: repeat;
	position: fixed;
	height: 100%;
	width: 115px;
	right: 0px;
	top: 0px;
}

/* -------------------------------------------------------------------------- MEMBER'S CORNER --------*/
.clearfloat {clear:both;}

#corner			{ position:absolute; top:0; right:0; width:95px; height:100px; z-index:999; }
#corner a		{ position:relative; display:block; width:95px; height:100px; }
#corner img		{ width:95px; height:100px; }

#members-holder { width: 90%; margin:0 auto; padding-bottom:100px; position:relative; max-width:1000px; }

body#members		{ background-image:url(../images/bg-dark-texture.jpg); background-color:#000; }
#header-members		{ position:relative; height: 100px; background:url(../images/logo-no-tower.png) 0 0 no-repeat; z-index:800; }
#header-members h1	{ position: relative; top: 0; left:285px; width:475px; height:57px; text-indent:-7777px; background:url(../images/members-corner-title.png);}

.members-content			{ margin: -20px 400px 0 10px; }
.members-content h3			{ font-size: 1.8em; line-height: 1.5em; color: #FFF; font-family: "Hoefler Text", Constantia, Cambria, Georgia, serif; margin: 40px 0 20px; border-bottom: dotted #d5b99c 1px; text-align: left; clear: both; padding-bottom: 12px; font-style: italic; text-shadow: 1px 1px 1px #333; }
.members-content h4			{ font-size: 1.5em; line-height: 1.5em; color: #000000; font-family: "Hoefler Text", Constantia, Cambria, Georgia, serif; margin: 0 0 15px 0; text-align: left; clear: left; font-style: italic; }
.members-content p			{font-size:1.4em; line-height: 1.4em; color: #fff4df; text-shadow: 1px 1px 1px #333; margin-bottom: 1em; }
.members-content p strong	{font-weight:bold; }
.members-content p a		{color:#330000; text-decoration:underline; }
.members-content p a:hover	{text-decoration:none; }
.members-content img		{ float:left; margin: 0 15px 10px 0; width:155px; height:155px; }

.box-members-holder { position:absolute; top:100px; right:0; width:360px; }
.box-members {color:#FFF; width:351px; font-size: 1.2em; background:url(../images/box-members-bg-vert.png) repeat-x 0 51px; margin:40px 0 0 0; float:right;}
.box-members#first {margin-top:0;}
.box-members h2 {width: 351px; height: 51px; margin-bottom: 0; padding: 0; line-height: 0; text-indent: -9999px;}
.box-members h2#login {background-image:url(../images/box-members-header-login.png);}
.box-members h2#tips {background-image:url(../images/box-members-header-tips.png);}
.box-members h2#tournaments {background-image:url(../images/box-members-header-tournaments.png);}
.box-members h2#feedback {background-image:url(../images/box-members-header-feedback.png);}

.box-members-content {width: 311px; margin:12px auto -40px auto; position: relative; z-index: 500;}
.video-holder { width:311px; height:234px; border:solid #94795c 1px; margin: 0 0 14px 0; position:relative; z-index:10; }
.box-members-content p {font-size:1.1em; line-height: 1.6em; margin-bottom: 1em; }
.box-members-content p.indented { text-indent:43px; }
.box-members-content p.centered { text-align:center; }
.box-members-content p span { color:#94795c; text-align:right; display:block; }
.box-members-content a {}
.box-members-footer {width: 351px; height: 36px; position: relative; top: 36px; background:url(../images/box-members-footer.png) bottom;}
.box-members-footer#shorter { height:22px; top:22px; }

.box-members-big {color:#FFF; width:766px; font-size: 1.2em; margin:50px auto 100px auto; background:url(../images/box-members-bg-vert.png) repeat-x 0 51px; clear:both;}
.box-members-big h2 {width: 766px; height: 51px; margin-bottom: 0; padding: 0; line-height: 0; text-indent: -9999px;}
.box-members-big h2#calendar {background-image:url(../images/box-members-big-header-calendar.png);}
.box-members-big-content {width: 726px; margin:12px auto -50px auto; position: relative; z-index: 500;}
.box-members-big-content p {font-size:1em; line-height: 1.4em; text-align: justify;}
.box-members-big-content a {color: #330000;	text-decoration:underline; font-weight:bold;}
.box-members-big-content a:hover { text-decoration: none;}
.box-members-big-footer {width: 766px; height: 36px; position: relative; top: 36px; background-image:url(../images/box-members-big-footer.png);}

.tournament-date		{ height:18px; color:#94795c; padding:7px 5px 2px 5px; border-bottom: dotted #604428 1px; display:block; cursor:pointer; text-align:left; clear:both; }
div.tournament-date		{ cursor: default; } /*for tournaments without a link--make it a div*/
a.tournament-date:hover	{ background-image:url(../images/box-members-bg-vert.png); color:#D5B99C; }
.tournament-name		{ color:#FFF; text-align:right; float:right; clear:right; }


/* ------ CENTERED LOGIN BOX --------*/
#vertical{float:left; height:50%; margin-top:-175px;/* half vertical height*/ width:100%;}
#hoz {width:400px; margin-left:auto; margin-right:auto; height:280px; overflow:auto;/* allow content to scroll inside element */ clear:both;}

/* ------ BARS AND GRADIENTS --------*/
#bg-top-bar				{ background-image: url(../images/bg-top-bar.png); background-repeat: repeat; position: absolute; height:57px; width: 100%; left: 0px; top:0; z-index:-1; }
#gradient-bottom-dark	{ background: url(../images/gradient-bottom-dark.png) repeat; position: fixed; height: 100px; width: 100%; left: 0; bottom: 0; z-index:-1; }
#gradient-left-dark		{ background: url(../images/gradient-left-dark.png) repeat; position: fixed; height: 100%; width: 100px; left: 0px; top: 0px; z-index:-1; }
#gradient-right-dark	{ background: url(../images/gradient-right-dark.png) repeat; position: fixed; height: 100%; width: 95px; right: 0px; top: 0px; z-index:-1; }

#best-of-oc		{ width:200px; height:200px; position:absolute; top:0; right:0; text-indent:-8899px; z-index:9999; }
#best-of-oc	a	{ display:block; background:url(../images/best-of-orange-county.png); width:200px; height:200px; }