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

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	text-align:center;
	color:#000000;
}

* {
	margin:0px;
	padding:0px;
}

div#mainWrapper {
	width: 900px;
	background-color: white;
	margin: 0 auto;
	text-align: left;
}

/*--Start of header area with logo procraft words, address, phone number--*/
div#header {
	height:107px;
}

div#headerRightContent {
	float:right;
	margin-top:20px;
	margin-right:40px;
}

* html div#headerRightContent {
	margin-right:18px;
}

div#headerRightContent p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	color:#ff0000;
}

div#headerRightContent h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:21px;
	text-align:center;
	color:#000000;
	font-weight:bold;
}

div#headerRightContent p a {
	text-decoration:none;
	color:#ff0000;
}

div#headerRightContent p a:hover {
	text-decoration:underline;
}
div#social img{margin-right:5px; margin-top:5px;}

.proCraftWords {
	margin-top:30px;
	margin-left:230px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:34px;
	color:#ff0000;
	word-spacing:-0.1em;
	font-weight:normal;
}

.address {
	margin-left:273px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

div#logo {
	float:left;
	background-image: url(../images/procraft_logo_07.gif);
	background-repeat: no-repeat;
	height:107px;
}
div#newsletter {
	float:left;
	margin-top:30px;
	padding-left:80px;
}

div#newsletter p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
}
/*--END of header area with logo procraft words, address, phone number--*/


/*--START of Top Navigation Bar, Menu and Email Newsletter Form--*/
div#topBarNav {
	clear:both;
	position:static;
	width:900px;
	height:33px;
	background-color:#000000;
}

div#myMenu {
	float:left;
}

div#emailForm {
	float:right;
	padding-top:3px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#ffffff;
}
/*--END of Top Navigation Bar, Menu and Email Newsletter Form--*/


/*--START of Secondary Navigation (for remodeling, painting and handyman pages--*/

div#secondaryNav {
	position:static;
	margin-top:7px;
	padding-left:423px;
	width:477px;
	height:23px;
	font-weight:bold;
}

div#secondaryNav a {
	font-size: 70%;
	color:#ff0000;
	text-decoration:none;
}

div#secondaryNav a:visited {
	color:#ff0000;
}

div#secondaryNav a:hover {
	color:#999999;
}

div#secondaryNav a#current {
	color:#000000;
}

div#secondaryNav a#current:hover {
	color:#999999;
}
/*--END of Secondary Navigation (for remodeling, painting and handyman pages--*/



/*--START MAIN CONTENT--*/

div#mainContent {
	position:static;
	width:900px;
	overflow:hidden;
}
/*--END MAIN CONTENT --*/



/*--START of LEFT CONTENT CONTAINERS--*/
div#leftContentContainer {
	float:left;
	width:421px;
	height:575px;
}

div#alt_leftContentContainer {
	float:left;
	width:721px;
	height:575px;
}
div#email_leftContentContainer {
	float:left;
	width:900px;
	background-image:url(../images/table_layout_v2_11.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

div#com_leftContentContainer {
	float:left;
	width:721px;
	height:575px;
}

/*div#employment_leftContentContainer {
	float:left;
	width:800px;
	height:575px;
}*/
/*  END of LEFT CONTENT CONTAINERS*/



/*-- START OF RIGHT CONTENT CONTAINERS*/
div#rightContentContainer, div#awards_rightContentContainer, div#links_rightContentContainer, div#FAQ_rightContentContainer, div#funding_rightContentContainer, div#handyman_rightContentContainer, div#normal_rightContentContainer, div#client_rightContentContainer, div#home_rightContentContainer {
	float:right;
	width:479px;
	height:575px;/*if you change the height, change the height in the div#textContent*/
}

/*Smaller content containers for smaller images on Right Side of Page*/
div#alt_rightContentContainer, div#com_rightContentContainer, div#quote_rightContentContainer, div#vendor_rightContentContainer, div#community_rightContentContainer, div#testimonials_rightContentContainer {
	float:right;
	width:179px;
	height:575px;
}

div#employment_rightContentContainer {
	float:right;
	width:177px;
	height:575px;
}
div#officePage_rightContentContainer {
	float:right;
	width:477px;
	height:425px;
}
/*-- END OF RIGHT CONTENT CONTAINERS*/



/*--START of RIGHT CONTENT CONTAINER IMG (Code for Borders around images)--*/
div#awards_rightContentContainer img, div#links_rightContentContainer img, div#FAQ_rightContentContainer img, div#funding_rightContentContainer img, div#handyman_rightContentContainer img, div#normal_rightContentContainer img, div#client_rightContentContainer img, div#home_rightContentContainer img, div#quote_rightContentContainer img, div#testimonials_rightContentContainer img, div#vendor_rightContentContainer img, div#community_rightContentContainer img {
	border:1px solid #000000;
}
div#employment_rightContentContainer img {
	border:1px solid #000000;
}
 /*--END of RIGHT CONTENT CONTAINER IMG (Code for Borders around images)--*/
 
 
 
 /*-- START of TEXT CONTENT--*/
 div#textContent {
	position:static;
	width:400px;
	height:400px;
	margin-bottom:25px;
	overflow:auto;
}

#alt_textContent, #com_textContent {
	position:static;
	width:681px;
	height:400px;
	margin-bottom:25px;
	overflow:auto;
}
#email_textContent {
	width:900px;
	margin-bottom:25px;
	overflow:auto;
}
#awards_textContent, #faq_textContent, #tenSteps_textContent {
	position:static;
	width:400px;
	height:400px;
	margin-bottom:25px;
	overflow:auto;
}
/*#employment_textContent {
	position:static;
	width:850px;
	height:400px;
	margin-bottom:25px;
	overflow:auto;
}*/
 /*-- END of TEXT CONTENT--*/
 
 
 
 /*--START of TEXT CONTENT H2 (Headers)--*/
 #textContent h2 {
/*	margin:10px 0px 5px 0px;*/
	font-size:1.2em;
	color:#ff0000;
	word-spacing: -.05em;
}

#employment_textContent h2, #tenSteps_textContent h2, #alt_textContent h2, #com_textContent h2, #faq_textContent h2, #awards_textContent h2, #email_textContent h2{
/*	margin:10px 0px 5px 0px;*/
	font-size:1.2em;
	color:#ff0000;
	word-spacing: -.05em;
}

 /*--END of TEXT CONTENT H2 (Headers)--*/
 
 
 
 /*--START of TEXT CONTENT H3 (Sub Headers)--*/
 #textContent h5 {
	margin-bottom:10px;
}

#awards_textContent h5 {
	margin:10px 0px 0px 0px;
}

 #faq_textContent h5 {
	margin:10px 0px 5px 0px;
	font-size:.9em;
	color:#ff0000;
}
 /*--END of TEXT CONTENT H3 (Sub Headers)--*/
 
 
 /*--START of TEXT CONTENT P (paragraph formating)--*/
#textContent p, #alt_textContent p, #com_textContent p {
	margin: 3px 10px 1.5em 0px;
	font-size: 75%;
	line-height:1.5em;
}

#awards_textContent p {
	margin: 3px 10px 10px 0px;
	font-size: 75%;
	line-height:1.5em;
}

#faq_textContent p {
	margin: 0px 10px 1.5em 0px;
	font-size: 80%;
	line-height:1.5em;
}
 
 /*--END of TEXT CONTENT P (paragraph formating)--*/
 
 
 
/*--START of TEXT CONTENT (ordered list for Numbered Content)--*/
 
div#textContent ol {
	font-size:75%;
	line-height:1.5em;
	width:353px;
}
div#textContent ol li {
	margin:0.5em 21px 0.5em 26px;
	list-style-position: outside;
}
* html #textContent ol li {
	margin:0.5em 26px;
}
/*--END of TEXT CONTENT (ordered list for Numbered Content)--*/ 


 
 /*--START of #tenSteps_textContent ol (ordered list formatting) Used for Ten Steps to an Extraordinary Remodeling Experience, Why Pro/Craft should be your remodeling contractor, Ten Steps to an Extraordinary Painting Experience, Why Pro/Craft should be your painting contractor, Ten Steps to an Extraordinary Handyman, Why Pro/Craft should be your handyman contractor --*/
#tenSteps_textContent ol li {
	margin:10px 10px 10px 0px;
	font-size:75%;
	line-height:1.5em;
	list-style-position:inside;
}

#tenSteps_textContent a {
	font-size:75%;
}

#tenSteps_textContent a:link {
	color:#000000;
	text-decoration:none;
}

#tenSteps_textContent a:visited {
	color:#000000;
}

#tenSteps_textContent a:hover {
	color:#ff0000;
}
 /*--END of #tenSteps_textContent ol (ordered list formatting)--*/
 

/*--START of TEXT CONTENT UNORDERED LIST (bulleted lists)--*/ 
 div#textContent ul {
	font-size: 75%;
	line-height:1.5em;
}

div#textContent ul li {
	margin: 3px 21px 0.5em 21px;
	list-style-position: outside;
}

*html div#textContent ul li {
	margin: 3px 26px 0.5em 26px;
	list-style-position:outside;
}
/*--END of TEXT CONTENT UNORDERED LIST (bulleted lists)--*/



/*--START of TEXT CONTENT UNORDERED LIST WITH LINKS (bulleted lists)--*/ 
div#textContent ul li a {
	color:#000000;
}
div#textContent ul li a:visited {
	color:#000000;
}
div#textContent ul li a:hover {
	color:#ff0000;
}
/*--END of TEXT CONTENT UNORDERED LIST WITH LINKS (bulleted lists)--*/



 /*--START of OUR AWARDS #award (unordered list) for Awards Listings--*/ 
#awards_textContent ul {
	margin:10px 0px 15px 0px;
	font-size: 75%;
	line-height:1.5em;
}

#awards_textContent ul li {
	margin: 3px 10px 0.5em 0px;
	list-style-position: outside;
}

*html div#awards_textContent ul li {
	margin: 3px 26px 0.5em 26px;
	list-style-position:outside;
} 
 
 /*--END of OUR AWARDS #award (unordered list) for Awards Listings--*/ 
 
 /*--START of SPECIAL LINKS--*/
 
#alt_textContent a:link {
	color:#ff0000;
}

#alt_textContent a:visited {
	color:#ff0000;
}

#alt_textContent a:hover {
	color:#999999;
}
 
/*Frequently Asked Questions(FAQ)Links*/
#faq_textContent a:link {
	color:#000000;
	text-decoration:none;
}

#faq_textContent a:visited {
	color:#000000;
}

#faq_textContent a:hover {
	color:#ff0000;
}
 /*--END of SPECIAL LINKS--*/
 
 
 /*--START of CONTENT for BOTTOM PORTION of web page--*/
div#bottomTextContent {
	position:static;
	width:421px;
}

/*Picture of Top portion of Little House on left side of web page*/
div#littleHouse {
	float:left;
	width:86px;
	height:150px;
	background-image: url("../images/table_layout_v2_11.jpg");
	background-repeat:no-repeat;
	background-position:  left bottom;
}

/*Staff Images*/
div#bottomTextContentImage {
	float:left;
	width:126px;
	height:150px;
	text-align:center;
}
div#officePage_bottomTextContentImage {
	float:left;
	width:300px;
	height:150px;
}
/*Staff Member Quotation*/
div#bottomTextContentQuote {
	float:left;
	margin-left:20px;
	margin-top:20px;/*If you change the margin top you have to change the height to reflect the difference, if you change the margin left you have to change the width*/
	width:150px;
	height:130px;
	background-color:white;
}

/*********font styles for BOTTOM TEXT QUOTATION******/
div#bottomTextContentQuote {
	font-size:70%;
	line-height:1.2em;
	font-weight:bold;
	color:#000000;
}
/******Style for red portion of Name and Title in Bottom Text Quotation*****/
.redquotationText {
	color:#ff0000;
	font-style:italic;
}
/******END of font style for BOTTOM TEXT QUOTATION*****/
/*--END of CONTENT for BOTTOM PORTION of web page--*/
 
 
 
/*---START OF FOOTER at END of WEB PAGE---*/
div#footer {
	float:left;
	width:900px;
	height:38px;
	background-color:#000000;
}

/*****Bottom portion of little house on left size of web page******/
div#footerImage {
	float:left;
	width:200px;
	height:38px;
	background-image: url("../images/table_layout_v2_14.jpg");
	background-repeat:no-repeat;
}

/*****How Can We Help You? text in footer******/
div#footerImage h3 {
	padding-top:4px;
	margin-left:100px;
	font-size: 80%;
	color:#ffffff;
}

/******Remodeling, Cabinets, Architectural Design and Schedule a Consultation in Footer******/	
#bottomMenu {
	float:left;
	margin-left:100px;
	padding-top:10px;
	width:600px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#000000;
}
#bottomMenu ul {
	float:right;
	margin:0px;
	margin-right:10px;
	padding:0px;
	list-style:none;
}
#bottomMenu ul li {
	margin:0px;
	padding:0px;
	display:inline;
	padding-right:10px;
}

#bottomMenu ul li a {
	color:#ffffff;
	font-size: 75%;
	text-decoration:none;
}

#bottomMenu ul li a:visited {
	color:#ffffff;
}

#bottomMenu ul li a:hover {
	color:#FF0000;
}

/*For red bullets in bottom menu*/
.red {
	color:#ff0000;
}
/*---END OF FOOTER at END of WEB PAGE---*/



/*--START of COPYRIGHT AREA--*/
.copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .70em;
}
/*--END of COPYRIGHT AREA--*/

/*--START of MISCELLANEOUS STYLES--*/

/*Border for images*/
.border {
	border:1px solid black;
}

/*Red font color for FAQ questions*/
.redFAQQuestions {
	color:#ff0000;
	font-weight: bold;
	font-variant: small-caps;
}

.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;
}

.rightContentTextBar {
	font-size:80%;
	font-weight:bold;
	color:#ff0000;
	padding-bottom:3px;
}
/*Styles for Request A Quote form on page*/
#contacts {
	font-family:Arial, Helvetica, sans-serif;
}
#contacts th {
	color:#ff0000;
	font-size:0.85em;
	text-align:left;
}
#contacts td {
	font-size:0.80em;
}
#contacts td a {
	text-decoration:none;
	color:#000000;
}
#contacts td a:hover {
	text-decoration:underline;
}
/*End of style for Request A Quote*/

/*Style for team.php for table holding Team image and content*/
#team img {
	border:1px solid #000000;
}
#team strong {
	color:#ff0000;
}
#team td {
	font-size: 75%;
	line-height:1.5em;
}
#team td a:link {
	color:#ff0000;
}
#team td a:visited {
	color:#ff0000;
}
#team td a:hover {
	color:#999999;
}
/*End of Styles for team.php*/

/*Style for testimonials.php for table holding testimonials image and content*/
#testimonials img {
	border:1px solid #000000;
}
#testimonials em {
	color:#ff0000;
}
#testimonials td {
	font-size: 75%;
	line-height:1.5em;
}
/*End of Styles for testimonials.php table*/


/*Style for vendorLinks.php for table holding maps and vendor address information*/
#vendor strong {
	color:#ff0000;
}
#vendor td {
	font-size: 75%;
	line-height:1.5em;
}
#vendor td a:link {
	color:#ff0000;
}
#vendor td a:visited {
	color:#ff0000;
}
#vendor td a:hover {
	color:#999999;
}
/*End of Styles for vendorLinks.php*/

/*Style for affiliations.php for table holding Affiliations image and content*/
#affiliations td {
	font-size: 75%;
	line-height:1.5em;
}
#affiliations td a:link {
	color:#ff0000;
}
#affiliations td a:visited {
	color:#ff0000;
}
#affiliations td a:hover {
	color:#999999;
}
/*End of Styles for affiliations.php*/

#community img {
	border:1px solid #000000;
}

.warning {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FF0000;
}
.com_tdNoLeftMargin {
	margin:1em 20px 1em 0px;
	font-size:75%;
	line-height:1.5em;
}
#finishes td p {
	padding-left:15px;
	padding-right:20px;
	font-size:75%;
	line-height:1.5em;
}
	
/*--START of MISCELLANEOUS STYLES--*/