body {
margin:0;
padding:0;
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif;


}

img, div, a, input { behavior: url(iepngfix.htc) }

img {
border:0;
}

#headerWrap {
width:100%;
background:#FFFFFF url(images/bgleft.jpg) repeat none;
}

#headerContent {
width:950px;
margin:0 auto;
text-align:right;
font-family:Arial, Helvetica, sans-serif;

}

#bodyWrap {
background-color:#FFFFFF;
padding:0px 0 0px 0;
margin-left: 0px;
	margin-top: 0px;
	font-family:Arial, Helvetica, sans-serif;

}

#tblMain {
width:100%;
}

#line {
border-top:#615A4E 1px solid;
border-bottom:#615A4E 1px solid;
}

#navLine {
border-top:#615A4E 1px solid;
border-bottom:#615A4E 1px solid;
border-right:#615A4E 1px solid;
}

#mainNav {
text-align:right;
width:179px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#00529b;
}

#mainNav ul {
margin:0 0 25px 0;
}

#mainNav li {
list-style:none;
}

#mainNav li a {
padding:5px 15px 5px 0;
display:block;
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#00529b;
}

.nav{

display:block;
text-decoration:none;
font-family:Helvetica;
font-weight:600;
font-size:12px; 
color:#0081a1;
}

#mainNav li a:hover {
color:#196638;
}

#mainNav .s a:hover, #mainNav .s a {
color:#FFFFFF;
background:url(images/navBg.jpg) repeat-y right;
}

#bodyContent {
background-color:#FFFFFF;
width:760px;
vertical-align:text-bottom;
}

#lCol {
width:260px;
padding:0 0 0 15px;
}

#lCol p {
text-align:right;
line-height:35px;
font-family:Arial;
font-size:16px;
color:#5E574B;
padding:10px 0 0 20px;
}

#rCol {
width:420px;
padding:10px 0 0 25px;
float:left;
}

#rCol p {
line-height:25px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#5E574B;
}

#rCol img {

}

#footerWrap {
width:100%;
height:60px;
}

#footerContent {
width:950px;
margin:0 auto;
}

.home {
width:410px;
font-family:Helvetica;
color:#707374;
font-size:15px;
line-height: 23px;
margin-left: 440px;

}

.siteplan {
width:350px;
font-family:Helvetica;
color:#707374;
margin-left: 25px;
margin-right: 0px;
line-height: 23px;
text-align:left;


}



.location {
width:600px;
font-family:Helvetica;
color:#514629;
margin-left: 450px;
margin-right: 46px;

}

.design {
width:300px;
font-family:Helvetica;
color:#707374;
font-size:13px;
margin-left: 10px;
margin-right: 15px;
line-height: 15px;


}

#ftrlCol {
float:left;
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
padding:5px 0 0 0;
}

#ftrlCol a {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

#ftrlCol a:hover {
text-decoration:underline;
}


#ftrrCol {
float:right;
width:200px;
text-align:right;
}


h1 {
color:#5E574B;
font-family:Helvetica;
font-size:15px;
line-height:25px;
padding:5px 0 0 65px;
}

h2 {
color:#FFFFFF;
font-family:Helvetica;
font-size:16px;
line-height:25px;
margin:5px 0 0 15px;
padding:1px;
background-color:#0081a1;
width:380px;
text-align:center;
clear:both;
}

h3 {
color:#FFFFFF;
font-family:Helvetica;
font-size:16px;
line-height:25px;
margin:5px 0 0 15px;
padding:1px;
background-color:#0081a1;
width:380px;
text-align:center;
clear:both;
}

h4 {
color:#FFFFFF;
font-family:Helvetica;
font-size:16px;
line-height:25px;
margin:5px 0 0 15px;
padding:1px;
background-color:#0081a1;
width:380px;
text-align:center;
clear:both;
}

h5 {
color:#FFFFFF;
font-family:Helvetica;
font-size:16px;
line-height:25px;
margin:5px 0 0 15px;
padding:1px;
background-color:#0081a1;
width:300px;
text-align:center;
clear:both;
}

#bodytable {
	text-align:center;
	display:block;
}

#fpnav {
width:780px;
font-weight:600;
margin:10px 0 0px 0px;
font-family:Helvetica;
font-size:16px;
color:#707374;
}

#fpnav a:link{
color:#0081a1;
text-decoration: none;

} 
#fpnav a:active{
color:#0081a1;
text-decoration: none;

} 
#fpnav a:hover{
color:#0081a1;
text-decoration: none;

} 
#fpnav a:visited{
color:#0081a1;
text-decoration: none;

} 

#renderings {
width:242px;
margin:10px 0 10px 15px;
float:left;
font-family:Helvetica;
font-size:16px;
color:#707374;
}

#renderings2 {
width:242px;
margin:10px 0 0px 15px;
float:left;
font-family:Helvetica;
font-size:16px;
color:#707374;
}

#renderingtitle {
width:780px;
font-weight:bold;
margin:10px 0 10px 0px;
font-family:Helvetica;
font-size:16px;
color:#707374;
}

#renderings .name {
line-height:20px;
}

#renderings .renderingImg {
	padding:3px;
	background-color:#0081a1;

border-color:#91835f;
border-bottom: 2px;
height:157px;
width:236px;

}

#renderings .renderingImg2 {
	padding:3px;
	background-color:#0081a1;

border-color:#91835f;
border-bottom: 2px;
height:220px;
width:236px;

}





#garage_box {
position:absolute;
display:block;

}
.garage {
position: absolute;
top: 0px;
left: 0px;
} 

.two-garage{background:url(../images/garageband.png) no-repeat;width:122px;height:94px;position:absolute;top:0;left:0; z-index:999;}


.ribbon{width:122px;height:94px;position:relative;top:0;left:0; z-index:999;}



#renderings .sqft {
line-height:20px;
}

#renderings .small {
font-size:11px;
}

.small {
font-size:12px;
}

.big {
font-size:28px;
letter-spacing:2px;
line-height:35px;
font-weight:bold;
}

#error h1 {
font-size:24px;
color:#007647;
font-weight:bold;
}

#error li {
color:#007647;
}


/* Mortgage Calculator */
#calculator {
width:500px;
}
 
#calc {margin:0 0 0 35px;} 

#calc input {
width:60px;
}


#calc dt, #calc dd { float:left; height:40px; display:block; margin:0; padding:0; border-bottom:2px solid #ffffff; }
#calc dt { clear:left; width:302px; }
#calc dd { width:158px; border-left:2px solid #ffffff; }

#calc .lightGrey { background:#e5e5e5; }
#calc .darkGreyFull { background:#c4c4c3; width:462px; }
#calc .darkGrey { background:#c4c4c3; }
#calc .lightRed { background:#e2c2c3; }
#calc .darkRed { background:#a90056; }

#calc .darkRed input {
width:120px;
}

#calc .btnRow { background:#ffffff; margin:10px 0 20px 0; }
#calc .white { background:#ffffff; }
#calc .dtText { padding:12px 0 0 10px; display:block; }

#year { clear:both; float:left; padding:0; margin:0 0 50px 35px; }
#year li { width:91px; height:60px; padding-top:10px; border-left:2px solid #ffffff; text-align:center; background:#e5e5e5; float:left; list-style:none; }
#year li.first { width:90px; border-left:0; }

#year input {
width:60px;
}

/*
------------------------------------------------------
FEATURES
------------------------------------------------------
*/
#features ul {
padding:0 0 0 45px;
}

#features li {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
list-style:disc;
list-style-position:outside;
color:#5E574B;
}

/*
------------------------------------------------------
REGISTER
------------------------------------------------------
*/

#tbl {
width:445px;
}

#tbl td {
padding:6px;
}

#tbl .labels {
text-align:right;
color:#FFFFFF;
padding:0 10px 0 0;
vertical-align:middle;
color:#5E574B;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#tbl .fields {
}

#tbl .buttons {
text-align:right;
padding:15px 10px 0 0;
}

#tbl .fields input {
width:250px;
border:0;
padding:3px;
background-color:#E2E0DE; !important
}

#tbl .fields select {
border:0;
width:255px;
padding:3px;
background-color:#E2E0DE; !important
}

#tbl .fields textarea {
border:0;
width:250px;
padding:3px;
background-color:#E2E0DE; !important
}

#tbl .impt {
color:#007647;
}

/*
------------------------------------------------------
CLEARFIX
------------------------------------------------------
*/

.clearFix { 
display:inline-block; 
}

.clearFix:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}

/* start commented backslash hack \*/

* html .clearFix { 
height: 1%; 
}

.clearFix { 
display: block; 
}

#ip {
display:none;
}

#host_name {
display:none;

}