/* stylesheet for playalastortugas.com by Lee Fleming, InfoPulse LLC, lee@infopulsellc.com */

html, body { 
 margin: 0; 
 padding: 0; 
 text-align: center;
 /* background-image: url(http://www.playalastortugas.com/images/waves.gif);
 background-repeat: repeat; */
background-image: url(http://www.playalastortugas.com/images/bg04.jpg);
 background-repeat: repeat; 
background-color: #F6F0E2;
 font: 500 100% "Times New Roman" Times serif;
 color: #474747;

} 
 
#pagewidth { 
 width: 724px; 
 text-align: left;
 margin: 11px auto;
 padding: 3px 16px;
 border: 1px solid #92B77C;
 background-color: #fff;
} 

img {margin: 0; padding: 0;}

a:link, a:visited {
 	color: #608EBA; text-decoration: underline;
 }

a:hover {
 	color: #92b77c; text-decoration: underline;
 }

a:active {
 	color: #c00; text-decoration: underline overline;
 }

 /* header stuff */
#header {
 position: relative; 
 height: 88px; 
  background-color: #fff; 
 width: 724px;
} 
 #logo {
 	padding: 5px 0 0 0;
	float: left; width: 200px; height: 88px; 
 }
 
 ul#topnavs {
 	float: right; height: 15px; width: 520px; padding: 0; margin: 25px 0 30px 0;
	font: 500 11px "Arial Narrow", sans-serif; text-align: right; text-transform: uppercase; font-weight: 400; list-style: none;
 }

td.resultHead { font: 600 11px "Arial Narrow", sans-serif; text-transform: uppercase;}
 
 #topnavs li 
{
display: inline;
list-style-type: none;
padding: 0 0 0 4px;
}
  
 #tagline {
 	float: right; height: 14pt; vertical-align: bottom; width: 500px; text-align: right; font-style: italic; color: #608EBA; font-size: 13pt; padding: 0; margin-bottom: -10px;
 }
 
#topnavs a {
 	color: #96381E; text-decoration: none; 
 }
 
 #topnavs a:hover {
 	color: #608EBA; text-decoration: overline underline; 
 }
 
 #topnavs a:active {
 	color: #c00; text-decoration: overline underline; 
 }
 
  #home a.home, #about a.about, #contact a.contact, #rentals a.rentals, #sales a.sales, #activities a.activities, #community a.community, #location a.location
{
color: #92B77C;
}
 
 /* photobar and main title */
 #photobar {
 	width: 724px; height: 166px; margin: 15px 0; padding: 0;
 }
 
 .topborder, .bottomborder, .photobar, .headbar {
 	margin: 0; padding: 0;
 }

/* inside page topic title */
#headbar {width: 724px; height: 71px; margin: 5px 0 25px 0; padding: 0; text-align: center; position: relative; }
 h2.headbar {
 	color: #608EBA; font-weight: 400; text-transform: uppercase; letter-spacing: 1.75pt; font-size: 17pt; margin: 0; padding: 5px 0; line-height: 100%; vertical-align: middle;
 }

 /* titlebar */
 #titlebar {
 	width: 724px; height: 121px; margin: 15px 0; padding: 0;
 }
 #hpphoto {
 	float: left; height: 121px; width: 362px; margin: 0; padding: 0; border: 1px solid #92B77C;
 }
 h1.homepage {
 	float: left; width: 350px; margin: 15px 0 0px 0; padding: 0 0 0 8px; text-align: center; vertical-align: middle;
 font-variant: small-caps; color: #96381E; font-weight: 400; font-size: 27pt;
 }
 p.homepageq {
 	float: left; width: 360px; margin: 10px 0; padding: 0; text-align: center; vertical-align: middle;
 font-style: italic; color: #92b77c; font-size: 19.5pt;
 }

#wrapper {margin-top: 15px; clear: both; position: relative;}

 /* left info col on home page; nav col on inside pages */
#leftcol {
 width: 200px; 
 float: left; 
 position:relative; 
 background-color:#fff; margin: 0; padding: 0;
 }

/* dynamic menus - dyno-cat styling */

#nav_categories {  margin: 0;
padding: 0;
list-style: none; border-bottom: 1px solid #92B77C; 
}

#nav_categories b {text-transform: uppercase; }

#nav_categories ul {list-style: none;}

#nav_categories li { font-family: "arial narrow", arial, Helvetica, sans-serif; font-size: 10pt;  border-top: 1px solid #92B77C; }

#nav_categories a:link {text-decoration: none;}

#nav_categories a:visited {text-decoration: none;}

#nav_categories a:hover {text-decoration: none;}

#nav_categories a:active {text-decoration: none;}

/* end dyno-cat styling */

/* searchbox stuff */
 div.search, p.search, a:link.search, a:visited.search {
 	width: 180px; color: #749163; font: 400 11px Arial, sans-serif; text-transform: uppercase;  margin: 0; padding: 0; line-height: 140%;
 }
a:link.search, a:visited.search {text-decoration: underline;}

 .go {background-color:  #fff;
font-size:         11px;
letter-spacing:    .15em;
text-transform:    uppercase;
color:             #749163;
border: 1px solid #608EBA; }
/* end searchbox stuff */

.submit {
background-color:  #fff;
font-size:         11px;
letter-spacing:    .15em;
padding:           1px;
margin-top:        2px;
margin-bottom:     2px;
text-transform:    uppercase;
color:             #749163;
cursor: hand;

}


 div.left {
 	width: 180px; color: #749163;
 }
 p.left {
 	font: 400 11px Arial, sans-serif;   margin: 0; padding: 0;
 }

.clear {
 	clear: both;
 }


 h5.left {
 	font: 500 11px Arial, sans-serif;  text-transform: uppercase; margin: 15px 0 0 0; padding: 0;
 }
 a:link.left, a:visited.left {
 	color: #749163; text-decoration: underline;
 }
 div.camp {
 	width: 180px; padding-top: 15px; color: #608EBA;
 }
 p.camp {
 	font: 400 11px Arial, sans-serif; margin: 0; padding: 0;
 }
 h5.camp {
 	font: 500 11px Arial, sans-serif; text-transform: uppercase; margin: 0 0 4px 0; padding: 0;
 }
 a:link.camp, a:visited.camp {
 	color: #608EBA; text-decoration: underline;
 }
 
 h3.hp {
 	color: #749163; font-weight: 400; font-size: 10.5pt; font-style: italic; 
 }
 
 /* main content col  */
#maincol {
 float: right; 
 display:inline; 
 position: relative; 
 width:500px; 
padding-right: 10px;
padding-bottom: 20px;
 }

#maincol h4 {
 font-style: italic; color: #749163; font-weight: 400; font-size: 13pt; padding-top: 12px; margin: 0;}

 #maintop {
 		clear: both; margin: 0; padding: 0; width:500px; position: relative; 
 }
 #mainmiddle {
 	clear: both; margin: 25px 0 0 0; padding: 0; width:500px;  position: relative; 
 }
 
 h2 {
 	color: #608EBA; font-weight: 400; text-transform: uppercase; letter-spacing: 2pt; font-size: 15pt; margin: 0 0 10px 0; padding: 0; line-height: 100%;
 }

h2.homepage {
 	color: #608EBA; font-weight: 400; text-transform: uppercase; letter-spacing: 1pt; font-size: 15pt; margin: 0 0 10px 0; padding: 0; line-height: 100%;
 }

 a:link:h2, a:visited:h2 {
 	color: #608EBA; text-decoration: none;
 }
  .floatleft {
 	float: left; width: 254px; border: 1px solid #92B77C; margin: 0 20px 30px 0;
 }
 .floatright {
 	float: right; width: 254px; border: 1px solid #92B77C; margin: 0 0 30px 20px;
 }
 
#maincol .floatleft {float: left; margin: 0 20px 0 0; border: 0;}
#maincol .floatright {float: right; margin: 0 0 0 20px; border: 0;}
#maincol img {border: 2px solid #92B77C;}
.wideimage {margin-top: 12px;}

 p {
 	line-height: 130%; margin: 0px 0 10px 0; font-size: 10.5pt;
 }

blockquote {margin: 0 20px 15px 20px;
}

blockquote p {line-height: 130%; margin: 0px 0 8px 0; font-size: 10.5pt; }

div.learn, p.learn  {
 	font-family: arial, sans-serif; text-transform: uppercase; float: right; font-size: 8.5pt; letter-spacing: .5pt; margin: -15px 0 15px 0;
 }
.learn {
 	text-decoration: none; color: #749163;
 }
 /* all things footer */
#footer {clear: both;
 height:47px; width: 724px;
  background-color:#fff; 
 border-top: 2px solid #608EBA;
 color: #749163; font: 400 9pt arial, sans-serif;   margin: 0 0 10px 0; padding: 3px 0;
 } 
 #legal {
 	float: left; width: 90%;
 }
#colophon {
	float: right; text-align: right; font-size: 11px; font-family: "arial narrow", sans-serif;
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}





/* original stylesheet */
ol {
	margin-bottom: 10px; list-style: none;
}

.center {
text-align: center;
}


#maincol ul {
list-style: disc;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 1em;
padding-left: 1em;
line-height: 130%; font-size: 10.5pt;
}


#blogtitle {
font-size: 1.25em;
color: #2F4C12;
float: left;
margin: 7px 0 0 0;
padding: 8px 4px 4px 4px;
width: 700px;
border-top: 1px solid #333;
}

#blogtitle h1 {
margin: 0;
padding: 5px 0 0 0;
font: 160% Georgia, Times, serif;
letter-spacing: 0.1em;
text-align: left;
}


#content {
float: left;
margin: 0;
padding: 10px 10px 0 10px;
background: #fff;
border-left: 0px solid #000;
border-top: 0px solid #000;
border-right: 0px solid #000;
}

#blog {
float: left;
margin-right: 5px;
padding: 0 10px 10px 10px;
width: 440px;
color: #333;
text-align: left;
}

#sidebar {
float: left;
margin-left: 5px;
padding: 10px 10px 10px 15px;
border: 1px solid #ccc;
width: 219px;
background: #F9F8F2;
color: #333;
text-align: left;
}


.date {
font-size: 120%;
background: transparent;
color: #000;
}

h2.title {
font-size: 130%;
font-weight: 400;
background: transparent;
color: #96381E;
text-transform: none; letter-spacing: 0pt;
}

.posted {
margin-bottom: 10px;
font: 10px "lucida grande", verdana, arial, helvetica, sans-serif;
background: transparent;
color: #666;
}

.sidetitle {
margin: 18px 0 7px 0;
font-size: 115%;
letter-spacing: 0.09em;
font-weight: normal;
background: transparent;
color: #666600;
border-bottom: 1px dotted #ccc;
}

.spacer {
clear: both;
}

.paginate {
 font-size:			12px;
 font-weight: 		normal;
 letter-spacing:	.1em;
 padding:			10px 6px 10px 4px;
 margin:			0;
 background-color:	transparent;
}

.pagecount {
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
}



.input {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, "Trebuchet MS", Arial, Sans-serif;
font-size:         11px;
height:            1.6em;
padding:           .3em 0 0 2px;
margin-top:        6px;
margin-bottom:     3px;
}

.textarea {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, "Trebuchet MS", Arial, Sans-serif;
font-size:         11px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}
a.top {text-decoration: underline; }
p.ptop {font-size: 8pt; text-align: right; margin: 2px 0; }

/* form styles */
.form {
	overflow: hidden; width: 460px; background-color: #fff;
}
form {
	
	padding: 0 5px ; margin: 0;
	height: expression('1%'); /* IE Peek-a-boo bug fix */
	} 

fieldset {
	position: expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	padding: 15px 18px;
	margin: 10px 0;
border: 1px solid #749163; text-align: left;
}
fieldset fieldset  {
	border: 1px solid #749163;	
	}
legend {
	position: expression('absolute'); 
	top: expression('-9px'); /* Fixes IE problem with fieldset+legend boundaries */
	padding: 2px 5px;
        font-style: italic;
        font-size: 110%;
        font-family: Times, "Times New Roman", sans-serif; color: #608EBA;
}
fieldset fieldset legend {
        font-size: 110%;
}
label, .label {	
		margin: 0; text-align: right;
}
/* .label is typically used on a span or p tag to label a radio or checkbox group */
label.preField, .label  {
	display: -moz-inline-box;
	display: inline-block;	
	width: expression('9em'); /* Min-width for IE6 */
	min-width: 7em;
	padding: 0 2px;
	margin: 0.6em 4px 0 0;
width: 150px; text-align: right;
}
.label { display: block; width: auto; text-align: right; }

label.postField  {
	margin-left: 4px;
	margin-right: 4px;
}
textarea {
	padding: 0;
	vertical-align: top;
	margin: 2px 0 1px 0;
}
input, select, textarea {
 	border: 1px solid #749163;
 }
input.formtext {
	width: 19em;
}
select {
	padding: 0;
	margin: 2px 0 1px 0;
}

.instructions {
	margin: 15px 0 10px 0; text-align: left;
}
/* Ties together a label and its checkbox or radio */
.oneChoice {
	white-space: nowrap; 
}

.breadcrumb {
 margin:			0 0 10px 0;
 background-color:	transparent;
 font: 500 11px "Arial Narrow", sans-serif; 
}
.hidden {padding: 0; margin: 0; display: none;}