@charset "UTF-8";
/*
Lake San Marcos Resort styles
Author: Ivan
*/


/* link underlines tend to make hypertext less readable, 
 * because underlines obscure the shapes of the lower halves of words
  *********************************************************************/
:link,:visited { text-decoration:none }


/* no list-markers by default (optional)                              */
ul,ol { list-style:none }


/* Avoid browser default inconsistent font-sizes                      */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* Remove inconsistent (among browsers) default ul,ol padding or margin
 * the default spacing on headings does not match nor align with normal
 * interline spacing at all, so let's get rid of it.
 * Zero out the spacing around pre, form, body, html, p, blockquote as well
 * form elements are oddly inconsistent, and not quite CSS emulatable.
 * Nonetheless, strip their margin and padding as well.
 **********************************************************************/
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p, blockquote, fieldset, input
{ margin:0; padding:0 }
em {clear:none;}
/* remove default borders around linked images                        */
a img,:link img,:visited img { border:none }
hr {border : none; border-top : dashed 1px #CCCCCC; color : #FFFFFF; background-color : #FFFFFF;height : 1px;
}

/* more varnish stripping as necessary...                             */

/* global elements
 * ------------------------------------------------------------------------------------- */
body {
	background: #e6e2d6 url(../images/bg.jpg);
	margin: 0px;
	padding: 0px;
	text-align: center;	 	
	overflow:visible;
}


p, div, li, div, h1, h2, h3, h4, td {
	font-family: Tahoma, "Myriad Pro", Verdana;
	font-size: 11px;
	color: #696969;
	line-height: 16px;
}


a:link, a:visited {
	color: #7496bf;	
}
a:hover, a:active {
	color: #7496bf;
	text-decoration: underline;
}

a img {
border:none;
}

div, ul, li, h1, h2, h3, dl, dd, img, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}


h1 span, h2 span, #sitemap span { display: none; }


p, dl, pre, blockquote, h1, h2, h3 {
	margin-bottom: 8px; line-height: 14pt;
}


/* home page style 
* ------------------------------------------------------------------------------------- */

#wrapper {
	margin: 0pt auto;
	text-align:center;	
	background-image: url(../images/middlebg.jpg);
	width: 808px;
}

#header {
	background-image:url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 808px;
	height: 106px;		
}

#room-reservation{
	background-image:url(../images/res.jpg);
	/*opacity: .35; 
	filter: alpha(opacity=35);*/
	background-repeat: no-repeat;
	cursor:pointer;
	display:block;
	float:right;
	height:48px;	
	margin-top:37px;
	padding-right: 13px;
	width:213px;
}

#topmenu{
	margin-left:13px;
	text-align:left;
	width: 780px;
}


#yui-main{
	float:left;
	margin: 0 auto;	
}

#flashcontent {
	height: 244px;
	background-image: url(../images/middlebg.jpg);
	text-align:center;
	clear: both;	
}

#content {
	width: 808px;
	text-align: center;
	background-image: url(../images/dottedbg.gif);	
	background-position: 0px 90px;
	clear: both;	
}


#accommodations {width:208px; float:left; text-align:left; background-image:url(../images/accommodations-title.jpg); background-repeat:no-repeat; background-position: 30px 0px;}
#accommodations p {padding-left: 55px; padding-right:35px; padding-top: 10px;}
#accommodations img {padding-left: 47px; padding-top: 30px;}

#dining {width:187px; float:left; text-align:left; background-image:url(../images/dining-title.jpg); background-repeat:no-repeat; background-position: 20px 0px;}
#dining p {padding-left: 40px; padding-right:30px; padding-top: 10px;}
#dining img {padding-left: 34px; padding-top: 30px;}

#golf {width:190px; float:left; text-align:left; background-image:url(../images/golf-title.jpg); background-repeat:no-repeat; background-position: 34px 0px;}
#golf p {padding-left: 35px; padding-right:35px; padding-top: 10px;}
#golf img {padding-left: 30px; padding-top: 30px;}



#events {width:223px; float:left; text-align:left; background-image:url(../images/events-title.jpg); background-repeat:no-repeat; background-position: 40px 0px;}
#events p {padding-left: 52px; padding-right:50px; padding-top: 10px;}
#events img {padding-left: 42px; padding-top: 30px;}

#more { text-align:right; margin-right:40px;}

#sitemap {
	width: 808px;
	margin: 0px auto;
	font-family: Tahoma, "Myriad Pro", Verdana;
	background-image: url(../images/middlebg.jpg);
	padding: 0px;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
	clear:both;	
}	

	#sitemap li { 
		margin: 0px;
		padding: 0px;
		display: inline;
		color: #696969;
	}
	
	#sitemap a:link, #sitemap a:visited {
		font-size:11px;
		color: #7496bf;
		text-decoration: none;
	}
	#sitemap a:hover, #sitemap a:active {
		font-size:11px;
		color: #7496bf;
		text-decoration: underline;
	}


#footer {
	width: 808px;
	margin: 0px auto;	
	padding: 0px;
	text-align: center;
	background-image:url(../images/footer.jpg);
	background-repeat: no-repeat;
	clear:both;
}
	#footer p {
		color: #696969;
		font-size:11px;
	}


	#footer li { 
		margin: 0px;
		padding: 0px;
		display: inline;
		color: #696969;
	}
	
	#footer a:link, #footer a:visited {
		font-size:11px;
		color: #7496bf;
		text-decoration: none;
	}
	#footer a:hover, #footer a:active {
		font-size:11px;
		color: #7496bf;
		text-decoration: underline;
	}
	

/* golf styles 
* ------------------------------------------------------------------------------------- */
	
#golf-header {
	background-image:url(../images/golf-header.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 808px;
	height: 106px;		
}


#golf-reservation{	
	background-image:url(../images/golf-res.jpg);
	background-repeat: no-repeat;
	cursor:pointer;
	display:block;
	float:right;
	height:48px;	
	margin-top:37px;
	padding-right: 13px;
	width:213px;
}

#golf-content {
	width: 808px;
	text-align: center;	
	clear: both;	
}

#golf-footer {
	width: 808px;
	margin: 0px auto;	
	padding: 0px;
	text-align: center;
	background-image:url(../images/golf-footer.jpg);
	background-repeat: no-repeat;
	clear:both;
}

/* wedding styles 
* ------------------------------------------------------------------------------------- */
	
#wedding-header {
	background-image:url(../images/wedding-header.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 808px;
	height: 106px;		
}


#wedding-reservation{	
	background-image:url(../images/wedding-res.jpg);
	background-repeat: no-repeat;
	cursor:pointer;
	display:block;
	float:right;
	height:48px;	
	margin-top:37px;
	padding-right: 13px;
	width:213px;
}

#wedding-content {
	width: 808px;
	text-align: center;	
	clear: both;	
}

#wedding-footer {
	width: 808px;
	margin: 0px auto;	
	padding: 0px;
	text-align: center;
	background-image:url(../images/wedding-footer.jpg);
	background-repeat: no-repeat;
	clear:both;
}


#left-sidebar {
	margin-top:30px;
	background-image: url(../images/insidedottedbg.gif);	
	background-position: 0 0;
	width:204px;
	float:left;
	text-align:left;
}
#left-sidebar img{
	margin-left: 25px;
	margin-bottom: 30px;
}


#right-container {
	margin-top:30px;
	width:604px;
	float:left;
	text-align:left;
}


#right-container h1 { width:500px; text-align:left; margin-left: 30px; color:#7496bf; font-size:12px; margin-bottom:20px;}
#right-container p,h2 { width:500px; text-align:left; margin-left: 30px;}

#reservations  p, #reservations  h2 { width:750px; text-align:left; margin-left: 30px;}


#right-container em {color: #b85c40;}


#right-member-container {
	margin-top:30px;	
	margin-left:10px;
	float:left;
	text-align:left;
}

#form {
	margin-top:30px;
	width:604px;
	float:left;
}

#form em {color: #15428b;}

#form p,h2 { width:500px; text-align:left; margin-left: 30px;}

/* classes 
* ------------------------------------------------------------------------------------- */

.clearfix:after {        
    content: ".";       
    display: block;       
    height: 0;       
    clear: both;       
    visibility: hidden;
}
.clearfix {display: inline-block;}        
* html .clearfix {height: 1%;}        
.clearfix {display: block;}

.first {
	padding-top: 80px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.clear { clear:both;}
.padd { margin:0; padding:0;}