@charset "utf-8";
/* CSS Document */

/* Hides from IE5-mac \*/
 * html  {height: 1%;}
/* End hide from IE5-mac */


body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF url(img/bg_avionsvcs.png) repeat-x;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #4D4D4D;
}



#full-MP, #full-HMB, #full-Catesby, #full-fisherBoat, #full-fisherDock, #full-fisherSkyline, #full-fisherHotels, #full-fisherTowers, #full-fisherCondos, #full-CatesbyBarn, #full-CatesbyWoods, #full-CatesbyGazebo, #full-CatesbyGate, #full-CatesbyDR, #full-CatesbyHouse, #full-CatesbyHouse2, #full-CatesbyBackyard, #full-mpBR2, #full-mpDR, #full-mpKitchen, #full-mpMBR, #full-mpLR, #full-mpFR, #full-hmbHouse, #full-hmbBack, #full-hmbView, #full-hmbLR, #full-hmbDR, #full-hmbGolf {
	position: absolute; z-index: 100; margin: 0 auto;
	display: none
}


#branding {	height: 160px; margin-bottom: 10px; margin-top: 14px; }
#branding img { margin-top: 19px }

#topContainer {
	width: 915px;  /* with 21px padding on left and right side total width=958px */
	/*background: #aaaFFF; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	margin: 0 auto;
	padding: 0 25px;
	position: relative
} 

#rollover { position: absolute; top: 5px; left: 30px; z-index: 100; }

#middleContainer {
	width: 915px;  /* with 21px padding on left and right side total width=958px */
	/*background: #aaaFFF; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	margin: 0 auto;
	padding: 25px 0;
} 

#thumbnails {
	float: right;
	width: 300px;  /*  273px */
	margin-right: -10px;
}

/*  BEGIN - ROUNDED CORNERS BOX CODE     */

#colorBoxes {
	float: right;
	width: 290px;  /*  273px */
	font-family: Trebuchet MS;
	margin: 0;
}

.blueBox {
	float: right; /* since this element is floated, a width must be given */
	width: 270px;
	background: #7ac8dc;
	border: #187b88 solid 1px;   
	padding: 5px 10px 10px 10px;
	margin-top: 5px;
}

.blueBox h1 { font-size: 14px; font-weight: bold; color:#187B88; line-height: 14px; margin-bottom: -12px; margin-top: -8px }
.blueBox p { font-size: 11px; font-family:"Verdana"; font-weight: normal; color: #333; line-height: 13px }

.greenBox {
	float: right; /* since this element is floated, a width must be given */
	width: 270px;
	background: #D4E0BF;
	border: #7fa23a solid 1px;   
	padding: 5px 10px 10px 10px;
	margin-top: 5px;
}

.greenBox h1 { font-size: 13px; font-weight: bold; color:#7fa23a; line-height: 14px; margin-bottom: -12px; margin-top: -10px }
.greenBox p { font-size: 11px; font-family:"Verdana"; font-weight: normal; color: #333; line-height: 13px }
.greenBox ul {font-size: 10px; font-family:"Verdana"; }
.greenBox li { margin-left: -12px; list-style-type:square }

.yellowBox {
	float: right; /* since this element is floated, a width must be given */
	width: 270px; 
	background: #EED59C;
	border: #b48503 solid 1px;   
	padding: 5px 10px 10px 10px;
	margin-top: 5px;
}

.yellowBox h1 { font-size: 13px; font-weight: bold; color:#b48503; line-height: 14px; margin-bottom: -12px; margin-top: -10px }
.yellowBox p { font-size: 11px; font-family:"Verdana"; font-weight: normal; color: #333; line-height: 13px }

.redBox {
	float: right; /* since this element is floated, a width must be given */
	width: 270px; 
	background: #d79c95;
	border: #982724 solid 1px;   
	padding: 5px 10px 10px 10px;
	margin-top: 5px;
}

.redBox h1 { font-size: 13px; font-weight: bold; color:#982724; line-height: 14px; margin-bottom: -12px; margin-top: -10px }
.redBox p { font-size: 11px; font-family:"Verdana"; font-weight: normal; color: #333; line-height: 13px }



/*    BEGIN MAIN CONTENT AREA    */

#infoContent {
	width: 540px;  /* with 21px padding on left and right side total width=958px */
	background: #D4E0BF; /* the auto margins (in conjunction with a width) center the page */
	padding: 20px;
	font-family: Trebuchet MS;
	border: 1px #7fa23a solid;
} 
 
#infoContent p {
	font-size:14px;
	line-height: 20px;
	margin-bottom: 15px; color: #333;
}

#infoContent h1 { font-stretch:condensed;
	border-bottom: 1px solid #4d4d4d;
	margin-bottom: 10px;
}

#infoContent h2 { font-stretch:condensed;
	margin-bottom: 10px;
	color:#A81933
}

#infoContent h3 {
	font-stretch:condensed;
	margin-bottom: 5px;
	font-size: 12px; color: #19a8a5;
}

#infoContent ol li { 
	list-style-image:url(../img/buttons/bullet_sq.png); margin-left: 40px; font-size:11px; line-height:11px; color:#000; 
}

#infoContent ul {
	list-style:none; 
	border-top: 1px dotted #c2c2c2; border-bottom: 1px dotted #c2c2c2; 
	padding: 10px 15px 5px;
	margin-bottom: 10px;
	background: #EFEFEF  }

#infoContent li { margin-bottom: 10px; font-size:11px; }

#infoContent li p { margin: 5px 0; font-size:10px; line-height: 12px }

#infoContent b { font-weight: bold; color: #000; font-size: 11px; line-height: 14px; } 

#infoContent blockquote { padding: 0 30px; color:#A81933; }
#infoContent blockquote b { color:#000; text-transform:uppercase; }


/*    END  MAIN CONTENT AREA (CENTER COLUMN SETTINGS)    */


/*    BEGIN form settings   */

form  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }





/*    BEGIN footer SETTINGS    */
#footer { 
	padding: 10px 20px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	height: 50px;
	color: #666666;
	clear:both;
	font-size: 10px; margin-top: 20px
} 

#footerContainer a:link { color: #626e7a; text-decoration:none }
#footerContainer a:visited { color: #626e7a; text-decoration:none }
#footerContainer a:hover { color: #19a8a5; text-decoration:none }
#footerContainer a:active { color: #19a8a5; text-decoration:none }	
/*    END footer SETTINGS    */



/*  CSS for the Image Border technique  */

.img-shadow {
  float:left;
  /*  background: url(../img/homeNEW/shadowAlpha.png) no-repeat bottom right;   */
  margin: 5px 10px 5px 5px  /*  10px 5px 5px 5px 15px 0 0 10px !important;  */
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #666666;
  margin: -5px 5px 5px -5px;
  padding: 4px;
  }
     
/*   END Image Border technique  */


.dottedRule { border-top: #2c2c2c 1px dotted; margin-bottom: 5px; }
.solidRule { border-top: #999999 1px solid; margin-bottom: 10px; }
.textAlignRight { text-align: right; }
.caption { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:11px; margin-bottom: 10px }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.floatrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.floatlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}