/* GULFSTARBOATRENTALS.COM */


body {background: #ffff99 url(bg.png) repeat-y center top;}

#main {width:610px;color:#fff;margin:0 auto;padding-top:25px;}
#wrapper {width:600px;padding-top:10px;margin:0 auto;}
#content {width:580px;background: #fff url(contentbg.png) no-repeat top center;padding-top:25px;margin-top:3px; color:#000;padding-left:10px;padding-right:10px;}

#logo {width:83px;height:80px;float:left;padding-left:15px;}
#logo a,img {border:none;}

#rotator {width:600px;height:245px;margin:0 auto;background-image:url(slide1.jpg);color:#ff4;}

#footer {width:600px;font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;color:#ccc;text-align:right;}

#content h1 {font: 22px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#999999;}
#content h2 {font: 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#999999;}
#content h3 {font: 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#ccc;}
#content p {font: 13px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}



#leftcol {float:left;width:325px;}
#rightcol {float:right;width:230px;border-left:1px solid #ffffcc;padding-left:18px;}



#nav1 {background:url(nav.png) no-repeat; width:338px; height:25px;margin:0;padding:0;}
#navwrapper { margin: 0 auto; width:589px; margin-top:45px;padding-right:10px;padding-bottom:10px;}
#n-marg {float:right; width:358px;}
#nav1 li { float: left; display:inline; list-style:none;text-indent: -9000em; }
#nav1 li a { display: block; height: 25px;}
#n-home { width: 75px; }
#n-about { width: 85px; }
#n-rentals { width: 96px; }
#n-contact { width: 82px; }

#n-home a:hover { background: url(nav.png) 0px -25px no-repeat; }
#n-about a:hover { background: url(nav.png) -75px -25px no-repeat;}
#n-rentals a:hover { background: url(nav.png) -160px -25px no-repeat;}
#n-contact a:hover { background: url(nav.png) -256px -25px no-repeat;}

#buttons { margin: 0 auto; width:605px;height:45px;}
#bnav {background:url(buttons.png) no-repeat; width:605px; height:45px;margin:0;padding:0;}
#bnav li { float: left; display:inline; list-style:none;text-indent: -9000em; }
#bnav li a { display: block; height: 45px;}
#b-about { width: 152px; }
#b-craigcat { width: 152px; }
#b-kayaks { width: 151px; }
#b-pontoons { width: 147px; }

#b-about a:hover { background: url(buttons.png) 0px -45px no-repeat; }
#b-craigcat a:hover { background: url(buttons.png) -150px -45px no-repeat;}
#b-kayaks a:hover { background: url(buttons.png) -302px -45px no-repeat;}
#b-pontoons a:hover { background: url(buttons.png) -452px -45px no-repeat;}




#buttons2 img {padding-left:20px;padding-right:20px;border:none;}


.red {color:#ff0000;}

.name {color:#ff0000;text-align:right;font-style:italic;padding-right:8px;}
.review {color:#000;}

#contentwide h2 {
border-bottom: 1px solid #ccc;
}


#contentwide img {
padding:1px;
display:inline;
background:#ccc;
color:#ccc;
border:4px solid #f0f0f0;
}

#contentwide a {
font-weight:bold;
}

#contentwide ul, #contentwide ol {
margin:0 0 16px 20px;
padding:0;
}


#contentwide ul ul, #contentwide ol ol {
margin:2px 0 2px 20px;
}

#contentwide li {
margin:0 0 2px 10px;
padding:0 0 0 4px;
}

.lcol {
display:inline;
float:left;
width:245px;
}

.rcol {
display:inline;
float:right;
width:320px;
}

#threel {
display:inline;
float:left;
width:170px;
text-align:center;
}

#threer {
display:inline;
float:right;
width:170px;
text-align:center;
}

#threec {
display:inline;
width:170px;
text-align:center;}

.center { text-align:center; }



div label {
  display: block;
  font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}



input {

	border: 1px solid #BFBFBF;
	xcolor: #505967;
	background: #fff;
	padding: 2px 5px 1px 5px;
	
	}
	
input:hover {
	background: #fff;
	border: 1px solid #505967;
	xcolor: #505967;
	
	}
	
input:focus {
	color: #000;
	border: 1px solid #505967;
	background: #eee;
	}

textarea {
	font-family: Arial, Verdana, Helvetica;
	font-size: 1em;
	border: 1px solid #BFBFBF;
	xcolor: #505967;
	padding: 2px 2px 1px 2px;
	}

textarea:hover {
	background: #fff;
	border: 1px solid #505967;
	}
	
textarea:focus {
	color: #000;
	border: 1px solid #505967;
	background: #eee;
	}

form#contactform span {
	color: #000;
	padding-left: 2px;
	}
	
form#contactform span.warn {
	xcolor: #FF6600;
	background: #fff6bf url(alert.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}

input.invalid {
 background: #fff6bf;
 border: 2px solid #ffd324;
	}
	
strong.error {
  color: #CC0000;
	}
	
form#contactform span.error {
  xcolor: #CC0000;
	background: #fff6bf url(alert.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 2px 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}
	
.errormessage {
	background: #fff6bf url(alert.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}
	
.errorlist {
	margin: 0;
	padding: 0;
	}