@charset "UTF-8";


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

body {
	background-color: #001D43;
}

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 {
	margin: 4px;
	padding: 2px;
	border: 4px solid #BED3C3;
}

.photo_edge:hover {
	margin: 4px;
	padding: 2px;
	border: 4px solid #579AA1;
}

.right {
	float: right;
	margin: 5px 5px 5px 10px;
	padding: 2px;
	border: 4px solid #579AA1;
}

.left {
	float: left;
	margin: 5px 10px 5px 5px;
	padding: 3px;
	border: 4px solid #D6CCA9;
}

/* End Basics - CSS */


/* start of wrappers */

#wrapper {
	width: 100%;
	text-align: center;
}

#top_wrapper {
	width: 100%;
	height: 169px;
	text-align: center;
	background-image: url(assets/header_repeat_x.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	float: left;
	clear: both;
}

#content_wrapper {
	width: 100%;
	text-align: center;
	background-image: url(assets/content_repeat_y.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	float: left;
	clear: both;
	background-color: #FDFFE7;	
}

#footer_wrapper {
	width: 100%;
	text-align: center;
	background-image: url(assets/footer_repeat_x.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	float: left;
	height: 125px;
}

#slideshow {
	clear: both;
	float: left;
	height: 242px;
	width: 980px;
	overflow: hidden;
}

/* end of wrappers */


/* start of header CSS */

#home_header {
	margin: 0px auto;
	width: 980px;
	height: 169px;
	text-align: left;
}

#home_logo_area {
	background-image: url(assets/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	float: left;
	height: 120px;
	width: 980px;
}

#home_header h1, #home_header h1 a {
	text-indent: -10000px;
	display: block;
	height: 100%;
	width: 100%;	
}

#home_navtop_area {
	background-image: url(assets/home_navtop_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	float: left;
	height: 49px;
	width: 980px;	
}

#home_navtop {
	height: 49px;
	width: 939px;
	float: left;
	clear: both;
	margin-right: 21px;
	margin-left: 20px;
}

#home_navtop ul {
	display: block;
	float: left;
	width: 939px;
	height: 49px;
	list-style: none;
}

#home_navtop ul li {
    display: block;
    float: left;
	height: 49px;
    text-indent: -10000px;
}

#home_navtop ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

#home_navtop_home {
    width: 102px;
}

#home_navtop_about {
    width: 106px;
}

#home_navtop_services {
    width: 122px;
}

#home_navtop_gallery {
    width: 119px;
}

#home_navtop_faq {
    width: 83px;
}

#home_navtop_designgallery {
    width: 182px;
}

#home_navtop_blog {
    width: 94px;
}

#home_navtop_contact {
    width: 131px;
}

#home_navtop_home a:hover {
	background: url(assets/home_navtop_01_f2.jpg) no-repeat left top;
}

#home_navtop_about a:hover {
    background: url(assets/home_navtop_02_f2.jpg) no-repeat left top;
}

#home_navtop_services a:hover {
    background: url(assets/home_navtop_03_f2.jpg) no-repeat left top;
}

#home_navtop_gallery a:hover {
    background: url(assets/home_navtop_04_f2.jpg) no-repeat left top;
}

#home_navtop_faq a:hover {
    background: url(assets/home_navtop_05_f2.jpg) no-repeat left top;
}

#home_navtop_designgallery a:hover {
    background: url(assets/home_navtop_06_f2.jpg) no-repeat left top;
}

#home_navtop_blog a:hover {
    background: url(assets/home_navtop_07_f2.jpg) no-repeat left top;
}

#home_navtop_contact a:hover {
    background: url(assets/home_navtop_08_f2.jpg) no-repeat left top;
}

/* end of header CSS */


/* start of footer */

#footer {
	margin: 0px auto;
	width: 980px;
	height: 76px;
	text-align: left;
	background-image: url(assets/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 25px;
}

#footer #left {
	width: 600px;
	float: left;
	margin-top: 45px;
	margin-right: 10px;
	margin-left: 20px;
}

#footer #right {
	width: 320px;
	float: left;
	margin-top: 45px;
	text-align: left;
}

#footer h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FDFFE7;
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #FDFFE7;
	padding-bottom: 6px;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
}

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

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

/* end of footer */



/* start of content_home */

#content_home {
	margin: 0px auto;
	width: 980px;
	text-align: left;
}

#content_home #inner {
	float: left;
	width: 939px;
	margin-right: 21px;
	margin-left: 20px;	
}

#content_home #paint_bg {
	float: left;
	width: 980px;
	background-image: url(assets/home_paint_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}	

#content_home #inside_paint_bg {
	float: left;
	width: 980px;
	background-image: url(assets/inside_paint_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* end of content_home */




/* start of secondary nav */

#home_navlower_area {
	background-image: url(assets/home_navlower_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	float: left;
	height: 54px;
	width: 980px;
}

#home_navlower {
	height: 54px;
	width: 939px;
	float: left;
	clear: both;
	margin-right: 21px;
	margin-left: 20px;
}

.home_navlower_btn01, .home_navlower_btn01 a {
	width: 352px;
	height: 54px;
	display: block;
	text-indent: -10000px;
	float: left;
} 

.home_navlower_btn01 a:hover {
	background-image: url(assets/home_navlower_01_f2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000px;
	display: block;
	height: 54px;
	width: 352px;
	float: left;	
} 

.home_navlower_btn02, .home_navlower_btn02 a {
	width: 254px;
	height: 54px;
	display: block;
	text-indent: -10000px;
	float: left;
} 

.home_navlower_btn02 a:hover {
	background-image: url(assets/home_navlower_02_f2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000px;
	display: block;
	height: 54px;
	width: 254px;
	float: left;	
} 

.home_navlower_btn03, .home_navlower_btn03 a {
	width: 180px;
	height: 54px;
	display: block;
	text-indent: -10000px;
	float: left;
} 

.home_navlower_btn03 a:hover {
	background-image: url(assets/home_navlower_03_f2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000px;
	display: block;
	height: 54px;
	width: 180px;
	float: left;	
} 

.home_navlower_btn04, .home_navlower_btn04 a {
	width: 153px;
	height: 54px;
	display: block;
	text-indent: -10000px;
	float: left;
} 

.home_navlower_btn04 a:hover {
	background-image: url(assets/home_navlower_04_f2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000px;
	display: block;
	height: 54px;
	width: 153px;
	float: left;	
} 

/* end of secondary nav */




/* start of content area */

#main {
	float: left;
	width: 555px;
}

#main h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	font-style: normal;
	line-height: 32px;
	font-weight: normal;
	color: #001D43;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 7px;
	padding-left: 3px;	
}

#main h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-transform: uppercase;
	background-color: #A3AB5C;
	letter-spacing: 3px;
	margin-bottom: 8px;
}

#main h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	color: #506F76;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 7px;
	padding-left: 3px;
}

#main h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	color: #001D43;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 7px;
	padding-left: 3px;	
}

#main p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
}

#main a {
	color: #001D43;
	text-decoration: none;
	font-weight: bold;
}

#main a:hover {
	color: #7C5176;
	text-decoration: underline;
	font-weight: bold;
}

.content_list {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
}

.content_list li {
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CDD0BC;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 3px 3px 3px 3px;
}

.pagetitle_area {
	height: 51px;
	width: 497px;
	margin-bottom: 42px;
	float: left;
}

#sidebar {
	float: left;
	width: 384px;
}

#main #home_main_inner {
	float: left;
	width: 497px;
	margin-top: 28px;
	margin-left: 30px;
	margin-right: 28px;
}

#sidebar #aboutbox {
	float: left;
	width: 312px;
	margin-top: 28px;
	margin-left: 26px;
	margin-right: 46px;
	margin-bottom: 10px;
}

.leadin {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 23px;
	font-weight: normal;
	color: #001D43;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
}

/* end of content area */




/* start of content area */

#sidebar #aboutbox_inside {
	float: left;
	width: 312px;
	margin-top: 38px;
	margin-left: 26px;
	margin-right: 46px;
	margin-bottom: 10px;
}

.column_inner {
	float: left;
	width: 147px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
}

#sidebar h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-transform: uppercase;
	background-color: #7C5176;
	letter-spacing: 3px;
	margin-bottom: 8px;
}

#sidebar h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 7px;
	padding-left: 3px;
}

#sidebar h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-transform: uppercase;
	background-color: #4D98C0;
	letter-spacing: 3px;
	margin-bottom: 8px;
}

#sidebar p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
}

#sidebar ul {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	width: 100%;
	font-weight: normal;
	display: block;
}

#sidebar ul li {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4D98C0;
	margin: 3px;
	padding: 4px;
}

#sidebar a {
	color: #001D43;
	text-decoration: none;
	font-weight: bold;
}

#sidebar a:hover {
	color: #7C5176;
	text-decoration: underline;
	font-weight: bold;
}

.hrule {
	width: 100%;
	height: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DEC979;
}


.socialsmall_btn_blog, .socialsmall_btn_blog a {
	background-image: url(assets/socialsmall_btn_blog.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000px;
	display: block;
	float: left;
	height: 42px;
	width: 45px;
}

.socialsmall_btn_fb, .socialsmall_btn_fb a {
	background-image: url(assets/socialsmall_btn_fb.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000px;
	display: block;
	float: left;
	height: 42px;
	width: 49px;
}

.socialsmall_btn_twitter, .socialsmall_btn_twitter a {
	background-image: url(assets/socialsmall_btn_twitter.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000px;
	display: block;
	float: left;
	height: 42px;
	width: 50px;
}

.socialsmall_btn_linkedin, .socialsmall_btn_linkedin a {
	background-image: url(assets/socialsmall_btn_linkedin.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000px;
	display: block;
	float: left;
	height: 42px;
	width: 46px;
}

#sidebar #leftcol {
	float: left;
	width: 167px;
	background-color: #E3EDDB;
	background-image: url(assets/sidbar_bg01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 20px;
	margin-left: 10px;	
}

#sidebar #rightcol {
	float: left;
	width: 167px;
	background-color: #E3EDDB;
	background-image: url(assets/sidbar_bg02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	margin-left: 10px;
}

.social_block {
	background-image: url(assets/social_block.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 250px;
	width: 312px;
}

.social_block_col01 {
	float: left;
	height: 234px;
	width: 168px;
	margin-top: 16px;
}

.social_block_col02 {
	float: left;
	height: 234px;
	width: 144px;
	margin-top: 16px;
}

.social_btn_feed, .social_btn_feed a {
	text-indent: -10000px;
	display: block;
	float: left;
	height: 182px;
	width: 168px;
}

.social_btn_blog, .social_btn_blog a {
	text-indent: -10000px;
	display: block;
	float: left;
	height: 52px;
	width: 168px;
}

.social_btn_twitter, .social_btn_twitter a {
	text-indent: -10000px;
	display: block;
	float: left;
	height: 160px;
	width: 144px;
}

.social_btn_fb, .social_btn_fb a {
	text-indent: -10000px;
	display: block;
	float: left;
	height: 67px;
	width: 66px;
}

.social_btn_linkedin, .social_btn_linkedin a {
	text-indent: -10000px;
	display: block;
	float: left;
	height: 67px;
	width: 68px;
}

/* end of content area */


/* start of inside nav */

#inside_nav_area {
	background-image: url(assets/inside_nav_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	float: left;
	height: 49px;
	width: 980px;	
}

#inside_nav {
	height: 49px;
	width: 939px;
	float: left;
	clear: both;
	margin-right: 21px;
	margin-left: 20px;
}

#inside_nav ul {
	display: block;
	float: left;
	width: 939px;
	height: 49px;
	list-style: none;
}

#inside_nav ul li {
    display: block;
    float: left;
	height: 49px;
    text-indent: -10000px;
}

#inside_nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

#inside_nav_home {
    width: 102px;
}

#inside_nav_about {
    width: 106px;
}

#inside_nav_services {
    width: 122px;
}

#inside_nav_gallery {
    width: 119px;
}

#inside_nav_faq {
    width: 83px;
}

#inside_nav_designgallery {
    width: 182px;
}

#inside_nav_blog {
    width: 94px;
}

#inside_nav_contact {
    width: 131px;
}

#inside_nav_home a:hover {
	background: url(assets/inside_nav_01_f2.jpg) no-repeat left top;
}

#inside_nav_about a:hover {
    background: url(assets/inside_nav_02_f2.jpg) no-repeat left top;
}

#inside_nav_services a:hover {
    background: url(assets/inside_nav_03_f2.jpg) no-repeat left top;
}

#inside_nav_gallery a:hover {
    background: url(assets/inside_nav_04_f2.jpg) no-repeat left top;
}

#inside_nav_faq a:hover {
    background: url(assets/inside_nav_05_f2.jpg) no-repeat left top;
}

#inside_nav_designgallery a:hover {
    background: url(assets/inside_nav_06_f2.jpg) no-repeat left top;
}

#inside_nav_blog a:hover {
    background: url(assets/inside_nav_07_f2.jpg) no-repeat left top;
}

#inside_nav_contact a:hover {
    background: url(assets/inside_nav_08_f2.jpg) no-repeat left top;
}

/* end of inside nav */


/* start of page titles */

.pagetitle_about {
	background-image: url(assets/pagetitle_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -5000px;
	height: 51px;
	width: 343px;    
}

.pagetitle_services {
	background-image: url(assets/pagetitle_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -5000px;
	height: 51px;
	width: 343px;    
}

.pagetitle_gallery {
	background-image: url(assets/pagetitle_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -5000px;
	height: 51px;
	width: 343px;    
}

.pagetitle_faq {
	background-image: url(assets/pagetitle_04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -5000px;
	height: 51px;
	width: 343px;    
}

.pagetitle_designgallery {
	background-image: url(assets/pagetitle_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -5000px;
	height: 51px;
	width: 343px;    
}

.pagetitle_blog {
	background-image: url(assets/pagetitle_06.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -5000px;
	height: 51px;
	width: 343px;    
}

.pagetitle_contact {
	background-image: url(assets/pagetitle_07.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -5000px;
	height: 51px;
	width: 343px;    
}

.pagetitle_bw {
	background-image: url(assets/pagetitle_08.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -5000px;
	height: 51px;
	width: 343px;    
}

.pagetitle_color {
	background-image: url(assets/pagetitle_09.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -5000px;
	height: 51px;
	width: 343px;    
}

.pagetitle_floorplans {
	background-image: url(assets/pagetitle_10.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -5000px;
	height: 51px;
	width: 343px;    
}

.pagetitle_design {
	background-image: url(assets/pagetitle_11.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -5000px;
	height: 51px;
	width: 343px;    
}

.home_featuredbox {
	width: 225px;
	float: left;
	margin-right: 15px;
	margin-bottom: 7px;
	height: 225px;
}

.home_featuredbox_lightbox {
	width: 225px;
	float: left;
}

.gallery {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}