@charset "UTF-8";


/*--------------------------------------------------
	Containers
--------------------------------------------------*/

html {
	display: block;
	position: static;
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #a59678;
}
body {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 0 50px 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 21px;
	color: #000000;
	background-color: #a59678;
}
#wrapper {
	background-image: url('http://www.pebblecreekgolf.com/images/bg-wrapperpc.png');
	display: block;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 1000px;
	text-align: left;
	/* overflow: auto; */
	
	background-position: 0 center;
	background-repeat: repeat-y;
}


/*--------------------------------------------------
	General Styles
--------------------------------------------------*/

a:link,
a:visited,
a:active {
	color: #433822;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
}
.hidden {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	text-indent: -9999em;
	overflow: hidden;
}
h2, h3, h4, h5, h6, p, ul, ol, dl {
	margin-top: 0;
}

#breadcrumbs{list-style:none;width:500px;font-size:12px;line-height:16px;margin:0 0 11px 5px;padding:0;	height: 16px;
}
#breadcrumbs li{display:inline;background:url("pcgc/images/bc-split.gif") no-repeat left;padding:0 3px 0 10px;}
#breadcrumbs li:first-child{background:none;padding-left:0;}
#breadcrumbs a{color:#aaa993; font-style:italic;font-size:12px;}






/*--------------------------------------------------
	Header
--------------------------------------------------*/

#header {
	display: block;
	position: relative;
	width: 1000px;
	height: 180px;
	background-image: url('http://www.pebblecreekgolf.com/images/bg-headerpc.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 99;
}
#header hr {
	display: none;
}

/* logo */
#logo {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 100px;
	left: 38px;
	top: 33px;
}
#logo a {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 239px;
	height: 100px;
	text-indent: -999em;
	overflow: hidden;
	outline: none;
	background-image: url('http://www.pebblecreekgolf.com/images/logo.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}
#logo a:hover {
	background-position: 0 -100px;
}

/* updates */
#header .updates {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 34px;
	right: 120px;
	top: 40px;
}
#header .updates a {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 34px;
	text-indent: -999em;
	overflow: hidden;
	outline: none;
	background-image: url('http://www.pebblecreekgolf.com/images/bg-updates.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
}
#header .updates a:hover {
	background-position: 0 -34px;
}

/* facebook */
#header .facebook {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 34px;
	height: 34px;
	right: 80px;
	top: 40px;
}
#header .facebook a {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 34px;
	height: 34px;
	text-indent: -999em;
	overflow: hidden;
	outline: none;
	background-image: url('http://www.pebblecreekgolf.com/images/bg-facebook.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
}
#header .facebook a:hover {
	background-position: 0 -34px;
}

/* twitter */
#header .twitter {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 34px;
	height: 34px;
	right: 40px;
	top: 40px;
}
#header .twitter a {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 34px;
	height: 34px;
	text-indent: -999em;
	overflow: hidden;
	outline: none;
	background-image: url('http://www.pebblecreekgolf.com/images/bg-twitter.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}
#header .twitter a:hover {
	background-position: 0 -34px;
}

/* address */
#header .address {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	right: 40px;
	top: 90px;
	color: #786643;	
	font-size: 12px;
	line-height: 18px;
	text-align: right;
}


/*--------------------------------------------------
	Nav
-------------------------------------------------- */

#header .main-nav {
	display: block;
	position: absolute;
	left: 30px;
	top: 140px;
	z-index: 9999;
	width: 940px;
	height: 40px;
	background-color: #740e00;
	overflow: visible;
}
#header .main-nav ul.menu {
	display: block;
	position: relative;
	margin: 0;	
	padding: 0;
	list-style-type: none;
}
#header .main-nav ul.menu li {
	display: block;
	position: relative;
	margin: 0;	
	padding: 0;
	list-style-type: none; 
	float: left;
}
#header .main-nav ul.menu li a {
	display: block;
	position: relative;
	margin: 0;	
	padding: 0 17px 0 18px;
	height: 40px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:40px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	background-image: url('http://www.pebblecreekgolf.com/images/bg-main-nav-sep.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
	white-space: nowrap;
	outline: 0;
	cursor: pointer;
}
#header .main-nav ul.menu li.item101 a {		/* home */
	width: 20px;
	padding: 0 21px 0 21px;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url('http://www.pebblecreekgolf.com/images/bg-main-nav-home.gif');
	background-position:center center;
}
#header .main-nav ul.menu li a:hover,
/* #header .main-nav ul.menu li.active a, */
#header .main-nav ul.menu li:hover a,
#header .main-nav ul.menu li.hover a {
	background-color: #a59678;
}
/*
#header .main-nav ul.menu li a:hover {
	color: #abb9db;
}
*/

/* sub-menu */
#header .main-nav ul.menu ul {
	display: none;
	position: absolute;
	padding: 6px 6px 11px 6px;
	margin: 0;
	z-index: 99;
	background-color: #a59678;
	border: 1px solid #00000;
	border-top: 0;
	color: #a2b551;
}
#header .main-nav ul.menu li:hover ul,
#header .main-nav ul.menu li.hover ul {
	display: block;
}
#header .main-nav ul.menu li li {
	float: none;
}
#header .main-nav ul.menu li li a {
	padding: 0 11px 0 11px;
	height: auto;
	min-width: 100px;
	font-size: 11px;
	line-height: 24px;
	text-transform: none;
	text-align: left;
	background-image: none;
}
#header .main-nav ul.menu li li a:hover {
	color: #740e00;
}


/*--------------------------------------------------
	Footer
--------------------------------------------------*/

#footer {
	display: block;
	position: relative;
	width: 1000px;
	padding: 80px 0 0 0;
	margin: 0;
	color: #51452d;
	clear: both;
	background-image: url('http://www.pebblecreekgolf.com/images/bg-footer.png');
	background-position: bottom center;
	background-repeat: no-repeat;
}
#footer hr {
	display: none;
}
#footer .copyright {
	text-align: center;
	height: 50px;
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 50px;
}
#footer .footer-nav {
	font-size: 11px;
	line-height: 18px;
	width: 920px;
	margin: 0 auto;
	padding: 15px 10px 18px 10px;	
	background-image: url('http://www.pebblecreekgolf.com/images/bg-footer-nav.png');
	background-position: 0 0;
	background-repeat: repeat-x;
	border-top: 2px solid #51452d;
	border-bottom: 2px solid #51452d;
	overflow: auto;
}
#footer .footer-nav ul.menu {
	display: block;
	list-style-type: none;
	width: 920px;
	margin: 0;
	padding: 0;
}
#footer .footer-nav ul.menu li {
	display: block;
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0 11px 0 12px;
}
#footer .footer-nav ul.menu ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#footer .footer-nav ul.menu ul li {
	display: block;
	list-style-type: none;
	float: none;
	margin: 0;
	padding: 0;
}
#footer .footer-nav a {
	display: block;
	text-decoration: none;
	color: #433822;
}
#footer .footer-nav a:hover {
	text-decoration: underline;
}
#footer .footer-nav ul.menu ul li a {
	font-weight: normal;
}

/*--------------------------------------------------
	Slideshow
--------------------------------------------------*/

.mainimg {
	display: block;
	position: relative;
	width: 940px;
	height: 300px;
	z-index: 1;
	overflow: auto;
	background-color: #D8DAE2;

}

.mainimg p,
.mainimg a,
.mainimg img {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	display: block;
		position: absolute;
		top: 0;
	left: -1;
		margin: 0;
		padding: 0;
		width: 940px;
		height: 300px;
		outline: 0;
		z-index: 1;
}


.slideshow {
	display: block;
	position: relative;
	width: 940px;
	height: 300px;
	z-index: 1;
	overflow: auto;
	background-color: #D8DAE2;
}
.slideshow p,
.slideshow a,
.slideshow img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 940px;
	height: 300px;
	outline: 0;
	border: 0;
	z-index: 1;
}
.slideshow .selected {
	z-index: -2;
}

/* slideshow-ctrls */
.slideshow ul.slideshow-ctrls {
	display: block;
	position: absolute;
	padding: 0;
	margin: 0;
	height: 20px;
	left: 6px;
	bottom: 6px;
	list-style-type: none;
	z-index: 3;
}
.slideshow ul.slideshow-ctrls li {
	display: block;
	position: relative;
	padding: 0;
	margin: 0 4px 0 0;
	height: 20px;
	width: 24px;
	list-style-type: none;
	float: left;
}
.slideshow ul.slideshow-ctrls li a {
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	height: 18px;
	width: 22px;
	
	/*
	color: #ffffff;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	*/
	
	border: 1px solid #cccccc;
	background-color: #AD4A12;
	outline: 0;
	
	text-indent: -999em;
	overflow: hidden; 
}
.slideshow ul.slideshow-ctrls li.selected a {
	/* background-color: #0a4324; */
	background-color: #df9a45;
}
.slideshow ul.slideshow-ctrls li a:hover {
	background-color: #df9a45;
}


/*--------------------------------------------------
	CTAs
--------------------------------------------------*/

#ctas {
	display: block;
	position: relative;
	float: right;
	width: 226px;
	margin: 12px 0 0 0;
}
#ctas h2 {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	text-indent: -9999em;
	overflow: hidden;
}
#ctas .cta {
	display: block;
	position: relative;
	float: left;
	width: 226px;
	margin: 0 0 12px 0;
	font-size: 12px;
	line-height: 18px;
	background-image: url('http://www.pebblecreekgolf.com/images/bg-cta.png');
	background-position: 0 100px;
	background-repeat: repeat-x;
	min-height: 188px;
}
#ctas h3 {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 12px;
	top: 75px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
}
#ctas h4 {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 12px;
	top: 75px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
}

#ctas p {
	margin: 0;
	padding: 0 12px 12px 12px;
}
#ctas img {
	width: 224px;
	height: 98px;
	margin: 0 -12px -8px -12px;
	border: 1px solid #786643;
}
#ctas a {
	font-weight: bold;
}
/* home */
body.home #ctas {
	float: none;
	width: 952px;
	margin: 12px -12px 0 0;
	overflow: auto;
}
body.home #ctas .cta {
	margin: 0 12px 12px 0;
	top: 0px;
	}


/*--------------------------------------------------
	Main Content
--------------------------------------------------*/

#content {
	display: block;
	position: relative;
	width: 940px;
	padding: 0 30px 0 30px;
	z-index: 1;
	overflow: auto;
}
#content-tour {
	display: block;
	position: relative;
	width: 940px;
	padding: 0 30px 0 30px;
	z-index: 1;
	overflow: auto;
}

#copy {
	display: block;
	position: relative;
	padding: 20px 20px 0 20px;
	width: 534px;
	overflow: auto;
	font-size: 14px;
	line-height: 21px;
	z-index: 1;
}
#coursetour {
	display: block;
	padding: 20px 20px 0 20px;
	background-color: #000000;
	width: 900px;
	overflow: auto;
	font-size: 14px;
	line-height: 21px;
	z-index: -9999;
	top: 0px;
	height: 716px;
}

#coursetour h3 {
	margin-top: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 21px;
	color: #FFFFFF;
}


#copy h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	line-height: 8px;
	color: #382703;
}
#copy h3, #copy h4, #copy h5, #copy h6 {
	margin-top: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 21px;
	color: #786643;
}
#copy .float-right {
	display: block;
	margin: 0 0 1em 1em;
	float: right;
}
#copy .float-left {
	display: block;
	margin: 0 1em 1em 0;
	float: left;
}
#copy table, #copy tr, #copy th, #copy td {
	border: 1px solid #cccccc;
	border-collapse: collapse;
}
#copy table.no-border,
#copy table.no-border tr,
#copy table.no-border th,
#copy table.no-border td {
	border: 0;
}
#copy table {
	margin-top: 1.0em;
}
#copy th {
	background-color: #eeeeee;
}
#copy hr {
	color: #cccccc;	
	background-color: #cccccc;
	border: 0;
	height: 1px;
	margin: 3em 0;
	padding: 0;
}

/* home */
body.home #copy {
	padding: 10px 20px 10px 20px;
	font-size: 16px;
	line-height: 24px;
	width: 810px;
}
body.home #copy h2 {
	font-size: 18px;
	line-height: 32px;
	letter-spacing: -1px;
}
body.home #copy h3, body.home #copy h4, body.home #copy h5, body.home #copy h6 {
	font-size: 21px;
	line-height: 24px;
}

/* hole-by-hole */
body.hole-by-hole #copy {
	font-size: 12px;
	line-height: 16px;
}
body.hole-by-hole #copy strong {
	font-size: 14px;
	line-height: 16px;
}
body.hole-by-hole #copy img {
	width: 200px;
	float: left;
	margin: 0 20px 20px 0;
	clear: both;
}
body.hole-by-hole #copy  hr {
	margin: 2em 0 2em 0;
	clear: both;
}