/*****************************************************/
/*********** CSS STYLES BY JAMES SPINELLI ************/
/*** CSS STYLES BY JAMESSPINELLI1(AT)GMAIL(DOT)COM ***/
/*****************************************************/

html { overflow: scroll; } 
body { margin: 0px; padding: 0px; background: url(../../images/bodyBG.jpg) repeat-x; height: 600px; font-family: Times New Roman; }

/*------ INDEX STYLES START ------*/
#cm-header-repeat { margin: 0px; padding: 0px; height: 6px; background:url(../../images/cm-header-repeat.jpg) top repeat-x; }

#cm-container { margin: 30px auto 0 auto; padding: 0px; width: 900px; overflow: hidden; }
#cm-header a img { border: none; float: left; height: 56px; width: 296px; }
#cm-photos-header a img { border: none; margin: 0px auto; height: 56px; width: 296px; display: block; }
#cm-index-body { margin: 5px 0 0 0; padding: 0px; background:url(../../images/cm-home-bg.jpg) no-repeat; width: 900px; height: 311px; }
#cm-index-body-left { width: 555px; float: left; margin: 35px 0 0 30px; padding: 0px; }
#cm-index-body-left h1 { color: #0f7a4c; margin: 0px; padding: 0px; font-size: 27px; font-weight: bold; }
#cm-index-body-left p { color: #0f7a4c; margin: 15px 0 0 0; padding: 0px; font-size: 13px; line-height: 23px; }
#cm-index-footer p { margin-bottom: 10px; padding: 0px; text-align: center; font-size: 11px; color: #4b4e53; }

/*********************/
/*** JQUERY STYLES ***/
/*********************/
#cm-index-photo { clear: left; margin: 0px; padding: 0px; width: 900px; height: 315px; }
#cm-index-photo ul#portfolio {list-style:none; margin: 0px; padding: 0px; }
#cm-index-photo .limiter { text-align: left; border-bottom: 2px solid #0f7a4c; border-top: 2px solid #0f7a4c; height: 315px;  }
#cm-index-photo ul#portfolio li a img { border: none; }

#cm-index-photo .fade{ margin-bottom: 2em; }
#cm-index-photo .fade p{ margin-bottom: 2em; text-align: center; width: 100%; background: #fff; }

/****************/
/*** noscript ***/
/****************/
div#att { margin: 0px auto; background-color: #fffeb8; border-bottom: 1px solid; height: 30px; line-height: 2.5em; position: absolute; top:0; width: 500px; }
div#att p{ background: transparent url(../images/att.png) no-repeat 0 46%; margin: 0; display: inline; padding: 6px 0 6px 26px; }
/*------ INDEX STYLES END------*/

/*------ CHILD PAGES START ------*/

/**********************/
/*** GENERIC STYLES ***/
/**********************/

#cm-child-body { width: 900px; margin: 0px; padding: 0px; }
#cm-child-body #cm-child-page-title { clear: left; margin: 0px; padding: 0px; } 
#cm-child-body #cm-child-page-title h2 span { margin: 0px; color: #525353; font-size: 36px; }
#cm-child-body #cm-child-page-title h2 { padding: 15px 0 0 10px; margin: 0px; color: #525353; font-size: 25px; }
#cm-child-body .cm-child-page-top { background:url(../../images/cm-inside-top.jpg) no-repeat; width: 899px; height: 25px; margin: 0px; padding: 0px; }
#cm-child-body .cm-child-page-mid { background: #aecfb0 repeat-y; width: 897px; margin: 0px; padding: 0px; border-right: 1px solid #087647; border-left: 1px solid #087647; overflow: hidden; }
#cm-child-body .cm-child-page-mid .cm-child-page-left { float: left; width: 580px; margin: 0px; padding: 0px; }
#cm-child-body .cm-child-page-mid .cm-child-page-right { float: left; width: 310px; margin: 0px; padding: 0px; }
#cm-child-body .cm-child-page-bot { background:url(../../images/cm-inside-bot.jpg) no-repeat; width: 899px; height: 25px; margin: 0 0 10px 0; padding: 0px; }

/******************************/
/*** INSIDE SIDE NAVIGATION ***/
/******************************/

.cm-child-page-right img { height: 213px; width: 285px; border: 1px solid #087647; margin: 0 0 0 7px; padding: 0px; }
.cm-child-page-right img.second { height: 213px; width: 285px; border: 1px solid #087647; margin: 20px 0 0 7px; padding: 0px; }
.cm-child-page-right a img.View_Photos { height: 74px; width: 228px; margin: 40px 0 0 40px; padding: 0px; border: none; }
.cm-child-page-right ul#cm-inside-sideLinks { margin: 20px 0 0 7px; padding: 0px; } 
.cm-child-page-right ul#cm-inside-sideLinks li { list-style: none; } 
.cm-child-page-right ul#cm-inside-sideLinks li a { color: #525353; text-decoration: none; font-size: 13px; } 
.cm-child-page-right ul#cm-inside-sideLinks li a:hover { color: #525353; text-decoration: underline; font-size: 13px; } 
.cm-child-page-right ul#cm-inside-sideLinks li img { height: 33px; width: 288px; border: none; margin: 0px; padding: 0px; }

.cm-child-page-right .cm-side-testimonials { width: 302px; margin: 15px 0 0 0; padding: 0px; clear: left; background:url(../../images/cm-side-testimonial.jpg) no-repeat; height: 400px; }
.cm-child-page-right .cm-side-testimonials h4 { margin: 0px; padding: 20px 0 0 0; font-size: 20px; color: #0f7a4c; text-align: center;  }

.cm-child-page-right .cm-side-testimonials hr { clear: left; margin: 0px auto 0px auto; padding: 0px; width: 260px; height: 2px; }

.cm-side-testimonials p.cm-cust-test { width: 260px; font-size: 14px; margin: 0px; padding: 15px 0 0 27px; line-height: 20px; height: 125px; }
.cm-side-testimonials p.cm-cust-test em { float: right; padding: 5px 20px 0 0; }
.cm-side-testimonials p.cm-cust-test-link a { text-decoration: none; font-weight: bold; color: #000; }

/****************/
/*** ABOUT US ***/
/****************/
.cm-child-page-left h3 { color: #087647; margin: 0px; padding: 0 0 0 10px; }
.cm-child-page-left p { width: 450px; margin: 0px; padding: 10px 0 10px 20px; color: #414141; font-size: 14px; line-height: 23px; }
.cm-child-page-left ul { width: 450px; padding: 0 0 10px 50px; margin: 0px; color: #414141; font-size: 14px; }
.cm-child-page-left ul li { list-style: disc; margin: 0px; padding: 0 0 10px 0 ; }
.cm-child-page-left ul#serv { width: 450px; padding: 10px 0 10px 50px; margin: 0px; color: #414141; font-size: 14px; }
.cm-child-page-left ul#serv li { list-style: disc; margin: 0px; padding: 0 0 10px 0 ; }

/********************/
/*** TESTIMONIALS ***/
/********************/
.cm-child-test-left { float: left; width: 480px; margin: 0px; padding: 0px; }
.cm-child-test-left h3 { color: #087647; margin: 0px; padding: 0 0 0 10px; }
.cm-child-test-left p { width: 450px; margin: 0px; padding: 10px 0 10px 25px; color: #525353; font-size: 14px; line-height: 20px; }
.cm-child-test-right { float: left; width: 410px; margin: 0px; padding: 0px; }
.cm-child-test-right p { width: 410px; margin: 0px; padding: 35px 0 10px 25px; color: #525353; font-size: 18px; line-height: 20px; color: #087647; }

.cm-test-page { width: 870px; margin: 0px auto; padding: 0px; clear: left; }
.cm-test-page p { width: 820px; margin: 0px; padding: 20px 0 20px 25px; color: #525353; font-size: 14px; line-height: 20px; }
.cm-test-page p.op { width: 820px; margin: 0 0 0 10px; padding: 20px 0 20px 15px; color: #525353; font-size: 14px; line-height: 20px; background: #c1e6c3; }
.cm-test-page label { float: right; padding: 0 10px 0 0; margin: 0px; font-size: 13px; color: #087647; font-style:italic; }
.cm-test-page img.testBreak { float: left; margin: 0 0 0 12px; padding: 0px; height: 1px; }
.cm-child-test-images table#testTable tr td img { border: 0px; }

/******************/
/*** CONTACT US ***/
/******************/

.cm-contact-page { width: 855px; height: 520px; margin: 10px 0 0 20px; padding: 10px 0 20px 20px; color: #525353; font-size: 14px; line-height: 20px; background: url(../../images/contactusBG.jpg) no-repeat; clear: left; float: left; }

.cm-contact-page-left { float: left; width: 300px; margin: 0px 0 0 30px; padding: 0px; }
.cm-contact-page-left p.contact { float: left; width: 300px; margin: 20px 0 0 10px; padding: 0px; text-align: left;  }
.cm-contact-page-left p.contact label { font-weight: bold; border-bottom: 1px solid #525353; width: 200px; display: block; margin: 0 0 0 30px; padding: 5px 0 0 0; font-size: 16px; height: 20px; }
.cm-contact-page-left img.green { width: 26px; height: 26px; float: left; margin: 2px 0 0 0; display: block; }

.cm-contact-page-left span { float: left;clear: left; margin: 0px; padding: 2px 0 0 26px; }

.cm-contact-page-right { float: left; width: 430px; margin: 20px 0 0 80px; padding: 0px; }
.cm-contact-page-right h5 { font-weight: bold; border-bottom: 1px solid #525353; width: 350px; display: block; margin: 3px 0 0 5px; padding: 0px; font-size: 16px;}
.cm-contact-page-right label { float: left; width: 100px; text-align: right; font-weight: bold; }
.cm-contact-page-right input { float: left; margin: 0 0 0 10px;}
.cm-contact-page-right textarea { float: left; margin: 0 0 0 10px;}
.cm-contact-page-right input#button { clear: left; float: right; margin: 10px 72px 0 0;  }

/********************/
/*** ASSOCIATIONS ***/
/********************/
.cm-child-test-images  h3 { color: #087647; margin: 0px; padding: 10px 0 10px 10px; }
.cm-child-test-images table { margin: 0px auto; padding: 0px; width: 800px; }
.cm-child-test-images table tr td { color: #525353; }
.cm-child-test-images table tr td img { border: 1px solid #087647; margin: 0px; padding: 0px; }
.cm-child-test-images table tr td img.border { border: none; width: 800px; height: 25px; margin: 0px; padding: 0px; }
.cm-child-test-images table tr td a { text-decoration: none; color: #000066;}
.cm-child-test-images table tr td a:visited { text-decoration: none; color: #000066;}

.cm-child-test-images ul { list-style-type: none; margin: 0 0 0 80px; padding: 0px; }
.cm-child-test-images ul li { margin: 15px 0 15px 0; padding: 0px; }
.cm-child-test-images ul li a { text-decoration: none; color: #000066; }
.cm-child-test-images ul li a:visited { text-decoration: none; color: #000066; }

/********************/
/****** AWARDS ******/
/********************/
.cm-awards-photos { width: 850px; margin: 0px; padding: 0px; }
 

/*********************/
/*** PHOTO GALLERY ***/
/*********************/

.cm-photos-page { width: 840px; margin: 10px 0 0 40px; padding: 0pxx; color: #525353; font-size: 14px; line-height: 20px; clear: left; float: left; }
.cm-photos-page h1 { margin: 0px; padding: 10px 0 10px 0; text-align: center; color: #087647; clear: left;}
.cm-photos-page h2 { color: #525353; }
.cm-photos-page h3 { color: #087647; margin: 0px; padding: 0 0 0 10px; }
.cm-photos-page p { float: left; width: 450px; margin: 0px; padding: 10px 0 10px 25px; color: #525353; font-size: 14px; line-height: 20px; }
.cm-photos-page a img.greenRoof { float: left; margin: 0 0 0 90px; padding: 0px; width: 262px; height: 75px; border: none; }
.cm-photos-page a.newPhoto { clear: left; margin: 0 0 0 10px; padding: 10px 0 0 0; width: 200px; display: block; text-decoration: none; font-size: 14px; font-weight: bold; }