@charset "utf-8";
/* CSS Document */
body  {
	font-family: georgia,sans-serif;
	background: #EEF2FB url(../bgs/homeBG3.jpg) top center repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	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: #000000;
}

.CHSTAGERS #wrapper { 
	width: auto;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(../bgs/containerBG-svcs4.jpg) top center no-repeat; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	height: 100%;
} 
.CHSTAGERS #wrapper2 { 
	width: auto;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(../bgs/containerBG-about.jpg) top center no-repeat; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	height: 800px;
}
.CHSTAGERS #wrapper3 { 
	width: auto;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(../bgs/containerBG-questions.jpg) top center no-repeat; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	height: 800px;
}
.CHSTAGERS #wrapper4 { 
	width: auto;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(../bgs/containerBG-advice.jpg) top center no-repeat; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	height: 800px;
}
.CHSTAGERS #wrapper5 { 
	width: auto;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(../bgs/containerBG-photos.jpg) top center no-repeat; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	height: 800px;
}  
.CHSTAGERS #wrapper6 { 
	width: auto;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(../bgs/containerBG-contact.jpg) top center no-repeat; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	height: 800px;
}      
.CHSTAGERS #container { 
	width: 931px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; 
	padding-top: 5px;
	height: auto;
	padding-bottom: 0px;
	margin-bottom: 20px;
} 
.CHSTAGERS #header {  
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 120px;
} 
.CHSTAGERS #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0 0 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	text-align: right;
  font-family: georgia,sans-serif;
  font-weight: bold;
  size: 13px;
  color: #FFFFFF;	
}
.CHSTAGERS #logo {  
	padding: 30px 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 80px;
	text-align: center;
	width: 400px;
	float: left;
} 
.CHSTAGERS #SEOh1 {  
	padding: 0px 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 80px;
	text-align: right;
	width: 400px;
	float: right;
} 
.CHSTAGERS #menu-top {  
	padding: 32px 0px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 60px;
	text-align: center;
	/* background: url(../bgs/topmenuBG.jpg) top center repeat-y; */
}
.CHSTAGERS #icons{  
	padding: 0px 30px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 80px;
	text-align: right;
	clear: both;
	line-height: 1.5em;
	margin-top: 10px;
} 
.sharetext  {
font-size: 11px;
}
.CHSTAGERS #icons2{  
	padding: 0px 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 40px;
	text-align: left;
	clear: both;
	line-height: 1.5em;
	margin-top: 10px;
}  
.CHSTAGERS #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; 
	padding: 0px 0px 5px 0px;
	margin-top: 0px;
	text-align: right;
	height: 300px;
}
#sidebar1  h3  {
	padding: 0;
	color: #bb1c79;
  	font-weight: bold;
  	font-size: 14px;	

}
.CHSTAGERS #mainContent { 
	margin: 0px 0 0 220px;
	padding-top: 0px;
	padding-left: 0px;
	width: 670px;
	padding-right: 20px;
	padding-bottom: 30px;
}
.CHSTAGERS #mainContent-contact { 
	margin: 0px 0 0 220px; 
	padding: 0 0px; 
	padding-top: 20px;
	padding-left: 0px;
	width: 670px;
	padding-right: 20px;
}  
.CHSTAGERS #footer  { 
	padding: 20px 0px 0 0px; 
	background: url(../bgs/containerBG-alt-footer.jpg) top center no-repeat;
	height: 130px;
	width: 931px;
	text-align: center;
} 
.CHSTAGERS #footer 1 { 
	padding: 20px 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url(../bgs/containerBG-alt-footer.jpg) top center no-repeat;
	height: 101px;
	width: 931px;
	margin: 0;
} 
.CHSTAGERS #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	padding-left: 0px;
	font-family: georgia,sans-serif;
  	font-weight: normal;
  	font-size: 11px;
  	color: #48331c;
	text-align: center;
}	
.CHSTAGERS #footer2 { 
	padding: 0px 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align: center;
	margin-top: 0px;
} 
.CHSTAGERS #footer2 p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
  font-family: georgia,sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #48331c;	
}
.fltrt { /* 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;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.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;
}

h1 {
  font-family: georgia,sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #46341E;
  margin-top: 0;	 
}
h2 {
  font-family: georgia,sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #4D2F27;
  line-height:1.4em;
  padding-bottom: 10px;	 
}
h3 {
  margin:10px 26px 15px 0px;
  text-align:left;
  font-size: 13px;
   color: #48331c;
   font-weight: normal; 
   line-height:1.4em;
}
.cs_article h4 {
  display:block;
  width:46%;
  margin:10px 26px 15px 53%;
  text-align:left;
}
h4 {
  font-family: georgia,sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #bb1c79;	 
}
h5 {
  font-family: georgia,sans-serif;
  font-weight: bold;
  font-size: 22px;
  color: #000000;
  margin-top: 0;	 
}
p  {
  font-family: georgia,sans-serif;
  font-weight: normal;
  font-size: 13px;
  color: #48331c;
  line-height: 1.4em;
  padding-bottom: 10px;
}
.para80  {
  width: 65%;
  font-family: georgia,sans-serif;
  font-weight: normal;
  font-size: 13px;
  color: #48331c;
  line-height: 1.4em;
  padding-bottom: 10px;
  text-align: justify;
  padding-top: 10px;
}
.footer p {
  font-family: georgia,sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #48331c;
}
.footer2 p {
  font-family: georgia,sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #48331c;
}
.column3-font  {
  font-family: georgia,sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #FFFFFF;
}
.column3-fontL  {
  font-family: georgia,sans-serif;
  font-weight: normal;
  font-size: 13px;
  color: #FFFFFF;
}
.column3-fontB  {
  font-family: georgia,sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #FFFFFF;
}
.photo-caption  {
  font-family: georgia,sans-serif;
  font-weight: normal;
  font-size: 11px;
  font-style: italic;
  color: #48331c;
}
.photo-box-250-right {
  font-family: georgia,sans-serif;
  font-weight: normal;
  font-size: 13px;
  color: #48331c;
  padding:20px; 
  background:#f2f9fd; /* This is the border color */
  border-top-style:dotted;
  border-right-style:dotted;
  border-bottom-style:dotted;
  border-left-style:dotted;
  border-color: #ddeffa;
  width: 250px;
  float: right;
}
.photo-box-250-left{
  font-family: georgia,sans-serif;
  font-weight: normal;
  font-size: 13px;
  color: #48331c;
  padding:20px; 
  background:#ffffff; /* This is the border color */
  border-top-style:solid;
  border-right-style:solid;
  border-bottom-style:solid;
  border-left-style:solid;
  border-color: #C12581;
  width: 640px;
}
img  {
border: 0;
padding-right: 10px;
padding-bottom: 10px;
}
#icons2 img  {
padding-left: 10px;

}
#icons h3  {
	padding: 0;
	color: #bb1c79;
  	font-weight: bold;
  	font-size: 14px;	
}

.CHSTAGERS a:link {
	color: #C42A85;
	text-decoration: underline;
}
.CHSTAGERS a:visited {
	text-decoration: underline;
	color: #C42A85;
}
.CHSTAGERS a:hover {
	text-decoration: none;
	color: #2d8b91;
}
.CHSTAGERS a:active {
	text-decoration: underline;
}


/* classes for tooltips */

.hovertip {
	position: absolute;
	display: none; /* in case javascript is disabled */
	width: 200px;
	height:170px;
	background: url('../assets/hover_sub_tags/sub-bg2.png') no-repeat;
	font-size: 12px;
	z-index: 100;
	margin-left: -215px;
	margin-top: -170px;
	padding: 20px;
	}
.hovertip_target {
	font-style: italic;
}
 .hovertip_target:hover {
	text-decoration: none;
	cursor:help;
}
.nav, .nav * {
	margin:0;
	padding:0;
}
.nav {
	line-height:1.0;
	width:96px;
	height:170px;
	padding:0px; 
}
.nav ul {
    width:160px;	
	list-style:none;	
	background:#fff; /*IE6 needs this*/
}
.nav li {
	float: left;
	list-style:none;	
	position:relative;
}
.nav a {
	color: #fff; 
	text-decoration:none;
	display:block;
}
.nav li ul {
	left:0;
	top:-999em;
	width: 180px;
	padding-top:50px;
	background: url('sub-bg.png') no-repeat;
	position:absolute;
	list-style:none;
	z-index:100;
	text-align: center;
	}
ul.hovertip li {
	display:inline;
	list-style:none;
}
ul.hovertip li a{ text-decoration:none; font-style:italic}
ul.hovertip {
	width:179px;
	padding-top:30px;
	padding-left:10px;
	height:95px;
	padding-bottom:20px;
	display:block
}

a.size1 {
	font-size:25px;
	padding: 10px;
	color:#804D40;
}
a.size1:hover {
	color:#E13728;
}
a.size2 {
	padding: 7px;
	font-size:20px;
	color:#B9251A;
}
a.size2:hover {
	color:#E13728;
}


a.size3 {
	padding: 5px;
	font-size:35px;
	color:#C4876A;
}

a.size3:hover {
	color:#E13728;
}

a.size4 {
	padding: 5px;
	font-size:15px;
	color:#B46A47;
}

a.size4:hover {
	color:#E13728;
}

a.size5 {
	padding: 5px;
	font-size:25px;
	color:#E13728;
}
a.size5:hover {
	color:#B46A47;
}
a.size6 {
	padding: 0px;
	font-size:12px;
	color:#77625E
}
a.size6:hover {
	color:#E13728;
}
a.size-sub1 {
	padding: 20px;
	font-size:12px;
	color:#804D40;
}
a.size-sub1:hover {
	color:#fff;
}
a.size-sub2 {
	padding: 25px;
	font-size:20px;
	color:#E13728;
}
a.size-sub2:hover {
	color:#fff;
}
a.size-sub3 {
	padding: 10px;
	font-size:18px;
	color:#804D40;
}
a.size-sub3:hover {
	color:#fff;
}
a.size-sub4 {
	padding: 20px;
	color: #C01A7C;
  	font-weight: bold;
  	font-size: 14px;
	text-align: left;
}
a.size-sub4:hover {
	color:#FFFFFF;
}

/* Slider styles */
#cs_article p {
	margin:15px auto;
	padding:15px;
	border-top:1px dotted #DDD;
	border-bottom:1px dotted #DDD;
  	font-family: georgia,sans-serif;
  	font-weight: normal;
  	font-size: 13px;
  	color: #48331c;	
}
#cs_article p.highlight {
	  border:1px solid #FFD;
	  padding:15px;
	  background:#FFE;
	  color:#820;
	}
#cs_article p.footer {
		display:block;
		text-align:center;
		border:none;
	}
pre {
	margin:15px auto;
}
/*
 * Color, Border, and Button Rules
 */
.contentslider {
  padding:10px; /* This acts as a border for the content slider */
  background:#f2f9fd; /* This is the color of said border */
border-top-style:dotted;
border-right-style:dotted;
border-bottom-style:dotted;
border-left-style:dotted;
border-color: #ddeffa;
}
.NOcontentslider {
  padding:10px; /* This acts as a border for the content slider */
  background:#f2f9fd; /* This is the color of said border */
border-top-style:dotted;
border-right-style:dotted;
border-bottom-style:dotted;
border-left-style:dotted;
border-color: #ddeffa;
}
.formtext {
  font-size:85%;
  line-height:1.5em;
  color:#777;
   font-family: georgia,sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #32200A; 
}
.cs_wrapper, .cs_article, .cs_article2 {
  background:#f2f9fd; /* Background color for the entries */
}
.cs_leftBtn, .cs_rightBtn {
  width:30px; /* Should be as wide as the button graphic being used */
  background:#f2f9fd; /* This will probably match the contentslider bg color */
}

/*
 * Article styles (font, color, etc.)
 *
 * If textResize is set to TRUE, sizing shouldn't need to be touched. However,
 * depending on the sizes you have defined, additional tweaking may be
 * required in order to get the text to display properly.
 */
.cs_article h2 {
	padding: 0;
	color: #333;
  	font-weight: bold;
  	font-size: 14px;
}
  .cs_article h2 a {
    color:#333;
    text-decoration:none;
  }
.cs_article h3 {
	padding: 0;
	color: #333;
  	font-weight: bold;
  	font-size: 14px;
}
  .cs_article h3 a {
    color:#333;
    text-decoration:none;
  }  
.cs_article p {
  font-size:85%;
  line-height:1.5em;
  color:#777;
   font-family: georgia,sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #32200A; 
}
.cs_article .readmore {
  font-size:80%;
}

/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
  position:relative;
  display:block;
  width:900px;
  height:400px;
  margin:0 auto;
  overflow:hidden;
}
.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
.cs_slider {
  position:absolute;
  width:10000px;
  height:100%;
  margin:0;
  padding:0;
}
.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:900px;
  height:300px;
  margin:0 auto;
  padding:0;
}
.cs_article2 {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:900px;
  height:300px;
  margin:0 auto;
  padding:0;
}
.cs_article h2 {
  display:block;
  width:46%;
  margin:10px 26px 15px 30%;
  text-align:left;
  z-index: 1;
}

.cs_article img {
	position:absolute;
	top:5px;
	left:20px;
	border:0;
	-ms-interpolation-mode:bicubic;
	z-index:100;	
}
.cs_article2 img {
	position:absolute;
	top:5px;
	left:20px;
	border:0;
	-ms-interpolation-mode:bicubic;
	z-index:100;	
}
.cs_article p {
  display:block;
  width:35%;
  height: 80%;
  margin:0 26px 5px 53%;
  padding:0;
  border:0;
}
.cs_article2 p {
  display:block;
  width:250px;
  height: 90%;
  margin:0 26px 5px 15%;
  padding:0;
  border:0;
   z-index: 1; 
}
.cs_article .readmore {
  display:block;
  width:26%;
   height: 10%;
  margin:0 6% 1% 68%;
  text-align:right;
}
.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:0;
  height:400px;
  padding:10px 0;
  z-index:10000;
}
.cs_leftBtn {
  left:0;
  outline:0;
}
.cs_rightBtn {
  right:0;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:200px;
  margin:0;
}
/* Corner Div */
#corner {
	background-color: transparent;
	height:250px;
	overflow:auto;
	position:absolute;
	top:0;
	left:0;
	width:250px;
	z-index:1;
	background-image: url(../bgs/corner.png);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}
.pullquoteL {
	width: 25%;
	float:left;
	font-size:125%;
	line-height:140%;
	margin:10px;
	/* background: url(../graphics/closequote.gif) no-repeat bottom right !important; */
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 5px 5px 0px;
	margin-bottom: 100px;
	color: #D13D93;
}
.pullquoteL:first-letter {
	/*  background: url(../graphics/openquote.gif) no-repeat left top !important; */
	padding:5px 2px 10px 0px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}
.pullquoteR {
	width: 25%;
	float:right;
	font-size:125%;
	line-height:140%;
	margin:10px;
	/* background: url(../graphics/closequote.gif) no-repeat bottom right !important; */
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 5px 5px 0px;
	margin-bottom: 100px;
	color: #D13D93;
}
.pullquoteR:first-letter {
	/* background: url(../graphics/openquote.gif) no-repeat left top !important; */
	padding:5px 2px 10px 0px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}

/* Action Buttons  */
#request_button a {
background:transparent url(../bgs/request_estimate.png) no-repeat scroll 0 0;
display:block;
height:58px;
left:15px;
text-align: center;
top:194px;
width:360px;
margin-left: 80px;
margin-top: 20px;
}
#request_button a:hover {
background: transparent url(../bgs/request_estimate2.png) no-repeat scroll 0 0;
}
#quoutebuitton  {
padding-left: 80px;
}