@charset "UTF-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 

a { color: #333; }
a:hover {text-decoration:none;}

body { font-family: Arial, Helvetica, sans-serif; background: #F7F2DF; color: #333; }


p  { color: #333; font: normal 15px/18px Arial, Helvetica, sans-serif; padding-bottom: 10px; text-align: left; }
h2  { font-size: 20px; margin-top: 5px; margin-bottom: 5px; font-weight: normal; }


h3 { margin-bottom: 10px; }

h5 { font-size: 18px; font-weight: bold; margin-bottom: 8px; }

.tn { float: left; margin-top: 10px; margin-right: 10px; border: 2px solid #333; }

.asid { font-size: 14px; clear: both; line-height: 14px; font-weight: bold; }

.choose { display: block; font-size: 12px; float: left; bottom: 0px; position: absolute; }

.designer-profile p em { font-size: 11px; }

a, img { font: normal Arial, Helvetica, sans-serif; border-style: none; }

#maincontent2 h1 { display: block; width: 556px; padding-bottom:10px; }

#maincontent3 #text { margin: 10px 20px 20px; }


#container1 { height: 100%; width: 100%; background: #F7F2DF url(../images/dark-splotch.jpg) no-repeat fixed center 300px; margin-top:-156px; }
#container2 { height: 100%; width: 100%; background: url(../images/blue_splotch.png) no-repeat fixed right bottom; }
#container3 { height: 100%; width: 100%; background: url(../images/pink-splotch.png) no-repeat fixed left bottom; }
#container4 { height: 100%; width: 100%; background: url(../images/pittsburgh_02.jpg) no-repeat fixed right top; }
#container5 { height: 100%; width: 100%; background: url(../images/green-splotch.png) no-repeat fixed 0% top; }
#container6 { width: 100%; margin-right: auto; margin-left: auto; background: url(../images/content-background_02.png) repeat-y scroll center;}

#container7 { margin-left:auto;
margin-right:auto;
padding-top:7px;
width:950px; }

#header { height: 157px; width: 100%; background: url(../images/header-background_02.png) repeat-x scroll left top; position: relative; }

#main-content { position: relative; margin-top: 140px; clear: none; }

#maincontent2 {
background:url("../images/box2.png") repeat scroll 0 0 transparent;
height:578px;
left:-16px;
position:relative;
top:1px;
width:648px;
}

#header-flash {

position:relative;

}
#maincontent3 {
left:11px;
margin:15px;
position:relative;
top:27px;
width:592px;
}
#maincontent3 li a { text-decoration: none; font-size: 22px; font-weight: bold; }

#how-it-works2 h2 a { font-weight: bold; text-decoration: none; margin-top: 20px; padding: 0px; font-size: 24px; }

#maincontent3 li { margin-top: 12px; margin-bottom: 12px; text-indent: 20px; list-style: url(../images/arrow_07.jpg) inside; }

#how-it-works { background: url(../images/how-it-works-box.png) no-repeat; height: 578px; width: 380px; position: absolute; right: -45px; }

#how-it-works2 { margin: 40px 30px 40px 50px; }

#how-it-works2 ol li { margin-bottom: 10px; color: #333; font-size: 14px; line-height: 19px; }

#how-it-works h1 { background: url(../images/heres-how-it-works_03.jpg); display: block; height: 49px; width: 336px; text-indent: -9999px; position: relative; top: 22px; left: 22px; }

.buttons { list-style: url(../images/arrow_07.jpg) inside; padding: 10px 0px 0px; font-size: 18px; font-weight: bold; text-decoration: none; }

.perfectcolor  {
left:-16px;
position:absolute;
top:-162px;
}
.logo  {
left:635px;
margin-top:18px;
position:absolute;
top:-150px;
}

#socialmedia {
left:-14px;
position:relative;
top:-5px;
width:1013px;
}

#socialmedia-top { background: url(../images/designers_01.png) no-repeat scroll center top; height: 17px; }

#socialmedia-bottom { height: 17px; background: url(../images/designers_04.png) no-repeat scroll center top; }

#socialmedia-content1 { padding: 15px 30px; height: 310px; }

#socialmedia-content { background: url(../images/designers_03.png) repeat-y scroll center top; }


#designers {
left:-14px;
position:relative;
top:3px;
width:1013px;
}

#designers-top { background: url(../images/designers_01.png) no-repeat scroll center top; height: 17px; }

#designers-bottom { height: 17px; background: url(../images/designers_04.png) no-repeat scroll center top; }

#designers-content1 { padding: 15px 30px; overflow: auto; }

#designers-content { background: url(../images/designers_03.png) repeat-y scroll center top; min-height:580px; }

	#landing-container {margin: 0 auto; width: 950px; z-index: 3000;}
		#residential-block { width: 450px; padding:12px; float: left;}
		#commercial-block { width: 450px; padding:12px; float: left;}


.designer-profile { width: 220px; margin: 10px 8px 20px; clear: none; float: left; height: 230px; position: relative; }

.designer-profile p strong { font-size: 15px; }
.designer-profile a img{ border: 3px solid #333; display: block; height: 140px; width: 220px; margin-bottom: 10px; }

.SM h2 { font-size: 26px; font-weight: bold; margin-bottom: 8px; padding-bottom: 2px; border-bottom: 1px solid #666; }
.designer-profile a:hover img{ border: 3px solid #DA7B93; display: block; height: 140px; width: 220px; }

#maincontent3 li a:hover { color: #D67689; text-decoration: none; }

.choose a { }

.buttons { padding-bottom: 5px; margin-bottom: 5px; display: block; }

#how-it-works2 h4 .buttons { font-size: 17px; margin: 0px; padding: 7px 0px; }

h4 a:hover { color: #D77689; }

#footer {
padding-bottom:60px;
}
#footer a { float: left; margin: 0px 8px 8px; padding: 8px; clear: none; background: #637D7F; color: #FFF; text-decoration: none; }

#footer a:hover { background: #D37E93; }

#socialmedia-content1 .SM { width: 270px; float: left; clear: none; margin-right: 12px; margin-left: 12px; margin-top: 12px; background: #DDD1BC no-repeat left bottom; padding: 10px; height: 230px; }

#container2 #container3 #container4 #container5 #container6 #container7 #main-content #socialmedia #socialmedia-content #socialmedia-content1 .SM a strong { margin: 4px 0px; background: #6E807F; display: block; color: #FFF; padding: 5px; text-decoration: none; clear: both; border: 1px solid #333; }

.SM p { font-size: 12px; }

.SM a:hover strong { color: #7E9391; }

#container1 #container2 #container3 #container4 #container5 #container6 #container7 #main-content #designers #designers-content #designers-content1 h1 { margin-left: 6px; }

#container1 #container2 #container3 #container4 #container5 #container6 #container7 #main-content #designers #designers-content #designers-content1 h2 { margin-left: 6px; }

#container1 #container2 #container3 #container4 #container5 #container6 #container7 #main-content #socialmedia #socialmedia-content #socialmedia-content1 h1 { margin-left: 9px; }