@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;
}
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;
}
.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;
}
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;
}
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;
}
div#mainContent {
	position:static;
	width:900px;
}
div#leftContentContainer {
	float:left;
	width:421px;
	height:575px;
}
div#rightContentContainer {
	float:right;
	width:479px;
	height:575px;/*if you change the height, change the height in the div#textContent*/
}
div#rightImgContainer {
	float:left;
	width:343px;
	height:454px;
}
div#rightBDFimgContainer {
	float:right;
	width:129px;
	height:454px;
	background-color:white;
}
div#rightBDFimgContainer ul {
	list-style-type:none;
}
div#rightBDFimgContainer ul li {
	list-style-type:none;
}
div#rightBDFimgContainer ul li ul li {
	list-style-type:none;
}
div#rightCaptionContainer {
	clear:both;
	float:left;
	width:343px;
	height:109px;
}
div#rightCaptionContainer p {
	font-size:75%;
	line-height:1.5em;
	margin-top:10px;
}
.caption {
	font-size:75%;
	line-height:1.3em;
	margin-top:10px;
}
#kitchen img {
	border:1px solid #000000;
}
#bathroom img {
	border:1px solid #000000;
}
#additions img {
	border:1px solid #000000;
}
#basements img {
	border:1px solid #000000;
}
#interiors img {
	border:1px solid #000000;
}
#exteriors img {
	border:1px solid #000000;
}
.border {
	border:1px solid black;
}
div#textContent {
	position:static;
	width:400px;
	height:135px;
/*	margin-bottom:25px;*/
	overflow:auto;
}
div#cabinet_textContent {
	position:static;
	width:400px;
	height:400px;
	margin-bottom:25px;
	overflow:auto;
}
div#cabinet_textContent h3 {
	font-size:1.2em;
	color:#ff0000;
	word-spacing: -.05em;
}
div#cabinet_textContent p {
	margin: 3px 10px 1.5em 0px;
	font-size: 75%;
	line-height:1.5em;
}
div#interiorImageNav {
	position:static;
	width:400px;
	height:290px;
	background-color:#ffffff;
}
.highlight {
	background-color:#ff0000;
	padding-left:5px;
	padding-right:5px;
}
div#interiorImageNav table {
	margin-top:10px;
}
div#interiorImageNav p {
	font-size: 75%;
	line-height:1.5em;
}
#textContent h3 {
/*	margin:10px 0px 5px 0px;*/
	font-size:1.2em;
	color:#ff0000;
	word-spacing: -.05em;
}
#textContent h5 {
	margin-bottom:10px;
}

div#bottomTextContent {
	position:static;
	width:421px;
}
#textContent p {
	margin: 3px 10px 1.5em 0px;
	font-size: 75%;
	line-height:1.5em;
}
div#textContent ul {
/*	list-style-position:inside;*/
	font-size: 75%;
	line-height:1.5em;
}
div#textContent ul li {
/*	margin: 0.5em 21px;*/
	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;
}
div#textContent ul li a {
	color:#000000;
}
div#textContent ul li a:visited {
	color:#000000;
}
div#textContent ul li a:hover {
	color:#ff0000;
}
div#bottomTextContent {
	position:static;
	width:421px;
}
div#textContent ol {
	font-size:75%;
	line-height:1.5em;
}
div#textContent ol li {
	margin:0.5em 21px;
	list-style-position: outside;
}
*html div#textContent ol li {
	margin:0.5em 26px;
	list-style-position:outside;
}
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;
}
div#bottomTextContentImage {
	float:left;
	width:126px;
	height:150px;
	text-align:center;
}
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 text*/
div#bottomTextContentQuote {
	font-size:70%;
	line-height:1.2em;
	font-weight:bold;
	color:#000000;
}
.redquotationText {
	color:#ff0000;
	font-style:italic;
}
div#footer {
	float:left;
	width:900px;
	height:38px;
	background-color:#000000;
}
div#footerImage {
	float:left;
	width:200px;
	height:38px;
	background-image: url("../images/table_layout_v2_14.jpg");
	background-repeat:no-repeat;
}
div#footerImage h3 {
	padding-top:4px;
	margin-left:100px;
	font-size: 80%;
	color:#ffffff;
}	
#bottomMenu {
	float:left;
	margin-left:100px;
	padding-top:12px;
	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;
}
.red {
	color:#ff0000;
}
.redFAQQuestions {
	color:#ff0000;
	font-weight: bold;
	font-variant: small-caps;
}
.copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .70em;
}
.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;
}
.whiteSideBarText {
	font-size:80%;
	font-weight:bold;
	color:#ffffff;
	background-color: #ffffff;
	margin-bottom:5px;
}