@charset "UTF-8";
/* CSS Document */
/* ------------------ banner --------------------- */
div#banner { width:1011px; height:440px; margin:55px auto 0 auto; position:relative; }
div#banner h1 { background:url(../images/logo-pinerworks.png) no-repeat; width:539px; height:160px; position:absolute; left:30px; top:50px; text-indent:-9999px; z-index:2;}
div#banner h2 { background:url(../images/banner-house-and-plans.png) no-repeat; width:359px; height:268px; position:absolute; left:600px; top:0px; text-indent:-9999px; z-index:3;}
div#banner blockquote { background:url(../images/quote-001.png) no-repeat; width:933px; height:159px; position:absolute; left:0px; top:230px; text-indent:-9999px; z-index:1;}

/* ------------------ content Main --------------------- */
div#content { width:1011px; margin:0 auto; }
div#contentMain { width:550px; float:left; margin:0 0 0 15px; }

div#contentMain div { margin:0 0 25px 0; }
div#contentMain div#info2 { background:url(../images/home-bg2.jpg) no-repeat; width:514px; height:135px; position:relative; margin:0 0 0 30px; }
div#contentMain div#info2 h3 { position:absolute; left:80px; top:15px; }
div#contentMain div#info2 p { position:absolute; left:155px; top:50px; }
div#contentMain div#info2 div#image { background:url(../images/home-tools.png) no-repeat; width:286px; height:194px; position:absolute; left:-100px; top:20px; }
div#contentMain div#info2 p#phoneNumber { background:url(../images/phoneNumber.png) no-repeat; width:225px; height:49px; position:absolute; left:200px; top:100px; text-indent:-9999px; }
div#contentMain div#testimonials { margin:100px 0 0 0; }

/* ------------------ content Sub --------------------- */
div#contentSubColumn { width:411px; float:right; margin:0 20px 0 0; background:url(../images/home-secondary-bg-mid.gif) repeat-y; }
div#contentSubTop { background:url(../images/home-secondary-bg-top.gif) no-repeat; width:408px; height:20px; }
div#contentSubBottom {  background:url(../images/home-secondary-bg-bottom.gif) no-repeat; width:408px; height:20px; }
div#contentSub div { width:365px; background:#FFF; margin:7px 7px 0px 7px; padding:15px 15px 15px 15px; }
div#contentSub div#first { margin:-7px 7px 7px 7px; background:#fff url(../images/paper-pealing-back.jpg) no-repeat top right;}
div#contentSub div img { padding:0px; margin: 0 10px 10px 0; }

img.imgBig { width:160px; }
div#projHighlight { overflow:auto; }
a#project-highlight { clear:both; }
a#testimonials:link, a#testimonials:visited { background:url(../images/button-testimonials.jpg) no-repeat 0px -30px; width:170px; height:30px; display:block; text-indent:-9999px; margin:15px 0 0 0; }
a#testimonials:hover, a#testimonials:active { background:url(../images/button-testimonials.jpg) no-repeat 0px 0px; width:170px; height:30px; }

a#project-highlight:link, a#project-highlight:visited { background:url(../images/button-project-highlight.jpg) no-repeat 0px -30px; width:170px; height:30px; display:block; text-indent:-9999px; margin:15px 0 0 0; }
a#project-highlight:hover, a#project-highlight:active { background:url(../images/button-project-highlight.jpg) no-repeat 0px 0px; width:170px; height:30px; }

a#view-portfolio:link, a#view-portfolio:visited { background:url(../images/button-view-portfolio.jpg) no-repeat 0px -30px; width:170px; height:30px; display:block; text-indent:-9999px; margin:15px 0 0 0; }
a#view-portfolio:hover, a#view-portfolio:active { background:url(../images/button-view-portfolio.jpg) no-repeat 0px 0px; width:170px; height:30px; }

div#contentSub div#last a:link img, div#contentSub div#last a:visited img { border:2px solid #ccc;  }
div#contentSub div#last a:hover img, div#contentSub div#last a:active img { border:2px solid #777; }

div#contentSub div#projHighlight a:link img.imgBig, div#contentSub div#projHighlight a:visited img.imgBig { border:4px solid #ccc; }
div#contentSub div#projHighlight a:hover img.imgBig, div#contentSub div#projHighlight a:active img.imgBig { border:4px solid #999; }

div#contentSub div#last { }

img.small { float:left; }