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

/* ---------  BEGIN UNIVERSAL STYLES  ---------- */

/* Sets all initial padding and margins to 0 */
/* * {margin:0; padding:0; border: 1px solid #ff0000;}  add border for testing only */
* {
	margin:0;
	padding:0;
} 
 
/* REMOVES BORDER FROM LINKED IMAGES */
a img { border:0 }

/* for IE PNG fix */
img, div { behavior: url(css/iepngfix.htc) }
/* End */


p, ul {padding-bottom:10px;} /*sets universal spacing between para's & list ends */

.clearboth {clear: both; height: 1px; }
.imgFloatRight {
	float:right;
	margin: 0 0 0 8px;
}
.imgFloatLeft {
	float:left;
	margin: 0 12px 0 0;
}
.imgSpaceTB {margin: 8px 0 8px 0;}
.moveLeft {margin-left: -10px; text-indent:-10px;}

.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.centerImg {
	margin: 0px auto;
	text-align: center;
	width:374px;
}
.centerRL {
	text-align: center;
	margin-right: 100px;
}
/* maintain universal link scheme */
a:link {
	color:#5f5041;
	text-decoration:underline;
}
a:visited {
	color:#336699;
	text-decoration:underline;
} 
a:hover {
	/*color:#FF6600;*/
	color:#E2581D;
	text-decoration:underline;
}
.red {color:#336699}

/* ---------  END UNIVERSAL STYLES  ---------- */




body{
	margin:0;
	padding:0;
	/* line-height: 1.5em; */
	background: #cadac7 url(../images/lg1-colonial.jpg) no-repeat center top;
	width: 100%;
	/* display: table; */
}
body#home {background: url(../images/home-bkgd1600.jpg) no-repeat center top;
	width: 100%;
}
body#solutions {background: #dde1ca url(../images/lg2-custom-estate.jpg) no-repeat center top;
	width: 100%;
}
body#about {background: #d0cfd4 url(../images/lg3-park-property.jpg) no-repeat center top;
	width: 100%;
}
body#benefits {background:#cadac7 url(../images/lg4-contemporary.jpg) no-repeat center top;
	width: 100%;
}
body#benefits2 {
	background: #d4d0cd url(../images/lg4-contemporary.jpg) no-repeat center top;
	width: 100%;
}
body#success {background: url(../images/lg5-high-ceilings.jpg) no-repeat center top;
	width: 100%;
}
body#testim { background: #dcdfce url(../images/lg6-water-views.jpg) no-repeat center top;
	width: 100%;
}
body#showcase {background: url(../images/lg7-window-walls.jpg) no-repeat center top;
	width: 100%;
}
body#see {background: url(../images/lg8-pools.jpg) no-repeat center top;
	width: 100%;
}
body#press { background: #dbdfe2 url(../images/lg14-waterfront-properties.jpg) no-repeat center top;
	width: 100%;
}
body#pricing {background: #eaebe6 url(../images/lg12-entertaining.jpg) no-repeat center top;
	width: 100%;
}
body#faq {background: #e3cfc6 url(../images/lg10-elegance.jpg) no-repeat center top;
	width: 100%;
}
body#contact {background: url(../images/lg11-nantucket.jpg) no-repeat center top;
	width: 100%;
}

#maincontainer{
	width: 800px; /*Width of main container*/
	margin:30px auto 0; /*Center container on page*/
	background-color:#fff;
	border: 1px solid #d2d8df;
}
#topsection{
	background-color: #fff; /*Height of top section*/
	margin-bottom: 0px; /*this works */
}

#contentwrapper{
	float: left;
	width: 100%;
	background-color:#fff;
/* background-image:url(file:///C|/ALL_BUILDS/AlexChingas/images/bkgdgrad_1col.jpg); width: 800px; background-repeat:repeat-y;  this fills entire wrapper in case rt col is short or no right col */
}

#contentcolumn{
	margin-right: 255px; /*Set right margin to RightColumnWidth*/
	margin-top: 0;
	background-repeat:no-repeat;
	width:800px;
	/* height: 471px; */
	background-color:#fff;
	padding:0;
}
.relative, .relative2 {
	position: relative;
}
.overlayPageTitle {
	width: 400px;
	position: absolute;
	top: 29px;
	left: 79px;
}
.overlayTxt {
	width: 710px;
	position: absolute;
	top: 75px;
	left: 79px;
}
#rightcolumn{
	float: left;
	width: 240px; /*Width of right column*/
	margin-left: -248px; /*Set left margin to -(RightColumnWidth) */
	margin-top: 0;
	background-color:#FF9900;
/* background-image:url(images/fullCol_bk.jpg); background-repeat:no-repeat; */
}
#rightColumnBkgd{
	float: left;
	width: 240px; /*Width of right column*/
	margin-left: -255px; /*Set left margin to -(RightColumnWidth) */
	margin-top: 20px;
	/* background-color:#FF9900;  */
	background-image:url(../images/medBox.png);
	background-repeat:no-repeat;
	width: 224px; 	
	height: 224px;
}
#rightColumnNoBkgd{
	float: left;
	width: 240px; /*Width of right column*/
	margin-left: -255px; /*Set left margin to -(RightColumnWidth) */
	margin-top: 20px;
	/* background-color:#FF9900;  */
}
.rtBoxText {padding-top: 30px; padding-left:20px;}

#footer{
	clear: left;
	width: 100%;
	text-align: center;
	padding: 4px 0 20px 0;
}

.hdrTemp{
	/* margin: 10px; */ /*Margins for inner DIV inside each column (to provide padding)*/
	background-color:#993333;
	margin-top: 0;
	width: 100%;
}


h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	color:#fff;
	text-align:left;
	padding:0;
	width: 450px;
}

.section {
	color:#bfd5dd;
	vertical-align: top;
}
.placemainPic {
	position:absolute;
	width: 428px;
	top:380px;
	left:358px;
}
.picFloatRight {
	float: right;
	margin: 0 10px 0 8px;
	padding: 0;
}
.mainCol {
	width: 710px; /* use for float */
	/* width: 460px; use for absolute postioning */
	padding:20px 0 0 80px;
}
.mainColText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	color:#5F5041;
}
.mainColTextNarrower {
	padding-right: 100px;
}
	
.mainColText p, .mainColText ul {
	padding-bottom: 10px; /* sets rt indent on text only */
}
.ifRtColIndentText {
	padding-right: 250px;
} /* apply to main Col Txt before Main Pic */	
.mainColList {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	color:#5F5041;
	margin: 0 0 0 15px;
	list-style-type: square;
}

/*.aboutTextCol {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	width: 400px;
	color:#5F5041;
	padding-right: 300px;
	/* margin: 30px 0 0 85px; 
}*/
.blueHead {
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #003366;
}
.blueSubhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #003366;
	padding-bottom: 0px;
	letter-spacing: -1px;
}
.blueSubhead a:link {
	color:#003366;
	text-decoration:underline;
}
.blueSubhead a:visited {
	color:#003366;
	text-decoration:underline;
}
.blueSubhead a:hover {
	color:#E2581D;
	text-decoration:underline;
}
.redSubhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #ff0000;
	padding-bottom: 0px;
	letter-spacing: -1px;
}
.redSubhead a:link {
	color:#ff0000;
	text-decoration:underline;
}
.redSubhead a:visited {
	color:#ff0000;
	text-decoration:underline;
}
.redSubhead a:hover {
	color:#E2581D;
	text-decoration:underline;
}
.indentRtOneCol {padding-right: 140px;}

.blurbTxt {
	font: bold 15px/19px Arial, Helvetica, sans-serif;
	color: #003366;
	padding: 0 6px 0 6px;
	letter-spacing: -1px;
}
.smallerBlurbTxt {
	font: normal 12px/19px Arial, Helvetica, sans-serif;
	color: #336699;
	padding-bottom: 0px;
	letter-spacing: 0px;
}
.blurbQuoter {font-size: 10px; font-style:italic; text-align: right;}
.answer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	color:#5F5041;
	padding: 0 140px 10px 45px;
	/* padding: 0 20px 0 60px; */
	}
.quote {
	font: 12px/22px Arial, Helvetica, sans-serif;
	color: #336699;
	padding-bottom: 0;
}
.bigWord {
	font-size: 16px; 
	font-weight: bold;
}
.quoter {
	font-style: italic;
	text-align:right;
	padding: 0 250px 10px 160px;
}
.quotemark {position: absolute; 
	width: 55px; 
	top: 20px; 
	left: 20px;
}	
.footNote {font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:19px;
	color:#5F5041;
}
.bottomSpace {margin-bottom: 20px;}
.noXBottomPadding {padding-bottom: 0;}
.baseline {vertical-align:text-bottom;}

#demo {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#336699;
	text-decoration: none;
	line-height:6px;
}

#demoItem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color:#336699;
}
#larger {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	letter-spacing: -2px;
}

#demo a:link {text-decoration: none; color:#336699;}
#demo a:visited {text-decoration: none; color:#006666;}
#demo a:hover {
	text-decoration: none;
	color:#339999;
}

.bottomSpacer {height:20px; width:100%;} /* Space between blue gradient background and white container */
/* ------------------ Assembled blurb box --------------- */
.wrap {
	width:224px;
	float:left;
	}
.top, .bottom {
	float:left;
	width:224px;
	height:32px;
	background:url(../images/boxBottom.png) no-repeat; /*url to the bottom rounded corner*/
	}
	
.top {
	background:url(../images/boxTop.png) no-repeat; /*url to the top rounded corner*/
	}
  
.box {
	float:left;
	padding:0px 20px;
	width:184px; /*Your width is box width minus 40px for your left and right padding   */
	background:url(../images/boxExpandMid.png) repeat-y; /*the url to your text background*/
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	}
.boxStory {
	float:left;
	padding:0px 20px;
	width:184px; /*Your width is box width minus 40px for your left and right padding   */
	background:url(../images/boxExpandMid.png) repeat-y; /*the url to your text background*/
	font:11px/18px Arial, Helvetica, sans-serif;
	color:#336699;
	}		
/* ------------------ End Assembled blurb box --------------- */

#homeTop {
	height:364px;
	background:url(../images/new-home-left.jpg) no-repeat;
	width: 285px;
	float: left;
}
.homePicFloatRight {
	float: right;
	margin: 0;
	padding: 0;
}
.homePicFloatLeft {
	float: left;
	margin: 0;
	padding: 0;
}
.movieFloatLeft {
	float: left;
	width: 515px;
	margin: 0;
	padding: 0;
}
#homeTop h1 {
	width:285px;
	font: 32px/40px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	margin:30px 40px 10px 25px;
}
#homeTop h2	{
	font:normal 18px/32px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	margin:20px 20px 0 25px;
}

/* ------------------ HOME PAGE Assembled bkgd --------------- */
.homeWrapBg {
	width:800px;
	float:left;
	/* overflow: hidden; */
	}
.homeBottomBg {
	float:left;
	width:800px;
	height:20px;
	background:url(../images/homemainBkgd_bottom.jpg) no-repeat;
	}
.homeTopBg {
	float:left;
	width:800px;
	height:20px;
	background:url(../images/homemainBkgd_top.jpg) no-repeat; /*url to the top rounded corner*/
}
  
.homeBoxBg {
	float:left;
	width:800px; /*Your width is box width minus 40px for your left and right padding   */
	background:url(../images/homemainBkgd_tile.jpg) repeat-y; /*the url to your text background*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: 22px;
	color:#5f5041;
	}
.homeBoxBg p {
	margin:0 60px;
}	
.homeSubheads {font:bold 14px Tahoma, Geneva, Arial, Helvetica, sans-serif ;}
.thumb {
	float:right;
	margin:0 40px 0 10px;
	padding:0;
	width:204px;
}	
/* ------------------ HOME PAGE End Assembled bkgd --------------- */

/* ------------------ Assembled bkgd --------------- */
.wrapBg {
	width:800px;
	float:left;
	/* overflow: hidden; */
	}
.bottomBg {
	float:left;
	width:800px;
	height:27px;
	background:url(../images/mainBkgd-bottom.jpg) no-repeat; /*url to the bottom rounded corner*/
	}
.topBg {
	float:left;
	width:800px;
	height:78px;
	background:url(../images/mainBkgd-top.jpg) no-repeat; /*url to the top rounded corner*/
}
  
.boxBg {
	float:left;
	padding:0 0 10px 79px;
	width:710px; /*Your width is box width minus 40px for your left and right padding   */
	background:url(../images/mainBkgd-tile.jpg) repeat-y; /*the url to your text background*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 22px;
	color:#5f5041;
	}

/* ------------------ End Assembled bkgd --------------- */


/* ------------------ Gallery display ------------------ */
.narrower {
	padding-right:260px;
}
.fullColumn {padding-right:120px;}
.galleryWidth {
	width:630px;
	padding: 0;
	margin-left: 0px;
	margin-top: 20px;
	
}


.gallery
{
	float: left;
	width: 180px;
	border: 1px solid #8CC0D9;
	background-color: #fff;
	margin: 0 10px 10px 0;
	padding: 12px 5px 5px 5px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:16px;
	font-weight: bold;
	color: #003366;
	text-align: center;
	height: 230px;
}

/* ------------------ End Gallery display ------------------ */
/* ------------------ Begin Pricing tables --------------- */
.dataTable {
	width: 373px;
	padding: 0;
	border-collapse: collapse;
	margin: 0;
	line-height: 18px;
}

.dataTable th {
	font-weight: bold;
	background-color: #B3E3E3;
	padding-top: 2px;
}
.tableTop{
	background-image:url(../images/pricing-top.png);
	background-repeat: no-repeat;
	height: 32px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	padding-top: 10px;
	text-align: center;
}

.rowExpand {
	background-image:url(../images/pricing-midExpand.png); /* for Firefox & others */
	*background-image:none; /* for IE only */ /* do not use bkgd image, IW repeats in both columns */
	background-repeat: repeat-y; /* for Firefox & others */
	*background-repeat: no-repeat; /* for IE only */  /* do not use bkgd image, IW repeats in both columns */
	background-color:#fff;
	width: 373px;
}
.alignLeft {
	width: 70%;
	text-align: left;
	padding-left: 40px;
	border-top: 1px solid #8cc0d9;
	border-left: none; /* for Firefox & others */
	*border-left: 2px solid #8cc0d9; /* for IE only */ /* use border instead of image in td which IE repeats in each column */
}
.alignLeftFull {
	width: 100%;
	text-align: left;
	padding-left: 40px;
	border-top: 1px solid #8cc0d9;
	border-left: none; /* for Firefox & others */

	*border-left: 2px solid #8cc0d9; /* for IE only */ /* use border instead of image in td which IE repeats in each column */
	border-right: 2px solid #8cc0d9;
}
.Right {padding-right: 40px;}
.alignRight {
	width: 30%;
	text-align: right;
	padding-right: 40px;
	border-top: 1px solid #8cc0d9;
	border-right: none; /* for Firefox & others */
	*border-right: 2px solid #8cc0d9; /* for IE only */  /* use border instead of image in td which IE repeats in each column */
	}


.tableBottom {background-image:url(../images/pricing-bottom.png); background-repeat: no-repeat; height: 10px;}

.style9 {width: 25%; text-align: right; padding-right: 40px; font-weight: bold; }
.red {color:#FF0000;}
.tab {
	padding-left:60px;
}
/* ------------------ End pricing tables --------------- */

/* ------------------ Begin benefits tables --------------- */
#benefitsTable {
	width: 612px;
	background-color:#FFFFFF;
	border: 2px solid #8cc0d9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#5F5041;
	margin: 10px 0;
	padding: 0;
}
#tableTitle {
	font-weight: bold;
	color: #fff;
	font-weight: bold;
	text-align:center;
	line-height: 24px;
	background-color: #89745F;
	font-size: 14px;
}
#benefitsTable td {border: 1px solid #DEECF3; padding: 2px 6px 2px 6px;}
#benefitsTable th {
	background-color:#C5DEEB;
	border-left: 1px solid #DEECF3;
	padding: 2px 6px 2px 6px;
}
#benefitsTable col.color {background-color:#C5DEEB;}
.true {
	background-color:#EAD9BF;
	text-align: center;
}
.partial {
	background-color:#ece9d8;
	text-align: center;
}
.false {background-color: #fff;text-align: center;}
#shiftLeft {
	width: 672px;
	position:absolute;
	top:115px;
	left:50px;
}
.leftPhoto {float:left; border: 0; width: 335px; height: 200px;
margin-right:1px;}
.rightPhoto {float:left; border: 0; width: 335px; height: 200px;
margin-left:1px;}
.leftPhoto p, .rightPhoto p {font: bold 11px/14px Arial, Helvetica, sans-serif; text-align:center; padding:4px 0;}
#makeHole {padding-top:270px;}
/* ------------------ End benefits tables --------------- */

/* ------------------ Begin Gallery templates --------------- */
#gallerymaincontainer {
	width: 800px; /*Width of main container*/
	margin:30px auto 0; /*Center container on page*/
	background-color:#fff;
	border: 1px solid #d2d8df;
}



.galleryBg {
	/*float:left; */
	padding:60px 0 10px 0;
	width:802px; /*Your width is box width minus 40px for your left and right padding   */
	background:url(../images/gallery-bkgd.jpg) repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 22px;
	color:#5f5041;
	text-align: center;
	}


/* ------------------ End Gallery templates  --------------- */

/*#flash1 {
   margin-left: 450px;
   left: 50px;
}*/
#flash1 {
	float: right;
	margin: 0 10px 0 8px;
	padding: 0;
}
tr.heightSpace {height:40px;}

.tabIndent1 {
	padding-left:57px;
}
label.desc{
	font-size:95%;
	font-weight:bold;
	color:#222;
	line-height:150%;
	margin:0;
	padding:0 0 3px 0;
	border:none;
	display:block;
}