/* CSS Document */

body {
background: #000000 url(static_art/hmbkgd.jpg) 50% 0px no-repeat;
color: black;
font-family: Verdana;
font-size: 12px;
line-height: 18px;
margin: 0;
padding: 0;
}


/* HOMEPAGE ------------------------------------------------ */

#top_bar {
background: url(static_art/top_1px_bkgd.gif) repeat 0 0;
float: left;
font-size: 11px;
height: 17px;
width: 786px;
}

#middle_container {
float: left;
height: 342px;
width: 786px;
}

#left_nav_container {
float: left;
width: 369px;
height: 342px;
}

/* navbar ------------------------------------------------ */

div#left_nav {
background: url(static_art/nav_bkgd.gif) repeat 0 0;
float: left;
height: 322px;
width: 136px;
padding: 10px;
}

div#left_nav ul {
float: left;
margin: 0;
padding: 0;
width: 126px;
}

div#left_nav li {
font-weight: bold;
width: 126px;
height: 20px;
list-style: none;
}

html>body div#left_nav li {
font-weight: normal;
width: 126px;
height: 50px;
}

div#left_nav li a {
background: url(static_art/button.gif) no-repeat 3px 6px;
text-decoration: none;
color: #FFFFFF;
display: block;
font: Arial, Helvetica, sans-serif;
padding: 5px 0 5px 20px;
}

html>body div#left_nav li a{
background: url(static_art/button.gif) no-repeat 3px 5px;
}

div#left_nav li a:hover {
background: url(static_art/button_hover.gif) no-repeat 3px 5px;
text-decoration: underline;
}

/* welcome ------------------------------------------------ */

#message {
background: #000000;
color: #FFFFFF;
line-height: 33px;
float: right;
font-size: 11px;
height: 312px;
width: 183px;
padding: 15px;
}

html>body #message {
line-height: 37px;
font-size: 11.5px;
font-family: arial;
}

#home_image {
background: url(static_art/living.jpg) no-repeat 0 0;
float: left;
width: 417px;
height: 342px;
}

#container {
width: 786;
height: 423px;
}

#bottom_container {
color: #FFFFFF;
float: left;
width: 786px;
height: 81px;
}

#bottom_left {
float: left;
width: 524px;
height: 81px;
}

/* custom homes ------------------------------------------------ */

#custom_homes {
background: url(static_art/1px_chc.gif) repeat 0 0;
float: left;
width: 262px;
height: 81px;
}

#custom_homes_bar {
background: url(static_art/1px_chb_.gif) repeat 0 0;
float: left;
width: 262px;
height: 20px;
}

#custom_homes_container {
float: left;
width: 262px;
height: 61px;
}

#custom_homes_image {
background: url(static_art/kitchen.jpg) no-repeat 0 0;
float: left;
width: 116px;
height: 61px;
}

html>body #custom_homes_image {
background: url(static_art/kitchen.jpg) no-repeat 0 0;
height: 81px;
}

#custom_homes_message {
float: right;
font-size: 10px;
line-height: 12px;
padding: 5px;
width: 126px;
}

html>body #custom_homes_message {
padding: 8px;
line-height: 15px;
font-family: arial;
font-size: 11px;
}

#custom_homes_message a {
display: block;
text-decoration: none;
color: #FFFFFF;
}

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

/* what our customers say ------------------------------------------------ */

#testimonials {
background: url(static_art/1px_chb_.gif) repeat 0 0;
float: right;
width: 262px;
height: 81px;
}

#testimonials_bar {
background: url(static_art/1px_tb.gif) repeat 0 0;
float: right;
width: 262px;
height: 20px;
}

#testimonials_container {
float: left;
width: 262px;
height: 61px;
}

#testimonials_image {
background: url(static_art/tannenbaum.jpg) no-repeat 0 0;
float: left;
width: 116px;
height: 61px;
}

html>body #testimonials_image {
background: url(static_art/tannenbaum.jpg) no-repeat 0 0;
height: 81px;
}

#testimonials_message {
float: right;
font-size: 10px;
line-height: 12px;
padding: 5px;
width: 126px;
}

html>body #testimonials_message {
padding: 8px;
line-height: 15px;
font-family: arial;
font-size: 11px;
}

#testimonials_message a {
text-decoration: none;
color: #FFFFFF;
display: block;
}

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

/* about the builder ------------------------------------------------ */

#bottom_right {
background: url(static_art/1px_tb.gif) repeat 0 0;
float: right;
width: 262px;
height: 81px;
}

#bottom_right_bar {
background: url(static_art/1px_ab.gif) repeat 0 0;
float: right;
width: 262px;
height: 20px;
}

#bottom_right_container {
float: left;
width: 262px;
height: 61px;
}

#bottom_right_image {
background: url(static_art/jerry.jpg) no-repeat 0 0;
float: left;
width: 116px;
height: 61px;
}

html>body #bottom_right_image {
background: url(static_art/jerry.jpg) no-repeat 0 0;
height: 81px;
}

#bottom_right_message {
float: right;
font-size: 10px;
line-height: 12px;
padding: 5px;
width: 126px;
}

html>body #bottom_right_message {
padding: 8px;
line-height: 15px;
font-family: arial;
font-size: 11px;
}

#bottom_right_message a {
text-decoration: none;
color: #FFFFFF;
display: block;
}

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

/* SECTION PAGE ------------------------------------------ */
#sec_middle_container {
float: left;
height: 447px;
width: 786px;
}

#sec_left_nav_container {
float: left;
width: 136px;
height: 447px;
}

#right_container {
float: right;
width: 630px;
}

div#sec_left_nav {
background: url(static_art/nav_bkgd.gif) repeat 0 0;
float: left;
height: 427px;
width: 136px;
padding: 10px;
}

div#sec_left_nav ul {
float: left;
margin: 0;
padding: 0;
width: 126px;
}

div#sec_left_nav li {
font-weight: bold;
width: 126px;
height: 20px;
list-style: none;
}

html>body div#sec_left_nav li {
font-weight: normal;
width: 126px;
height: 50px;
}

div#sec_left_nav li a {
background: url(static_art/button.gif) no-repeat 3px 6px;
text-decoration: none;
color: #FFFFFF;
display: block;
font: Arial, Helvetica, sans-serif;
padding: 5px 0 5px 20px;
}

html>body div#sec_left_nav li a {
background: url(static_art/button.gif) no-repeat 3px 5px;
}

div#sec_left_nav li a:hover {
background: url(static_art/button_hover.gif) no-repeat 3px 5px;
text-decoration: underline;
}

#sec_image {
background: #000000;
color: #FFFFFF;
line-height: 33px;
float: left;
font-size: 11px;
height: 447px;
width: 193px;
marging: 0;
padding: 0;
}

html>body #sec_image {
line-height: 37px;
font-size: 11.5px;
font-family: arial;
}

#sec_content {
background: #ffffff;
float: right;
width: 357px;
height: 399px;
padding: 30px 30px 18px 30px;
}

html>body div#sec_content {
height: 400px;
padding: 30px 30px 17px 30px;
}

#sec_content_form {
background-color: #000000;
color: #ffffff;
float: right;
width: 540px;
padding: 30px 30px 30px 60px;
height: 387px;
font-family: arial;
}

#sec_content_form a {
color: #ffffff;
}

#sec_content_form a:hover {
list-style: none;
}

#sec_content_form a:visited {
color: #ffffff;
}



/* FOOTER ------------------------------------------------ */

#footer {
color: #FFFFFF;
width: 786;
height: 30px;
font-size: 9px;
}



/* FORMS ------------------------------------------------- */

input {
border: 1px solid #999999;
}

.formtext {
background: url(static_art/form_txt_field_1px.gif) repeat 0 0;
color: #cccccc;
font-family: verdana;
font-size: 11px;
border: 1px solid #999999;
width: 280px;
padding: 5px;
}