/*--body font size set to percentage value and p font size set to em value. do not set below 1 em */

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 76%;
color: #000000;
margin: 0px;
background-color: #6699CC;
}

.overallContentEffect {
background-image: url(images/templateImages/ids/BGcontentTile1.jpg);
background-repeat: repeat-y;
height: 140px;
width: 800px;
}

#wrapper {
}

#container {
border: 1px solid #666666;
background-color: #FFFFFF;
}

#headerContent {
height: 80px;
width: 800px;
}

#headerContent2 {
padding-top: 0px;
height: 80px;
width: 800px;
background-image: url(images/templateImages/cmsHeaderTop2.jpg);
background-repeat: no-repeat;
}

#rightSideHeader {
margin-top: 5px;
padding-right: 10px;
float: right;
height: 75px;
width: 500px;
}

#freeWebsiteHeader {
padding-top: 0px;
text-transform: none;
color: #0471B4;
float: right;
font-size: 30px;
font-weight: bold;
}

#phoneNumberHeader {
padding-top: 0px;
padding-right: 88px;
color: #0471B4;
text-transform: none;
float: right;
font-size: 27px;
font-weight: bold;
letter-spacing: 5px
}

/* link characteristics */

#mainNav ul {
padding-left: 0px;
padding: 0px;
margin: 0px 0px 0px 5px;
}

#mainNav ul li {
float:left;
white-space: nowrap;
padding: 0;
text-decoration:none;
text-align:center;
list-style-type: none;
font-size: 1em;
border-right-style: none;
border-left-style: none;
font-weight: bold;
}

#mainNav ul li a {
padding: 0px 15px 0px 0px;
}

#mainNav a:link {
color: #FFFFFF;
text-decoration: none;
}

#mainNav a:visited {
color: #FFFFFF;
text-decoration: none;
}

#mainNav a:hover {
color: #3366FF;
text-decoration: none;
}

#mainNav2 ul {
padding-left: 0px;
padding: 0px;
margin: 0px 0px 0px 5px;
}

#mainNav2 ul li {
float:left;
white-space: nowrap;
padding: 0;
text-decoration:none;
text-align:center;
list-style-type: none;
font-size: 1em;
border-right-style: none;
border-left-style: none;
font-weight: bold;
}

#mainNav2 ul li a {
padding: 0px 15px 0px 0px;
}

#mainNav2 a:link {
color: #FFFFFF;
text-decoration: none;
}

#mainNav2 a:visited {
color: #FFFFFF;
text-decoration: none;
}

#mainNav2 a:hover {
color: #3366FF;
text-decoration: none;
}

#mainNav {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: .8em;
padding: 0px 0px 0px 0px;
font-weight: bold;
height: 30px;
/* for main nav */
float:inherit;
width: 100%;
background-color: #006699;
line-height: 30px;
background-image: url(images/templateImages/mainNavBG.jpg);
background-repeat: repeat-x;
background-position: left top;
} 

#mainNav2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: .8em;
padding: 0px 0px 0px 0px;
font-weight: bold;
height: 30px;
/* for main nav */
float:inherit;
width: 100%;
background-color: #006699;
line-height: 30px;
background-image: url(images/templateImages/mainNavBG.jpg);
background-repeat: repeat-x;
background-position: left top;
}

#mainNav3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: .8em;
padding: 0px 0px 0px 0px;
font-weight: bold;
height: 24px;
/* for main nav */
float:inherit;
width: 100%;
background-color: #006699;
line-height: 30px;
background-image: url(images/templateImages/mainNavBG3.jpg);
background-repeat: repeat-x;
background-position: left top;
}

#subHeaderContent {
height: 125px;
width: 800px;
}

#subHeaderContent2 {
height: 200px;
width: 800px;
}

#mainContent {
}

#mainContent2 {
margin: 10px 20px;
}

#mainContentMembers {
}

.mainContent {
vertical-align:top;
padding-top: 10px;
}

#sectionContent {
margin: 5px 0px;
padding: 0px 25px;
text-align: ;
width: auto;
border-left-width: 1px;
border-right-width: 1px;
border-right-style: solid; 
border-right-color: #333333;
}

#sectionContentC {
margin: 5px 0px;
padding: 0px 25px;
text-align: justify;
width: auto;
border-left-width: 1px;
border-right-width: 0px;
border-right-style: solid; 
border-right-color: #333333;
}

#sectionContentB {
margin: 5px 0px;
padding: 0px 25px;
text-align: justify;
width: auto;
border-left-width: 1px;
border-right-width: 1px;
border-right-color: #333333;
}

#sectionContentFAQ {
margin: 5px 0px;
padding: 0px 25px;
text-align: justify;
width: auto;
border-left-width: 1px;
border-right-width: 1px;
border-color: #333333;
}

#sectionContentPP {
margin: 5px 0px;
padding: 0px 25px;
text-align: justify;
width: auto;
border-left-width: 1px;
border-right-width: 1px;
border-color: #333333;
}

.pBtmSpace {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 5px;
}

#sideBarContent {
margin-right: 10px;
margin-top: 10px;
margin-left: 5px;
}

#sideBarContent3 {
text-align:center
}

#sideBarContent3 {
width: 200px;
}

#sideBarContent2 {
margin: 0px;
}

#sideBarSamples {
width: 360px;
}

#sectionContent99 {
margin: 10px 0px;
padding: 0px 25px;
text-align: justify;
width: auto;
border-right-width: 1px;
border-right-color: #333333;
}

#sectionContent100 {
margin: 10px 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 0px;
text-align: justify;
width: auto;
border-right-width: 1px;
border-right-color: #333333;
}

#sectiondivider {
margin: 10px 0px;
padding: 0px 25px;
text-align: center;
width: 80%;
border-right-width: 1px;
border-top-width: 1px;
border-top-style: solid;
border-right-color: #333333;
}

#sectionContent2 {
margin: 10px 10px 10px 75px;
padding: 0px;
text-align: justify;
width: 700px;
}

#sectionContent3 {
margin: 10px 20px 10px 35px;
padding: 0px;
text-align: justify;
width: 380px;
}

#sectionContentMembers {
margin: 10px 10px 10px 25px;
padding: 0px;
text-align: justify;
width: 400px;
}

.sectionPadding1 {
/*background-color: #99CCFF;*/
border: 1px solid #006699;
color: #003366;
padding: 12px;
font-style: italic;
}

.sectionPadding2 {
/*background-color: #99CCFF;*/
border: 0px solid #006699;
color: #003366;
padding: 12px;
font-style: italic;
}

.sectionPaddingFlash {
/*background-color: #99CCFF;*/
border: 1px solid #006699;
color: #003366;
padding: 12px;
font-style: italic;
/* background-image: url(images/pageSpecific/flashTestimonials.jpg); 
background-repeat: no-repeat;
background-position: left top; */
}

.sectionPaddingFlash2 {
color: #003366;
padding-top: 12px;
padding-bottom: 10px;
padding-left: 17px;
padding-right: 7px;
font-style: italic;
}

.sectionPadding1a {
border: 1px solid #006699;
color: #003366;
padding: 8px;
/*margin: 5px; */
font-style: italic;
}

.sectionPadding2 {
padding-right: 10px;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #99CCFF;
border: 1px solid #006699;
}

#sectionPadding3 {
/*background-color: #99CCFF;*/
border: 1px solid #006699;
color: #003366;
padding: 20px;
font-style: italic;
}

#sectionPadding4 {
/*background-color: #99CCFF;*/
border: 1px solid #006699;
color: #003366;
padding: 3px;
font-style: italic;
}

#sectionPadding4a {
/*background-color: #99CCFF;*/
border: 1px solid #006699;
color: #003366;
padding: 3px;
font-style: normal;
}

#footerContent {
background-image: url(images/templateImages/ids/footerPic.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 30px;
width: 800px;
text-align: left;
color: #FFFFFF;
font-weight: bold;
background-color: #006699;
text-indent: 20px;
vertical-align: middle;
line-height: 30px;
}

#copyrightContent {
color: #FFFFFF;
}

A {
color: #0000CC;
text-decoration: underline; 
}

A:link {
color: #0000CC;
text-decoration: underline; 
}

A:visited {
color: #551A8B;
text-decoration: underline;

}

A:active {
text-decoration: underline;
}

A:hover {
text-decoration: none; 
color: #551A8B;
}

.contrastLinkStyle a:link {
color: #006699;
font-weight: bold;
}

.contrastLinkStyle a:visited {
color: #006699;
font-weight: bold;
}

.contrastLinkStyle a:hover {
color: #3366FF;
font-weight: bold;
text-decoration:underline;
}

.subCategoryLinks {
font-size: 1em;
}

.subCategoryLinks a {
font-size: 1em;
color: #009966;
}

p {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 0px;
}

.contentTextFormat {
text-align: justify;
}

.pTextEffect2 {
text-align: justify;
}

h3 {
font-size: 1.5em;
margin-bottom: 0px;
}

.p1 {
color: #FFFF00;
}

.p2 {
font-size: 2em;
}

.emphasis1 {
font-size: 1.25em;
line-height: 20px;
}

.emphasis2 {
font-size: 1.25em;
font-weight: bold;
color: #006699;
}

.servingArea {
font-size: 1.25em;
font-weight: bold;
color: #FFFFFF;
text-align: left;
text-indent: 10px;
}

.callInfo1 {
font-size: 2em;
font-weight: bold;
color: #FFFFFF;
text-indent: 10px;
text-align: center;
vertical-align: 0%;
padding-top: 12px;
}

.contrastingRegularText1 {
color: #FFFFFF;
font-size: 1.1em;
font-weight: bold;
}

.emphasis3 {
font-size: 1.5em;
text-align: left;
text-indent: 0px;
padding: 0px 0px 5px;
}

.sectionTitleEffect1 {
font-size: 1.75em;
font-weight: bold;
text-indent: 0px;
color: #006699;
letter-spacing: .2em;
}

.sectionTitleEffect1x {
font-size: 1.55em;
font-weight: bold;
text-indent: 0px;
color: #006699;
/* letter-spacing: ; */
}


.sectionTitleEffectSamples {
font-size: 1.40em; 
font-weight: bold;
text-indent: 0px;
color: #006699;
letter-spacing: .1em;
}

.sectionTitleEffect1a {
font-size: 1.40em; 
font-weight: bold;
text-indent: 0px;
color: #000000;
letter-spacing: .1em;
}

.sectionTitleEffect1b {
font-size: 1.10em;
font-weight: bold;
text-indent: 0px;
color: #006699;
letter-spacing: .1em;
}

.sectionTitleEffect1c {
font-size: 1.12em;
font-weight: bold;
text-indent: 0px;
color: #006699;
letter-spacing: .1em;
}

.sectionTitleEffect1d {
font-size: 1.35em;
font-weight: bold;
text-indent: 0px;
color: #006699;
letter-spacing: .1em;
}

.sectionTitleEffect1cA {
font-size: 1.12em;
font-weight: bold;
text-indent: 0px;
color: #006699;
letter-spacing: .1em;
margin-bottom: 3px;
}

.sectionTitleEffect1d {
font-size: 1.40em;
font-weight: bold;
text-indent: 0px;
color: #006699;
letter-spacing: .1em;
}

.sectionTitleEffect1e {

font-size: 1.75em;
font-weight: bold;
text-indent: 0px;
color: #006699;
letter-spacing: .1em;
}

.sectionTitleEffect1f {
font-size: 1.12em;
font-weight: bold;
text-indent: 0px;
color: #000000;
letter-spacing: .1em;
}

.sectionTitleEffect1fA {
font-size: 1.12em;
font-weight: bold;
text-indent: 0px;
color: #000000;
letter-spacing: .1em;
margin-bottom: 3px;
}

.sectionTitleEffect1g {
font-size: 1.75em;
font-weight: bold;
text-indent: 0px;
color: #006699;
letter-spacing: .1em;
margin: 0px;
padding: 0px;
}

.sectionTitleEffect1h {
font-size: 1.12em;
font-weight: bold;
text-indent: 0px;
padding-bottom: 3px;
color: #006699;
letter-spacing: -1px;
}


.sectionTitleEffect1sample {
font-size: .90em; 
font-weight: bold;
text-indent: 0px;
padding-bottom: 3px;
color: #006699;
}



.sectionTitleEffect1hBLACK {
color: #000000;
}

.sectionNoFont {
padding-bottom: 3px;
}

.sectionTitleEffect1j {
font-size: 1.12em;
font-weight: bold;
text-indent: 0px;
color: #006699;
letter-spacing: .1em;
line-height: 16pt
}

.sectionTitleEffect1jb {
font-size: 1.05em;
font-weight: bold;
text-indent: 0px;
color: #006699;
line-height: 17pt
}

.sectionTitleEffect1k {
font-size: 1.40em; 
font-weight: bold;
text-indent: 0px;
color: #006699;
letter-spacing: .1em;
}

.sectionTitleEffect1ka {
font-size: 1.4em; 
font-weight: bold;
text-indent: 0px;
color: #006699;
letter-spacing: 0em;
}

.sectionTitleEffect1kb {
font-size: 1.50em; 
font-weight: bold;
text-indent: 0px;
color: #006699;
letter-spacing: .1em;
}

.sectionTitleSample {
font-size: 1.50em; 
font-weight: bold;
text-indent: 0px;
color: #006699;
letter-spacing: .1em;
text-align: center;
}

.subSectionTitleSample2 {
font-size: 1.2em;
font-weight: normal;
text-align: left;
text-indent: 0px;
color: #006699;
text-align: center;
}

.subSectionTitleSample3 {
font-size: 1.1em;
font-weight: normal;
text-align: left;
text-indent: 0px;
color: #006699;
text-align: left;
padding-left: 5px;
}

#sampleTable {
padding-left: 20px;
}

.divSpace {
margin-bottom: -5px;
}

.aboutspan {
font-size: 1.12em;
font-weight: normal;
text-indent: 0px;
color: #000000;
}

.cmsmessage {
font-size: 1em;
font-weight: bold;
text-indent: 0px;
color: #000000;
letter-spacing: .1em;
}

.subSectionTitleEffect2 {
background-image: url(images/titles/titleBG1green.jpg);
background-repeat: repeat-y;
background-position: left top;
font-size: 1em;
font-weight: bold;
color: #FFFFFF;
text-indent: 0em;
}

.subSectionTitleEffect2a {
font-size: 1.70em; 
padding-top: 10px;
font-weight: bold;
color: #006699;
text-indent: 0em;
}

.subSectionTitleEffect2b {
/* line-spacing: 5px; */
font-size: 1.70em; 
font-weight: bold;
color: #006699;
text-indent: 0em;
}

.subSectionTitleEffect3 {
font-size: 1em;
font-weight: bold;
color: #006699;
text-indent: 0px;
}

.subSectionTitleEffect1b {
font-size: 1.25em;
font-weight: bold;
text-align: left;
text-indent: 0px;
color: #006699;
}

.subSectionTitleEffect {
font-size: 1.25em;
font-weight: bold;
color: #006699;
text-indent: 0px;
}

.subSectionTitleEffect2 {
background-repeat: repeat-y;
background-position: left top;
font-size: 1.5em;
font-weight: bold;
color: #006699;
text-indent: .1em;
}

.subSectionTitleEffect1c {

font-size: 1.5em;
font-weight: normal;
text-align: left;
text-indent: 0px;
color: #006699;
}

.subSectionTitleEffect1d {

font-size: 1.5em;
font-weight: normal;
text-align: left;
text-indent: 0px;
color: #006699;
letter-spacing: -3px
}

.callInfo2 {
font-size: 1.25em;
color: #006699;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 0.1em;
font-weight: bold;
}

.headerFreeEstimate {
font-size: 1.5em;
color: #FFFFD7;
text-align: center;
letter-spacing: 0.1em;
font-family: Arial, Helvetica, sans-serif;
}

/* border effects */
.borderEffect1 {
border: thin solid #006699;
}

.borderEffectElements {
border: medium solid #333333;
}

/* form elements */

.formLabelEffect1 {
font-weight: bold;
color: #006699;
}

.formBoxEffect1 {
font-family: Geneva, Arial, Helvetica, sans-serif;
background-color: #EAEAEA;
color: #666666;
}
.formRequiredEffect1 {
font-size: small;
}

/* google toolbar form fix using Important */

input { 
background-color: #EAEAEA! important;
}

select {
background-color: #EAEAEA! important;
}

/* target look of submit button - this class needs to be applies to buttons */
.formButtonStyle {
background-color: #EAEAEA! important;
}

.formContent input {
color: #006699;
background-color: #FFFFFF;
border: 1px solid #745f2d;
}

/* bullet elements */

ul {
list-style-image: none;
list-style-type: square;
}

.returnToSamples {
padding-right: 20px;
padding-bottom: 10px;
}

/* footer elements */

.footerEffect1 {
color: #FFFFFF;
background-repeat: repeat-y;
background-position: left top;
}

.footerBGEffect1 {
background-image: url(images/titles/titleBGyellow.jpg);
color: #333333;
background-repeat: repeat-y;
background-position: left top;
}

#footerContent a:link {
color: #FFFFFF;
text-decoration: none;
}

#footerContent a:visited {
color: #FFFFFF;
text-align: left;
text-decoration: none;
}

#footerContent a:hover {
color: #3366FF;
text-align: left;
text-decoration: underline;
}

.copyright1 {
text-align:right;
color: #FFFFFF;
font-size: xx-small;
}

.copyright1 a:link {
text-align:center;
color: #FFFFFF;
}

.copyright1 a:visited {
text-align:center;
color: #FFFFFF;
}

.copyright1 a:hover {
text-align:center;
color: #336633;
}

#tdPricingBox {
padding: 5px;
}

/* section dividers - HRs and so forth */

hr {
background-color: #006699;
background-repeat: no-repeat;
background-position: left top;
}


hr.scroll {
border: 0;
margin-top: 10px;
margin-bottom: 5px;
color: #006699;
height: 1px;
width: 105px;
text-align: center;
}


.scrollP {
font-style: italic;
}


/* set these elements to invisible */

.hrEffect1 {
color: #006699;
width: 50px;
}

.hrEffect2 {
color: #006699;
width: 250px;
}

.hrEffect3 {
background-color: #ffffff;
width: 250px;
}

.emphasis4 {
font-size: 1.25em;
color: #006699;
padding-bottom: 5px;
font-weight: bold;
}

.emphasis5 {
font-size: 1em;
font-weight: bold;
color: #006699;
}

.blockTitle1 {
font-size: 1.2em;
font-weight: bold;
color: #FFFFFF;
background-color: #006699;
padding: 0px;
}

.imgBorder {
border: 1px solid #666666;
}

#sectionContent4 {
margin: 10px 10px 10px 75px;
padding: 0px;
text-align: left;
width: 650px;
}


.hoverbox {
cursor: default;
list-style: none;
}

.hoverbox a {
cursor: default;
}

.hoverbox a .preview {
display: none;
width: auto;
height: auto;
}

.hoverbox a:hover .preview {
display: block;
position: absolute;
top: -33px;
left: -45px;
z-index: 1;
}

.hoverbox img {
background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 100px;
height: 75px;
}

.hoverbox li {
background: #eee;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
float: right;
margin: 3px;
padding: 5px;
position: relative;
}

.hoverbox .preview {
border-color: #000;
}

.subSectionTitleEffect4 {
font-size: 1.5em;
font-weight: bold;
text-indent: 0px;
color: #006699;
letter-spacing: 0.2em;
}

#samplesC2A {
padding-left: 15px;
}


#tdPricing {
padding-left: 10px;
}

.tdTestimonialsBorder {
border-color: #006699;
border-style: solid;

}


 /* PAGE HEADERS */


 /* general contractors */

#cmsHeaderSamplesGC h1 {
	font-size: 3em;
	color: #fff;
	padding: 30px 0 0 30px;
	margin: 0;
}

#cmsHeaderSamplesGC {
	background: url(images/templateImages/cmsHeaderSamples.jpg) no-repeat;
	height: 130px;
	width: 800px;
}

 /* plumbers */

#cmsHeaderSamplesPL h1 {
	font-size: 3em;
	color: #fff;
	padding: 30px 0 0 30px;
	margin: 0;
}

#cmsHeaderSamplesPL {
	background: url(images/templateImages/cmsHeaderSamples.jpg) no-repeat;
	height: 130px;
	width: 800px;
}

 /* combined trades */


#cmsHeaderSamplesCT h1 {
	font-size: 3em;
	color: #fff;
	padding: 30px 0 0 30px;
	margin: 0;
}

#cmsHeaderSamplesCT {
	background: url(images/templateImages/cmsHeaderSamples.jpg) no-repeat;
	height: 130px;
	width: 800px;
}

 /* electricians */


#cmsHeaderSamplesEC h1 {
	font-size: 3em;
	color: #fff;
	padding: 30px 0 0 30px;
	margin: 0;
}

#cmsHeaderSamplesEC {
	background: url(images/templateImages/cmsHeaderSamples.jpg) no-repeat;
	height: 130px;
	width: 800px;
}

 /* Interior Design */


#cmsHeaderSamplesID h1 {
	font-size: 3em;
	color: #fff;
	padding: 30px 0 0 30px;
	margin: 0;
}

#cmsHeaderSamplesID {
	background: url(images/templateImages/cmsHeaderSamples.jpg) no-repeat;
	height: 130px;
	width: 800px;
}

 /* HVAC */


#cmsHeaderSamplesAC h1 {
	font-size: 3em;
	color: #fff;
	padding: 30px 0 0 30px;
	margin: 0;
}

#cmsHeaderSamplesAC {
	background: url(images/templateImages/cmsHeaderSamples.jpg) no-repeat;
	height: 130px;
	width: 800px;
}

 /* Architect */


#cmsHeaderSamplesAR h1 {
	font-size: 3em;
	color: #fff;
	padding: 30px 0 0 30px;
	margin: 0;
}

#cmsHeaderSamplesAR {
	background: url(images/templateImages/cmsHeaderSamples.jpg) no-repeat;
	height: 130px;
	width: 800px;
}

 /* Roofing */


#cmsHeaderSamplesRF h1 {
	font-size: 3em;
	color: #fff;
	padding: 30px 0 0 30px;
	margin: 0;
}

#cmsHeaderSamplesRF {
	background: url(images/templateImages/cmsHeaderSamples.jpg) no-repeat;
	height: 130px;
	width: 800px;
}