@charset "UTF-8";
/* CSS Document */

body {
	margin:0; 
	padding:0;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	color:#676767;
	font: normal .813em Arial, Helvetica, sans-serif ;
	
	}


#main_wrapper {
	margin:0 auto; 
	background-color:#fff; 
	width:1000px;
	min-height:500px;
	}
	
	
/****************************************************/
/****************************************************/
/*					HEADER 							*/	
/****************************************************/ 
/****************************************************/	
#headerhome_wrapper {
	width:1000px;
	height:435px;
	margin:0 auto;
	padding-top:5px;
	background-image: url(../images/piedmonthome.jpg);
	background-repeat:no-repeat;
	}



#header_wrapper {
	width:1000px;
	height:145px;
	margin:0 auto;
	padding-top:5px;
	background-image: url(../images/contentbg_slice.gif);
	}

#header_info {  /* Needed to align nav bar*/
height:66px;
}	

div.logo {
float:left;
width:420px;
margin:20px 0 0 20px;
}


div.contact_info {
text-align:right; 
margin:20px 20px 0 0;
float:right;
}


span.phone_number {
font:bold 2em Arial, Helvetica, sans-serif;
color: #FDB515;
}


span.service_years {
color:#676767;
font:bold 1em Arial, Helvetica, sans-serif;
}

/****************************************************/
/****************************************************/
/*					HEADER TAGS						*/	
/****************************************************/ 
/****************************************************/	


h1 {
font:bold 2.5em Arial, Helvetica, sans-serif;
color: #64ACBD;
margin:5px 0;
padding:0;
}

h2 {
font:bold 2.0em Arial, Helvetica, sans-serif;
font-size:22px;
color: #FDB515;
}

h3 {
font:bold 1.4em Arial, Helvetica, sans-serif;
margin-bottom:0;
margin-top:.95em;
}

h4 {
font-family:bold  Arial, Helvetica, sans-serif;
color: #FDB515;
}

h5 {
font-family:bold  Arial, Helvetica, sans-serif;
color: #FDB515;
}

h6 {
font-family:bold  Arial, Helvetica, sans-serif;
color: #FDB515;
}

p {
margin:7px 0 15px 0;
font:normal 1em Arial, Helvetica, sans-serif;
}

.callout {
font:bold 2.0em Arial, Helvetica, sans-serif;
color:#FDB515;
}

.callout_substory {
font:normal 1.7em Arial, Helvetica, sans-serif;
color:#676767;
}

a:link, a:visited, a:hover, a:active {
text-decoration: underline;
}    /* unvisited link */


/****************************************************/
/****************************************************/
/*				NAVIGATION MENU STYLES				*/	
/****************************************************/ 
/****************************************************/
.preload1 {background: url(../images/brush5.gif);}
/*.preload2 {background: url(three_1a.gif);}*/

#nav_wrapper {
width:100%;
height:49px;
float: left;
margin-top:20px; /* Needed to align nav bar */
padding-top:13px; /* Needed to align nav bar */
}

#nav {
padding:0; 
margin:0; 
list-style:none; 
height:49px; 
position:relative; z-index:500; 
font:bold 1.063em arial, verdana, sans-serif; 
width:100%;
}

#nav li.top {
display:block; 
float:left; 
height:44px; 
}

#nav li a.top_link {
display:block; 
float:left; 
height:44px; 
line-height:42px; 
color:#333; 
text-decoration:none; 
font:bold 1.063em arial, verdana, sans-serif; 
padding:0 0 0 12px; 
}

#nav li a.top_link span /*padding-right controlled width of tab*/ {
float:left; 
display:block; 
/*padding:0 30px 0 12px;*/ 
height:35px; 
width:170px;
text-align:center;
padding-top:11px;
} 

/*#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0a.gif) no-repeat right top;}*/

/*#nav li:hover a.top_link {
color:#fff; 
background: url(../images/brush5.gif) no-repeat;
}*/

/*#nav li:hover a.top_link span {background:url(three_1.gif) no-repeat right top;}*/
#nav li:hover a.top_link span.down {
color:#fff; 
background: url(../images/brush5.gif) no-repeat right top;
padding-top:11px;
}

/* Default list styling */

#nav li:hover {
position:relative; 
z-index:200;
}

#nav li:hover ul.sub {
left:50px; 
top:44px; 
background: #D9D9D9; 
padding:3px; 
border:1px solid #fff; 
white-space:nowrap; 
width:90px; 
height:auto; 
z-index:300;
}

#nav li:hover ul.sub li {
display:block; 
height:20px; 
position:relative; 
float:left; 
width:90px; 
font:bold 1.063em arial, verdana, sans-serif; 
}

#nav li:hover ul.sub li a {
display:block; 
font:normal 1.063em arial, verdana, sans-serif; 
height:18px; 
width:88px; 
line-height:18px; 
text-indent:5px; 
color:#333; 
text-decoration:none;
border:1px solid #D9D9D9;
}

/*#nav li ul.sub li a.fly
{background:#D9D9D9 url(arrow.gif) 80px 6px no-repeat;}

#nav li:hover ul.sub li a:hover 
{background:#6a812c; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff;}*/


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul {
left:90px; 
top:-4px; 
background: #D9D9D9; 
padding:3px; 
border:1px solid #ccc; 
white-space:nowrap; 
width:300px; 
z-index:400; 
height:auto;
}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul {
position:absolute; 
left:-9999px; 
top:-9999px; 
width:0; 
height:0; 
margin:0; 
padding:0; 
list-style:none;
}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#64ACBD url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#D9D9D9 url(arrow.gif) 80px 6px no-repeat; color:#333; border-color:#D9D9D9;}


/****************************************************/
/****************************************************/
/*					CONTENTS						*/	
/****************************************************/ 
/****************************************************/
#homepagecontent_wrapper {
width:960px;
background-color:#fff;
margin:0 20px 40px 20px;
padding:10px 0 0 0;
min-height:300px;
height:auto !important;
height:300px;
/*float:left;*/
}



#content_wrapper {
width:960px;
background-color:#fff;
margin:0 20px 40px 20px;
padding:10px 0 0 0;
min-height:400px;
height:auto !important;
height:400px;
/*float:left;*/
}
	
	
ul {
line-height:140%;
}

li.bullet {
color:#FDB515;
}

.bullet-text {
color:#676767;
}

.divider {
height:2px; 
background-image:url(../images/divider.gif); 
background-repeat:repeat-y;  
clear: both;

}
/****************************************************/
/****************************************************/
/*					 CONTENTS						*/	
/****************************************************/ 
/****************************************************/

.homepage_content {
	margin:0 0 20px 0;
	float:left;
	width:960px;
}

.homepage_story {
width:620px; 
float:left;
margin:0 20px 40px 0;
}


.homepage_marketingcol {
width:290px; 
float:right;
background-color:#E6E6E6;
}

.marketing_elements {
float:left;
width:290px;
}


.marketing_art{
float:left;
}

.marketing_copy {
float:left;
width:200px;
margin:15px 0 0 10px;
}

.marketing_normal {
font:normal 1.25em Arial, Helvetica, sans-serif;
color:#333;
}

.marketing_bold {
font:bold 1.75em Arial, Helvetica, sans-serif;
color:#333;
}

.marketing_number {
font:bold 1.75em Arial, Helvetica, sans-serif;
color:#FDB515;
}

.marketing_email {
font:normal 1em Arial, Helvetica, sans-serif;
color:#333;
}

/****************************************************/
/****************************************************/
/*					ABOUT US PAGE					*/	
/****************************************************/ 
/****************************************************/

.aboutus_story {
width:600px; 
float:left;
margin:0 20px 20px 0;
}

/****************************************************/
/****************************************************/
/*					SERVICES						*/	
/****************************************************/ 
/****************************************************/

.services {
width:960px; 
float:left;
}


.services_offered {
width:960px; 
float:left;
}

.services_overview {
float:left;
margin-top:20px;
width:960px; 
}


/*.col1 {
width:390px; 
float:left; 
margin-bottom:35px;
}

.col1_float {
float:left; 
width:390px;
margin-bottom:15px;
}

.col1_image {
float:right;
}

.col1_text {
text-align:right;
width:175px; 
margin-top:55px; 
font:bold 1.3em Arial, Helvetica, sans-serif;
}

.col2 {
width:390px; 
float:right; 
margin:0 35px 35px 0;
}*/

/* ALTERNATIVE */
.col1 {
width:235px; 
float:left;
margin:0 0 0 60px; 
}

.col1_float {
float:left; 
width:235px;
margin-bottom:15px;
}

.col1_image {
float:left;
}

.col1_text {
width:175px; 
font:bold 1.3em Arial, Helvetica, sans-serif;
margin-left:7px;
}

.col2 {
width:235px; 
float:left;
margin:0 42px; 
 
}

.col3 {
width:235px; 
float:left; 
}

.service_bullets {
float:left;
clear:both;
width:960px;
margin-bottom:20px; 
}

.service_bullets .column1 {
width:420px; 
float:left; 
margin:0 0 0 65px; 
}

.service_bullets .column2 {
width:350px; 
float:left; 
margin:0; 
}


.non_warranty {
float:left;
}


/****************************************************/
/****************************************************/
/*					PORTFOLIO						*/	
/****************************************************/ 
/****************************************************/

.portfolio_container {
margin-bottom:25px;
}

.portfolio_text {
width:150px; 
height:15px; 
float:left; 
text-align:right;
margin:55px 25px 0 0;
font:bold 1.3em Arial, Helvetica, sans-serif;
 }

.portfolio_img { 
width:200px; 
height:189px; 
float:left;
margin-right:48px;
}

/****************************************************/
/****************************************************/
/*				PORTFOLIO	DETAILS					*/	
/****************************************************/ 
/****************************************************/

.port_container {
margin-top:15px;
float:left;
}

.portdetail_left {
width:308px; 
height: 231px; 
float:left; 
}

.portdetail_mid {
width:308px; 
height: 231px; 
float:left; 
margin:0 15px;
}
.portdetail_right {
width:308px; 
height: 231px; 
float:right;
}

span.port_subtitle {
font:bold .5em Arial, Helvetica, sans-serif;
color:#676767;
}

.piedmontmsg_container {
width:960px; 
float:left;  
margin-top:20px; 
height:192px;
}

.piedmont_img {
height:192px; 
width:144px; 
float:left;
}

.piedmont_msg { 
height:93px; 
width:800px; 
float:left;
}

.piedmont_testimonial {
height:97px; 
width:800px; 
float:left;
margin:0 0 0 10px;
}

.testimonial_wrapper {
float:left; 
width:960px;
}

.testimonial_container {
float:left; 
width:800px;
margin:0 auto;
}

.testimonial {
/*height:97px; */
float:left;
margin:0 0 20px 0;
}

.testimonial_name {
font:italic 1.0em Arial, Helvetica, sans-serif;
color: #64ACBD;
}

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


.contactinfo_container {
float:left; 
width:350px;
}

.contactinfo_col1 {
float:left; 
line-height:190%
}

.contactinfo_col2 {
float:right; 
line-height:190%
}


/****************************************************/
/****************************************************/
/*					FOOTER							*/	
/****************************************************/ 
/****************************************************/
.company_slogan {
font:normal 1.5em Arial, Helvetica, sans-serif;
color:#64ACBD;
text-align:center;
}

#footer_wrapper{
}

#footer_container{
	height:122px;
	background-image:url(../images/footerslice.gif);
	background-repeat:repeat-x;
}

.footer_container1 {
float:left;
margin: 25px 0 0 35px;
}

.footer_container2 {
float:right;
margin: 35px 35px 0 0;

}

.socialmedia_container {
float:left;
margin: 25px 0 0 35px;
}

.yelp {
float:left;
text-align:center;
margin-right:30px;
}


.google_places {
float:left;
text-align:center;
margin-right:30px;
}

.facebook {
float:left;
text-align:center;
}

.copyright {
font:normal 1em Arial, Helvetica, sans-serif;
color:#676767;
float:right;
margin: 35px 35px 0 0;
}