/* generic styles */
*{
	margin:0px;
	padding:0px;
}

body{
	background:#CCCCCC url(images/bg.jpg) repeat;
	font:12px/20px Tahoma,Helvetica,sans-serif;
	color:#333333;
}

* html .clearfix {
	height: 1%;
}

a {color:blue;	text-decoration:none;	font-weight:bold;}
a:hover {text-decoration:underline;color:red;}

a.linktitle  {color:#547607;	text-decoration:none;}
a.linktitle:link {color:#547607;	text-decoration:none;}
a.linktitle:hover {color:#547607;	text-decoration:underline;}
a.linktitle:visited {color:#547607;	text-decoration:none;}
a.linktitle:active {color:#547607;	text-decoration:none;}

a.linktop  {color:#547607;	text-decoration:underline;}
a.linktop:link {color:#547607;	text-decoration:underline;}
a.linktop:hover {color:red;	text-decoration:underline;}
a.linktop:visited {color:#547607;	text-decoration:underline;}
a.linktop:active {color:#547607;	text-decoration:underline;}

a.privacyform  {color:blue;	text-decoration:none;}
a.privacyform:link {color:blue;	text-decoration:none;}
a.privacyform:hover {color:blue;	text-decoration:underline;}
a.privacyform:visited {color:blue;	text-decoration:none;}
a.privacyform:active {color:blue;	text-decoration:none;}

a.footerlink  {color:white;	text-decoration:none;}
a.footerlink:link {color:white;	text-decoration:none;}
a.footerlink:hover {color:white;	text-decoration:underline;}
a.footerlink:visited {color:white;	text-decoration:none;}
a.footerlink:active {color:white;	text-decoration:none;}

a.clickhere  {color:white;	text-decoration:none;}
a.clickhere:link {color:#EA4599;	text-decoration:underline;}
a.clickhere:hover {color:#111111;	text-decoration:underline;}
a.clickhere:visited {color:#EA4599;	text-decoration:underline;}
a.clickhere:active {color:#EA4599;	text-decoration:underline;}

.pink {color: #EA4599;}

/* #EA4599 = PINK */
h1.title{font-size:30px; margin:0 0 15px 0; color:#EA4599; font-family:"Myriad Pro Cond", "Trebuchet MS"; font-weight:bold; line-height: 32px;}
h2.title{font-size:30px; margin:0 0 15px 0; color:#EA4599; font-family:"Myriad Pro Cond", "Trebuchet MS"; font-weight:bold; line-height: 32px;}
h2{font-size:28px;}
h3.title{font-size:24px; color:#EA4599;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
h7{font-size:20px;}

.valuepoints
{
  color: #9E0B0F;
  font-size: 12pt;
}

.welcometitlebox
{
  font-size:16pt;
}

h1,h2,h3,h4,h5,h6,h7{margin:0 0 15px 0; color:#333333;font-family:"Myriad Pro Cond", "Trebuchet MS";font-weight:bold;}									
img{border:none;}
.clear{clear:both;}
.cushion{padding: 15px;}
.floatleft{float:left;}
.floatright{float:right;}
.center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.DescContainer{float: left; width: 100%; display: block;}
.MoreTopBottomMargin {margin-top: 15px; margin-bottom: 15px;}
.normal, .normal a{font-weight:normal;}
.textbold{font-weight:bold;}
#container .nomargin, .nomargin{margin:0;}
#container.nobg, .nobg{background:none;}
.padding15{padding:15px;}
imgright {
float:right;

}

/* fix break problem */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}

.testimonials
{
  position:relative;
  width:250px;
  font-size:13px;
  color:black;
  vertical-align: top;
  margin-top: 10px;
  margin-bottom: 20px;
  display: table;
}

.SaveButtonPadding
{
  padding-right: 40px; padding-top: 105px;
}

#ServiceAreaSideBar
{
  position:relative;
  font-size:13px;
  color:black;
  vertical-align: top;
  margin-top: 15px;
  display: table;
  border: solid 1px #222222;
}

#Sidebar
{
  float: right;
  width: 255px;
}

/* Body styles */

#pagewrapper {
	width:835px;
	margin:0 auto;
	background-color: white;
	border-left: solid 1px silver;
	border-right: solid 1px silver;
}

#wrapper {
  position:relative;
  width:835px;
	margin:0 auto;
	background-color: white;
	padding-bottom: 10px;
}

#header {
	height:120px;
	overflow:hidden;
}

#crumb {
  clear:both;
  margin-top: 5px;
}

#crumb a {
  text-decoration: none;
  font-weight:normal;
  color: blue;
}

#crumb a:hover {
  text-decoration: underline;
  color: red;
}

#footerwrapper
{
	border-top:10px solid #E2DEDE;
	background-color: #808080;
	width:100%;
	color: white;
}

#footer{
		margin:0 auto;
	  padding:10px;
		font-size:10px;
}

#footer a{
		font-weight:normal;
}

#footer a.linkselected {
    text-decoration:underline;color:#547607;
}

/* header elements */

.GalleryContainer
{
  width: 175px;
  height: 120px;
  border: solid 1px gray;
  border-radius: 10px;
  -moz-border-radius: 10px;
  float: left;
  margin-right: 10px;
  margin-bottom: 13px;
}

.GalleryContainer_GallerySites
{
  width: 177px;
  height: 130px;
  border: solid 1px gray;
  border-radius: 10px;
  -moz-border-radius: 10px;
  float: left;
  margin-right: 10px;
  margin-bottom: 13px;
  padding-top: 10px;
}


img.center {margin-left: auto; margin-right: auto; text-align: center; display:table-cell; vertical-align:middle; padding-top: 9px; }
img.center_gallery {margin-left: auto; margin-right: auto; text-align: center; display:table-cell; vertical-align:middle; padding-top: 4px; }
img.center_smallimage {margin-left: auto; margin-right: auto; text-align: center; display:table-cell; vertical-align:middle; padding-top: 28px; }

img.anytime {
 position:relative;
 float: right;
 top:25px;
 margin-right: 22px;
}

img.logo_text {
 position:relative;
 float: left;
 top:45px;
 margin-left: 300px;
}

/* logo as link */
h1#h1_logo {
  position:absolute;
  top:10px;
	background:url('images/teresa-shpizear.png') no-repeat;				
	width: 333px;
	left: -17px;
}

h1#h1_logo a {
	display:block;
	height:125px;
}

h1#h1_logo a span{
	display:none;
}
/* contact details as link 
h2#h2_contact{
  position:absolute;
  float:right;
  top:10px;
  right:0px;
	background:url(images/h2contact.png) no-repeat;				
	width:409px;
}
h2#h2_contact a{
	display:block;
	height:58px;
}
h2#h2_contact a span{
	display:none;
}*/

#mainarea img.galprev {
  position:relative;
  float:right;
  top:0px;
  right:0px;
  margin:0px 0px 20px 20px;
}
#container ul, #container ol{
	margin:0 0 0 20px;
}
#container ol{
	margin:0 0 0 30px;	
}
ul#portfolio{margin:0;list-style:none;}
#container dt, #container1 dt{
	font-weight:bold;
	margin:20px 0 10px 0;
}

#galscontainer{
  margin-top:20px;
}
#galscontainer ul{
  list-style-type:none;
}
#galscontainer ul li {
  float:left;
  text-align:center;
  width:190px;
  height:230px;
  border:1px dashed #ccc;
  margin:5px;
}
#galscontainer h5 {
  margin-top:10px;
  color:darkblue;
}
#galscontainer ul li img {
  border:1px solid #ccc;
  padding:2px;
}


/* corporate menu */
#corp_menu {
  position:absolute;
  float:right;
  top:100px;
  right: -1px;
}
#corp_menu a {
 font-size:12px;
 font-weight:normal;
 margin-left:10px;
 text-decoration:none;
 color:#FFFFFF;
}
#corp_menu a:hover,#corp_menu a.linkselected {
 border-bottom:1px solid #FFFFFF;
}

/* main banner elements */
					
#banner {
		position:relative;
		top: 40px;
		overflow:hidden;
		margin-bottom: 50px;
		float: left;
		padding-bottom: 10px;
}
#banner .mainimg {
		position: relative;
		top:10px;
		left:25px;
		padding-right: 25px;
}
#banner .banntopleft {
		position: absolute;
		top:0px;
		left:0px;
}
#banner .bannright {
    position:absolute;
    float:right;
    top:5px;
    right:5px;
    width:250px;
    height:253px;
    border:none;
}

.reasons_list ul
{
  text-indent: 1em;
}

.reasons_list li
{
  font-size: 13px;
  font-weight: bold;
  padding: 1px;
  height: 30px;
  vertical-align: middle;
  list-style-image: url('images/heart.png');
}

/* services menu */
#serv_menu {
    position:absolute;
		height:44px;
		background-color: white;
		font-size: 10pt;
		width: 770px;
		background:url(images/bar_norm.jpg) repeat-x;
		top: 115px;
		padding-left: 20px;
		left: 20px;
		border: solid 1px white;
		border-radius: 10px;
		-moz-border-radius: 10px;
		white-space: nowrap;
		font:10pt Tahoma,Helvetica,sans-serif;
}

#serv_menu ul{
   position:relative;
   left:0px;
	 height:44px;
	 list-style:none;
	 margin-left:0px;
}

#serv_menu ul, #serv_menu li{
	 list-style:none;
	 position:relative;
	 top:0px;
	 left:0px;
	 color: black;
	 white-space: nowrap;
	 padding: 0px;
}

#serv_menu li, #serv_menu li a{
			display:block;
			float:left;
			height:44px;
			color:#fff;
			text-transform:uppercase;
			line-height:18px; text-align: center;
}

#serv_menu li a{		
      cursor:pointer;			
			padding:3px 12px 0px 12px;
			width: 70px;
			font-weight: normal;
}

#serv_menu li a:hover,#serv_menu li a.linkselected{
			text-decoration:none;
			color:white;
			background-color: black;
			background:url(images/bar_sel.jpg) repeat-x;
      font-weight: normal;
}

p.smallfontbox
{
  font-size: 7pt;
  line-height: 14px;
  padding-left: 15px;
}

/* service drop down */
a.sample_attach, a.sample_attach:visited, div.sample_attach
{
  display: block;
  padding: 2px 5px;
  background: #75894E;
  color:#fff;
  text-decoration: none;
} 
a.sample_attach, a.sample_attach:visited { border-bottom: none; }
a.sample_attach:hover { background-color:#9FBF6A; }
div#sample_attach_menu_child { border-top:4px solid #75894E;text-align:right;border-bottom:5px solid #75894E;z-Index:100; }
  
#container{
	/* background:url(images/divider.jpg) repeat-y 760px 0; */
}

#container img.prevright {
  float:right;
  border:1px solid #bfbfbf;
	padding:3px;
	margin:0 0 20px 20px;
}
#container h4 {
  margin-top:10px;
}
.block1{
	width:280px;
	float:left;			
	margin:0 30px 0 0;
	display:block;
}
.block1.nomargin{
	margin:0;
}
.block1 h2{
  color:#5d5d5d;
}
.block1 img{
	border:1px solid #bfbfbf;
	padding:3px;
	margin:0 0 8px 0;
	width:270px;
	height:90px;
}
.block1 a.b,.homepage a,#articlelist a{
	font-weight:normal;
	text-decoration:underline;
  color:#547607;
	background-image:url(images/bul.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:7px;
}
	.block1 a:hover,.homepage a:hover{
	color:#222;
	text-decoration:none;
}

.InnerContentGeneric
{
  width: 770px;
  padding-left: 10px;
}

.HomePageWelcome
{
  font-size: 10pt;
}

.InnerContent
{
  width: 440px; margin-left: 40px; float: left;
}

.HomePageWelcomeBox
{
  width: 718px;
  font-size: 10pt;
  border: solid 1px silver;
  padding: 10px;
  margin-left: -2px;
}

.learn_now
{
  text-align: center;
  vertical-align: bottom;
}

.Testimonials_Testimonial
{
 font-style:italic;
 display: table;
 margin-bottom: 10px;
 width: 100%;
 padding-left: 5px;
}

.Testimonials_Who
{
  color: #F671B5; float: right;
  display: table;
  margin-bottom: 70px;
  width: 100%;
  margin-right: 20px;
  text-align: right;
  font-weight: bold;
}

.homepagecontainer
{
  padding: 9px;
  width: 180px;
  height: 200px;
  float: left;
}

.noborder
{
  border: none;
}

.divider_main
{
  background:url(images/divider.jpg) repeat-x;
  height: 15px;
  width: 850px;
  float: left;
}

.homepagecontainerTitle
{
  margin-top: 5px;
  margin-bottom: 12px;
  text-align: center;
  font-size: 14pt;
  font-weight: bold;
  color: #777777;
  white-space: nowrap;
}

.homepagecontainerImage
{
  margin-top: 5px;
  margin-bottom: 12px;
  text-align: center;
}

.container_services
{
  margin-left: 50px; height: 205px; float: left;
}

.container_services
{
  margin-left: 50px; height: 205px; float: left;
}

.container_services_buttons
{
  margin-left: 50px; height: 50px; float: left;
}


#container ul.testim {
	width:325px;
	float:left;			
	display:block;
	list-style-type:none;
	padding:0px;
	margin:0px;
}
#container ul.testim p {
  margin-bottom:10px;
}
#container ul.testim li {
  padding:5px;
  border:1px dashed #CCCCCC;
  margin-right:10px;
  margin-bottom:10px;
}

#container .articlescontainer {
  margin-top:20px;
  padding-top:20px;
}
#container .articletext {
  padding-top:20px;
}
#container .backtotop a{
  float:right;
  font-size:11px;
  font-weight:normal;
  color:#000000;
  padding:2px 5px;
  text-decoration:none;
}
#container .backtotop a:hover {
  background-color:#CCCCCC;
}

	#sidearea{
	  position:relative;
		width:200px;
		float:right;
	}
	#mainarea{
		padding:20px 0;
		width:800px;
		float:left;
		padding-left: 15px;
		background-color: white;
	}	

.opportunity
{
  text-align: center; display: table; font-weight: bold; width: 100%;
}
/* Layout Styles Ends */

.thank_you
{
  margin-left: 140px; padding-bottom: 10px;
}


.input{
	border:1px solid #a5a5a5;
	background:none;
	cursor:text;
	margin:5px 0;
	padding:2px;
	width:200px;
}
textarea.input{
	width:415px;
	height:100px;
}
.input:focus, .textarea:focus{
	border:1px solid #000;
}
.signin-btn, .button1{
	background:#72aa00;
	line-height:20px;
	margin:8px 0;
	padding:2px 10px !important;
	padding:2px 0;
	color:#fff;
	font-weight:bold;
	border:none;
	outline:none;
	cursor:pointer;
}

.generic_container
{
  float: left;
  margin-top: 10px;
}

.bathroom_container
{
  float: left;
  margin-top: 20px;
  width: 600px;
}

.rooms_container
{
  float: left;
  margin-top: 20px;
  width: 650px;
}

.kitchen_container
{
  float: left;
  margin-top: 20px;
  width: 670px;
}

.roofing_container
{
  float: left;
  margin-top: 20px;
  width: 620px;
}

.CompanyTextBottom
{
  font-size: 14pt;
  text-align: center;
  width: 600px;
  margin:0 auto;
  padding: 20px;
  padding-right: 330px;
  line-height: 30px;
}

#container p.hr{
	border:solid #d3d3d3;
	border-width:1px 0 0 0;
	margin:0;
	outline:none;
}
#container p{
	margin:0 0 5px 0;
}
#container form p{
	margin:0 0 5px 0;
}
#container p img.floatleft{
	margin:0 20px 0 0;
}
#container p img.floatright{
	margin:0 0 0 20px;
}
#mainarea img.floatleft, #mainarea p img.floatleft{
	margin:10px 10px 10px 0;
}
#mainarea img.floatright, #mainarea p img.floatright{
	margin:10px;
}
#container ul, #container ol{
	margin:0 0 0 20px;
}
#container ol{
	margin:0 0 0 30px;	
}
ul#portfolio{margin:0;list-style:none;}
#container dt, #container1 dt{
	font-weight:bold;
	margin:20px 0 10px 0;
}
#mainarea h1 {
color:#333333;
}