html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{border:0;margin:0;padding:0}
article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {display:block}
a img {border:0; margin:0; padding:0; display:block;}
.container{padding:0;}
.row {width:100%;max-width:1003px;min-width:755px;margin:0 auto;overflow:hidden;background-color:white;}
body { background-color: #6699cc; margin: 0px; padding: 0px; font:400 normal 100%  Verdana, Helvetica, Tahoma, sans-serif; color: #000000; border: none;}
.row .twelvecol{width:100%;}
img, object, embed{max-width:100%;}
img{height:auto;}
.boxbody {max-width: 1003px; margin: 0 auto; padding: 0; border:none; background-color: white; }
div#box { max-width: 1003px; margin: 0 auto; padding: 0px 0px 0px 0px; }

/*FUNDAMENTAL STRUCTURE*/

.smartonly{display:none;}

#banner-left { position: absolute; margin: 0px 0px 0px 0px; width: 558px; height: 268px; background-image:url(images/capriboathiregoldcoastheader.jpg); background-repeat:no-repeat; }
#banner-left a { display: block; width: 893px; height: 268px; }
#banner-right { position: absolute; margin: 0px 0px 0px 558px; max-width: 445px; height: 268px; }
#banner-right-boats { position: absolute; margin: 0px 0px 0px 558px; max-width: 445px; height: 268px; background: url(images/banner_ss_4.jpg) no-repeat; }
#menu { position: absolute; margin: 268px 0px 0px 0px; max-width: 893px; height: 25px; background: url(images/menu.jpg) no-repeat; z-index:-1; }
.numenu { margin: 0 0 8px 0; padding: 0;max-width: 1003px; z-index:2; background-color:white;}


#fb {width: 20px;height: 20px; border: none; margin: -6px 0 -6px 20px; padding: 0;}


#menu-photogallery { position: absolute; margin: 268px 0px 0px 0px; max-width: 893px; height: 25px; background: url(images/menu_photogallery.jpg) no-repeat; z-index:-1; }
#menu-text { margin: 5px 0px 0px 370px; max-width: 475px; height: 31px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #ffffff; }


#btns { float:right; margin: 0; max-width: 488px;  }
#btnsrt { float:left; margin: 0; max-width: 244px;  }
#left-content { margin: 0; max-width: 540px; height: 367px; float:left; clear:both;}
#main-content { margin: 0 0 0 244px; max-width: 698px; background-color: white; border: 1px solid white; }
#main-content2 { float: left; max-width: 460px; background-color: white; border: none; }
#main-content2x { margin: 0 0 0 540px; max-width: 440px; background-color: white; border: none; padding: 0; text-align: right; }
#main-bottom { margin:0; max-width: 1003px; height: 28px; background: url(images/main_bottomwide.jpg) no-repeat; background-position: top center; }
#footer { clear: both; margin: 15px 0 0 0; max-width: 1003px; padding: 10px 0 0 0; font-family: Tahoma, sans-serif; font-size: 14px; line-height: 22px; font-weight: bold; color: #ffffff; text-align: center; background-color: #6699cc; }
/*TEXT AREAS*/
br.clrbth { clear: both; }
div.boatheading {text-align: center; font-size: 12px; font-weight: normal; font-family: Verdana, Arial,Helvetica, Tahoma,; }
#main-content-text { margin: 19px 30px 20px 30px; max-width: 540px; font-family: Verdana; font-size: 13px; color: #000000; }

/* changed from px to em */
#main-content-text2 { margin: 10px 20px 20px 20px; font-family: Verdana; font-size:.9em;line-height:1.5em; color: #000000;}


#main-content-text2x { margin: 19px 0px 20px 20px; max-width: 430px; font-family: Verdana; font-size: 13px; color: #000000; padding: 0; }
h1 { margin: 0; font-family: Verdana; font-size: 18px; color: #000000; line-height:1.5em;}
#boats-content-text-l { margin: 10px 30px 20px 30px; float: left; max-width: 390px; border: 1px solid red;font-family: Verdana; font-size: 13px;  }
#boats-content-text-l-small { margin: 30px 0px 0px 35px; max-width: 390px; height: 100px; font-family: Verdana; font-size: 12px; overflow: hidden; }
#boats-content-text-r { float:right; max-width: 123px;  font-family: Verdana; font-size: 13px; border: 1px solid red; }
#boats-content-text-rxx { float:right;   font-family: Verdana; font-size: 13px; border: 2px solid red; margin: 0 0 15px 5px; position: relative; top: 12px; }
div.redbold { text-align: center; color: red; font-weight: bold; }
li.redbol {	color: #FF0000;	font-weight: bold;}
#boats-content-text-r-small { margin: -111px 0px 0px 446px; max-width: 123px; height: 100px; font-family: Verdana; font-size: 13px; overflow: visible; border-left: 1px #000000 solid; border-bottom: 1px #000000 solid; }
#boats-content-text-b { margin: 0 0 0 0px; max-width: 660px; font-family: Verdana; font-size: 13px; border: 1px red solid;}
#boats-content-text-b-large { margin: 0px 0px 0px 35px; max-width: 535px; height: 229px; font-family: Verdana; font-size: 13px; overflow: visible; }

/*MOUSEOVERS*/

.rtcol {float:right;margin:13px 0 0 0 ;padding:0}
.rtcol a {color: black; font-size: .9em; display: block; max-width: 244px;border: 1px solid black; margin:0; padding:0;}

.rtcol a:link { text-decoration: none; color:black;}
.rtcol a:visited { text-decoration: none;  color:purple;}
.rtcol a:hover { text-decoration: underline; color:black;}
.rtcol a:active{ text-decoration: none; color:black;}

 div.boatdescription {  background-color:  #ffcc01; margin:0; padding: 3px; color: black;} 
.bowrider-btn {max-width: 254px; margin: 0 10px 10px 0; padding: 0; border: none; }
.halfcabin-btn {max-width: 254px;  margin: 0 10px 10px 0; }
.sixpontoon-btn {max-width: 254px; margin: 0 10px 10px 0; }
.twelvepontoon-btn {max-width: 254px; margin: 0 10px 10px 0 }

/*LINKS*/
#menu-text a:link { color:#033e6b; text-decoration:none; }
#menu-text a:visited { color:#033e6b; text-decoration:none; }
#menu-text a:hover { color:#ffffff; text-decoration:none; }
#main-content a:link { color:#033e6b; }
#main-content a:visited { color:#033e6b; }
#main-content a:hover { color:#6699cc; }
#photogallery-btns a:link { color:#000000; }
#photogallery-btns a:visited { color:#000000; }
#photogallery-btns a:hover { color:#000000; }
#footer a:link { color:#ffffff; text-decoration:none; }
#footer a:visited { color:#ffffff; text-decoration:none; }
#footer a:hover { color:#ff0000; text-decoration:underline; }
#footer a:active { color:#ffffff; text-decoration:none; }
/*LISTS*/
#main-content-text ul li { list-style-image:url(images/bullet.gif); }
ul.listx { margin-left: 35px}
ul.listx { list-style-image:url(images/bullet.gif); }
/*FONT CLASSES*/
.bold-text { font-weight:bold; }
.notbold-text { font-weight:normal; }
.large-red-text { color:red; font-weight:bold; font-size:18px; }
.green-text { color:green; }
.bold-green-text { color:green; font-weight:bold; }
.blue-text { color:#033e6b; }
.bold-blue-text { color:#033e6b; font-weight:bold; }
.large-blue-text { color:#033e6b; font-size:18px; font-weight:bold; }
.large-black-text { color:#000000; font-size:1.2em; line-height: 1.5em; font-weight:bold; }
.large-blue-text-nobold { color:#033e6b; font-size:18px;  line-height: 1.5em;}
.large-black-text-nobold { color:#000000; font-size:18px; line-height: 1.5em;}
.small-grey-text { color: gray; font-size: 10px; }
/*OTHER THINGS*/
#down-arrow { margin: -240px 0px 0px 475px; max-width: 29px; height: 48px; z-index:1; }
.preload { display:none; }
.mobileonly {display:none;}
.deskonly {display:none;}
/* slideshow images */
div.imagefloatss { max-width: 50%; float: right; padding: 0; margin:0; text-align:center; }


/* MEDIA QUERIES */

@media only screen and (max-width:1000px){
	#main-content2 {max-width: 60%; }
	div.imagefloatss { max-width: 38%; }
	.bowrider-btn:nth-child(2){margin:0 10px 0 0;}
	.rtcol {margin-top:10px}
		
	}
@media only screen and (max-width:950px){
body{font-size:90%;line-height:1.6em;}
 }

@media only screen and (max-width:865px){
body{font-size:85%;}
/*#main-content2 {max-width: 460px; }*/
}
@media only screen and (max-width:725px){
body{font-size:85%;line-height:1.6em;}
/*#main-content2 {max-width: 400px; }*/
}
@media handheld, only screen and (max-width:767px){
body{font-size:80%;-webkit-text-size-adjust:none;}
div.phonenumberinheader{font-size:130%}
.row, body, .container{width:100%;min-width:0;margin-left:0px;margin-right:0;padding-left:0;padding-right:0;}	
.mobileonly {display:block;}
.deskonly {display:block;}
}
/*
@media only screen and (max-width:670px){
	body{font-size:80%;line-height:1.6em;}
	#main-content2 {max-width: 300px; }
}
*/
@media only screen and (max-width:675px){
	body{font-size:70%;line-height:1.6em;}
/*	#main-content2 {max-width:59%; }	*/
	ul.listx { margin-left: 20px}
	.rtcol {max-width:39%}
	
}	
/* below is layout for MOBILE PHONE version  */
@media handheld, only screen and (min-width: 300px) and (max-width: 520px) {	
/*	#main-content-text2 { margin: 19px 10px 20px 4px; font-family: Verdana; font-size:1em;line-height:1.5em; color: #000000;}*/

.container { min-width: 300px; width:auto;}
 .smarttaps { text-align: center; margin: 1px auto; font-size: 2.2em; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; color: #ffffff; padding: 10px 20px; background-color: #ed3b69;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;}
.smarttaps a, .smarttaps a:link, .smarttaps a:visited { text-decoration: underline; color: white;}
.smarttaps a:hover, .smarttaps a:active { color: gold;}
.smartonly {display: block; }
.desktopandtablet { display:none; }
.rowtop {background-color:transparent; border:none;}
div.phonenumberinheader { display: none;}
.smartheaderonly { display: block; max-width: 100%; height: auto; background-color: transparent; margin: 0 auto; }
	.call {background-color: #6699CC;}
	a[href^="tel:"]:before {content: "\260E"; display: inline; margin-right: 0.5em;}}
}