@charset "UTF-8";


/* Start Basics - CSS */
* { margin:0; padding:0; }

body {
	background-image: url(../images/crescendo_body_bg.jpg);
	background-repeat: repeat-x;
	background-color: #303435;
}

a:active, a:focus {
	outline: none;
}

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

img a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.clear {
	height: 0px;
	clear: both;
}

.photo_edge {
	border: 1px solid #7F949A;
	padding: 3px
}

.photo_edge:hover {
	border: 1px solid #7F949A;
	padding: 3px
}

.photo_edge_margin_right  {
	border: 1px solid #7F949A;
	padding: 3px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}

.photo_edge_margin_right:hover {
	border: 1px solid #999;
	padding: 3px;
	background-color: #69C;
}

.right {
	border: 1px solid #7F949A;
	padding: 3px;
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}

.left {
	border: 1px solid #7F949A;
	padding: 3px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

a {
	color: #963;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #630;
	text-decoration: underline;
	font-weight: bold;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	line-height: 24px;
	font-weight: normal;
	color: #666;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #444;
	padding-bottom: 12px;
	font-weight: normal;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #663;
	margin-bottom: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #CCC
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #963;
	margin-bottom: 8px;
	margin-top: 14px;
}

/* End Basics - CSS */

/* home */

#wrapper {
	width: 1020px;
	margin: 0px auto;
}

.home_header {
	width: 1020px;
	height: 425px;
	background-image: url(../images/home_header_bg.png);
}

.home_col01 {
	width: 280px;
	float: left;
	margin-left: 45px;
}

.home_logo_box {
	width: 280px;
	height: 93px;
	text-indent: -10000px;
}

.home_welcome_box {
	width: 280px;
	height: 332px;
	background-image: url(../images/home_welcome_box.png);
	float: left;
}

.home_welcome_box_headline {
	width: 220px;
	height: 66px;
	float: left;
	margin: 18px 0px 0px 30px;
	text-indent: -10000px;
}

.home_welcome_box_copy {
	width: 220px;
	float: left;
	margin: 10px 0px 0px 30px;
}

.home_slideshow_box {
	width: 650px;
	height: 361px;
	float: left;
	margin-top: 64px;
}

.home_content {
	width: 1020px;
	float: left;
	background-image: url(../images/home_content_rpt.png);
	background-repeat: repeat-y;
}
	
.home_nav_wrapper {
	width: 280px;
	height: 315px;
	float: left;
	background-image: url(../images/home_nav_bg.jpg);
}

.home_content_right {
	width: 650px;
	height: 315px;
	background-image: url(../images/home_content_bg.jpg);
	float: left;
}

.home_content_right2 {
	width: 650px;
	height: 315px;
	background-image: url(../images/home_content_bg2.jpg);
	float: left;
}

.home_content_right_bttn a {
	width: 325px;
	height: 160px;
	float: left;
	text-indent: -10000px;
	display: block;
	margin-top: 20px;
}

.home_connect_wrapper {
	width: 650px;
	height: 100px;
	float: left;
	margin-top: 20px;
	margin-left: 36px;
}

.home_connect_title {
	width: 134px;
	height: 86px;
	float: left;
	text-indent: -10000px;
	margin-right: 20px;
}

.home_connect_wrapper_link a {
	width: 50px;
	height: 86px;
	float: left;
	display: block;
	text-indent: -10000px;
	margin-right: 14px;
}

.home_connect_form_wrapper {
	width: 280px;
	height: 100px;
	float: left;
	margin-left: 28px;
}

.connect_form_headline {
	width: 280px;
	height: 30px;
	float: left;
	text-indent: -10000px;
}

.connect_form_input {
	width: 112px; 
	float: left; 
	font-size: 11px; 
	color: #666; 
	padding: 3px;
	margin-right: 5px;
}

.connect_form_submit_link{
	float: right; 
	width: 96px;
	height: 32px; 
	margin: 5px 28px 0px 0px; 
}

.home_content_edge {
	width: 1020px;
	height: 26px;
	float: left;
	background-image: url(../images/home_content_edge.png);
	margin-bottom: 10px;
}

/* home */

/* inside */

.inside_header {
	width: 1020px;
	height: 116px;
	background-image: url(../images/inside_header_bg.png);
}

.inside_logo_box a {
	width: 460px;
	height: 116px;
	text-indent: -10000px;
	display: block;
}

.inside_content_wrapper {
	width: 1020px;
	background-image: url(../images/inside_content_rpt.png);
	background-repeat: repeat-y;
}

.inside_col01 {
	width: 280px;
	float: left;
	margin-left: 45px;
}

.inside_col01_inner {
	width: 220px;
	float: left;
	margin-left: 30px;
	margin-top: 28px;
}

.inside_col01_inner h3 {
	width: 220px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-bottom: 4px;
	margin-bottom: 8px;
	border-bottom: 1px solid #333;
	color: #BBB;
	text-indent: 6px;
}

.inside_col01_inner ul {
	list-style: outside square;
	color: #333;
	margin-left: 13px;
}

.inside_col01_inner li {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 13px;
	line-height: 22px;
}

.inside_col01_inner li a {
	font-weight: normal;
	color: #333;
}

.inside_col01_inner li a:hover {
	color:#999;
	text-decoration: none;
	font-weight: normal;
}

.inside_nav_wrapper {
	width: 280px;
	height: 308px;
	float: left;
	background-image: url(../images/inside_nav_bg.jpg);
	background-position: 0px 0px;
}

.inside_col02 {
	width: 651px;
	float: left;
	background-image: url(../images/inside_col02_wrapper.jpg);
	background-repeat: no-repeat;
}

.inside_col02 ul {
	width: 651px;
	list-style: outside square;
	padding-left: 10px;
}

.inside_col02 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #444;
	padding-bottom: 8px;
	font-weight: normal;
}

.page_header_about {
	width: 651px;
	height: 75px;
	background-image: url(../images/page_header_about.jpg);
	text-indent: -10000px;
	margin-bottom: 10px;
}

.page_header_leadership {
	width: 651px;
	height: 75px;
	background-image: url(../images/leadership.jpg);
	text-indent: -10000px;
	margin-bottom: 10px;
}

.page_header_pledge {
	width: 651px;
	height: 75px;
	background-image: url(../images/pledge.jpg);
	text-indent: -10000px;
	margin-bottom: 10px;
}

.page_header_testimonials {
	width: 651px;
	height: 75px;
	background-image: url(../images/testimonials.jpg);
	text-indent: -10000px;
	margin-bottom: 10px;
}

.page_header_warranty {
	width: 651px;
	height: 75px;
	background-image: url(../images/warranty.jpg);
	text-indent: -10000px;
	margin-bottom: 10px;
}

.page_header_awards {
	width: 651px;
	height: 75px;
	background-image: url(../images/awards.jpg);
	text-indent: -10000px;
	margin-bottom: 10px;
}

.page_header_services {
	width: 651px;
	height: 75px;
	background-image: url(../images/services.jpg);
	text-indent: -10000px;
	margin-bottom: 10px;
}

.page_header_custom {
	width: 651px;
	height: 75px;
	background-image: url(../images/custom.jpg);
	text-indent: -10000px;
	margin-bottom: 10px;
}

.page_header_additions {
	width: 651px;
	height: 75px;
	background-image: url(../images/additions.jpg);
	text-indent: -10000px;
	margin-bottom: 10px;
}

.page_header_condos {
	width: 651px;
	height: 75px;
	background-image: url(../images/condos.jpg);
	text-indent: -10000px;
	margin-bottom: 10px;
}

.page_header_home_projects {
	width: 651px;
	height: 75px;
	background-image: url(../images/home_projects.jpg);
	text-indent: -10000px;
	margin-bottom: 10px;
}

.page_header_high_performance {
	width: 651px;
	height: 75px;
	background-image: url(../images/high_performance.jpg);
	text-indent: -10000px;
	margin-bottom: 10px;
}

.page_header_portfolio {
	width: 651px;
	height: 75px;
	background-image: url(../images/portfolio.jpg);
	text-indent: -10000px;
	margin-bottom: 10px;
}

.page_header_info {
	width: 651px;
	height: 75px;
	background-image: url(../images/request_info.jpg);
	text-indent: -10000px;
	margin-bottom: 10px;
}

.page_header_modular {
	width: 651px;
	height: 75px;
	background-image: url(../images/modular.jpg);
	text-indent: -10000px;
	margin-bottom: 10px;
}

.inside_col02_inner {
	width: 540px;
	float: left;
	margin-left: 66px;
	margin-bottom: 30px;
}

.inside_copy_headline_wrapper {
	float: left;
}

.inside_col02_inner h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #7F949A;
	border-bottom: 1px solid #7F949A;
	color: #9D7940;
	font-weight: normal;
	margin-bottom: 15px;
	float: leftl;
	display: block;
}

.inside_content_edge {
	width: 1020px;
	height: 54px;
	float: left;
	background-image: url(../images/inside_content_edge.png);
	margin-bottom: 10px;
}

.process_wrapper {
	width: 540px;
	float: left;
	margin-left: 66px;
	margin-bottom: 30px;
}

.process_wrapper h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #7F949A;
	border-bottom: 1px solid #7F949A;
	color: #9D7940;
	font-weight: normal;
	margin-bottom: 15px;
	float: leftl;
	display: block;
}

.process_wrapper h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	padding: 15px;
	padding-top: 8px;
	color: #FFF;
	margin: -16px -16px 16px -16px;
	display: block;
	background-color:#333
}

.process_wrapper ul {
	width: 190px;
	list-style: outside square;
	padding-left: 10px;
}

.process_wrapper li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #444;
	padding-bottom: 8px;
	font-weight: normal;
}
	
.process_01 {
	width: 220px;
	height: 350px;
	padding: 15px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	background-color: #CCC;
	border: 1px solid #999;
	background-image: url(../images/process01_bg.jpg);
	background-position: bottom;
}

.process_02 {
	width: 220px;
	height: 350px;
	padding: 15px;
	float: left;
	margin-bottom: 30px;
	background-color: #CCC;
	border: 1px solid #999;
	background-image: url(../images/process02_bg.jpg);
	background-position: bottom;
}

.process_03 {
	width: 220px;
	height: 440px;
	padding: 15px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	background-color: #CCC;
	border: 1px solid #999;
	background-image: url(../images/process03_bg.jpg);
	background-position: bottom;
}

.process_04 {
	width: 220px;
	height: 440px;
	padding: 15px;
	float: left;
	margin-bottom: 30px;
	background-color: #CCC;
	border: 1px solid #999;
	background-image: url(../images/process04_bg.jpg);
	background-position: bottom;
}

.process_05 {
	width: 220px;
	height: 320px;
	padding: 15px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	background-color: #CCC;
	border: 1px solid #999;
	background-image: url(../images/process05_bg.jpg);
	background-position: bottom;
}

.process_06 {
	width: 220px;
	height: 320px;
	padding: 15px;
	float: left;
	margin-bottom: 30px;
	background-color: #CCC;
	border: 1px solid #999;
	background-image: url(../images/process06_bg.jpg);
	background-position: bottom;
}



/* inside */

/* nav */

#home_nav_box {
	width: 220px;
	height: 252px;
	float: left;
	margin: 23px 0px 0px 30px;
}

#inside_nav_box {
	width: 220px;
	height: 252px;
	float: left;
	margin: 25px 0px 0px 30px;
}

#nav {
	width: 220px;
	height: 252px;
	float: left;
}

#nav ul {
    width: 220px;
	height: 252px;
	list-style: none;
	float: left;
	display: block;
}

#nav ul li {
	display: block;
    float: left;
	height: 42px;
	text-indent: -5000px;
}

#nav ul li a {
    display: block;
    width: 100%;
	height: 42px;
}

#nav_home {
    width: 220px;
	background-image: url(../images/nav_rollovers.jpg);
	background-repeat: no-repeat;
	background-position: -220px 0px;
}

#nav_about {
    width: 220px;
	background-image: url(../images/nav_rollovers.jpg);
	background-repeat: no-repeat;
	background-position: -220px 0px;
}

#nav_services {
    width: 220px;
	background-image: url(../images/nav_rollovers.jpg);
	background-repeat: no-repeat;
	background-position: -220px 0px;
}

#nav_homes {
    width: 220px;
	background-image: url(../images/nav_rollovers.jpg);
	background-repeat: no-repeat;
	background-position: -220px 0px;
}

#nav_portfolio {
    width: 220px;
	background-image: url(../images/nav_rollovers.jpg);
	background-repeat: no-repeat;
	background-position: -220px 0px;
}

#nav_info {
    width: 220px;
	background-image: url(../images/nav_rollovers.jpg);
	background-repeat: no-repeat;
	background-position: -220px 0px;
}

#nav_home a:hover {
    width: 220px;
	background-image: url(../images/nav_rollovers.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#nav_about a:hover {
    width: 220px;
	background-image: url(../images/nav_rollovers.jpg);
	background-repeat: no-repeat;
	background-position: 0px -42px;
}

#nav_services a:hover {
    width: 220px;
	background-image: url(../images/nav_rollovers.jpg);
	background-repeat: no-repeat;
	background-position: 0px -84px;
}

#nav_homes a:hover {
    width: 220px;
	background-image: url(../images/nav_rollovers.jpg);
	background-repeat: no-repeat;
	background-position: 0px -126px;
}

#nav_portfolio a:hover {
    width: 220px;
	background-image: url(../images/nav_rollovers.jpg);
	background-repeat: no-repeat;
	background-position: 0px -168px;
}

#nav_info a:hover {
    width: 220px;
	background-image: url(../images/nav_rollovers.jpg);
	background-repeat: no-repeat;
	background-position: 0px -210px;
}

/* nav */


/* form styling */

.form { 
}

.form p {
 padding-bottom: 8px !important;
}

.label2 {
 display:block;
 float:left;
 margin-right:10px;
 padding-top:2px;
 text-align: left;
 width: 130px;
 color: #666;
}

.form input, .form textarea {
 width: 204px;
}

.form select {
 width: 210px;
 margin-top: -2px;
 margin-bottom: 6px;
}

.checkbox {
 width: 15px;
}

.form .captcha {
 margin-left: 120px;
 padding-bottom: 20px;
}

.form .directions {
 text-align:left;
 margin-bottom: 10px;
}

.success {
 color:#000000;
 font-weight:bold;
 padding-top:30px;
 text-align:center;
}

.error {
 color:#ff0000;
 font-weight:bold;
 text-align:center;
}

/* form styling */


/* start of footer */

.footer_wrapper {
	width: 1020px;
	margin-bottom: 30px;
	text-align: center;
}

.footer_divider {
	width: 820px;
	margin-left: 100px;
	margin-bottom: 10px;
	border-bottom: 1px solid #778082;
}

.footer_wrapper a {
	font-weight: normal;
	color: #778082;
}

.footer_wrapper a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #CCC;
}

.footer_wrapper span {
	margin: 0px 8px 0px 8px;
}

.footer_graphics_wrapper {
	width: 180px;
	height: 69px;
	float: left;
	margin-left: 420px;
	background-image: url(../images/footer_graphics.png);
}

.footer_siteby_box a {
	width: 180px;
	height: 30px;
	display: block;
	text-indent: -10000px;
}

.footer_eho_box {
	width: 180px;
	height: 39px;
	text-indent: -10000px;
}

/* end of footer */