/* Color Guide 

	Beige f9f4e9
	Dark Blue: 718bc2
	Brown: 837563
	Taupe (e.g. find a builder widget): b7ada1
	Tan (e.e. feature box background): e1dbce
	Light Blue (widget backgrounds): d5dff2

*/

/* Layout */
 
body {
	width: 980px;
	margin: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	background-color: #d3c6af;
}

#header {
	background-image: url(/images/layout/banner.jpg);
	color: #f9f4e9;
	width: 980px;
	height: 111px;
	margin-bottom: 25px;
	
}

.header_navigation a:hover,.header_navigation a.active { background-color: #718bc2; text-decoration:none;}

.header_navigation a { 
	color: #f9f4e9;
	text-transform: uppercase; 
	text-decoration: none;
	font-size: 7.8pt;

	padding: 4px 7px;
}

.header_navigation li, 
.footer_navigation li { float: left;}

#container { background-color: #f9f4e9;}
	
body {  color: #837563;}	
body a { color: #837563;}

#footer { 
	background-color: #f9f4e9; 
	border-top: 2px solid #cdd5da;
	margin: 20px;
	color: #837563;
}

#footer a {
	color: #837563;
	font-weight: bold;
	text-decoration:none;
	font-size: 8pt;
	padding-left: 4px;
	padding-right: 5px;
}

#footer .footer_navigation {
	margin: 10px 0px;
	margin-bottom: 20px;
}

#footer .footer_text {
	padding-top: 10px;
	font-size: 8pt;
}



#footer .footer_logo { 
	float: right;
	margin-top:125px;
}

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

/* Text Styles */

.title {
	font-size: 12pt;
	text-transform: uppercase;
	padding-bottom: 3px;
	letter-spacing: 2px;
}

.southern_living {
	text-transform: uppercase;
	font-style: italic;
	font-weight: bold;
}

/* Boxes */

.full_size {
	width: 940px;
	padding: 0 20px;
}

.sidebar {
	float: right;
	width: 300px;
	padding: 0 20px;
}

.sidebar p {
	margin: 10px 0;
}

.header_navigation {
	margin-top: 66px;
	margin-left: 210px;
}

.main_box { 
	width: 640px;}

.main_box .main_image { 
	width: 640px;
	height: 411px;
}


.main_box .title_bar { 
	width: 620px; 
	height: 26px; 
	background-color: #718bc2;
	color: white;
	text-transform: uppercase;
	line-height: 26px;
	letter-spacing: 4pt;
	padding: 0 10px;
}

.main_box .title_bar a { text-decoration: none; color: white;}

.main_box .title_text {
	text-align: right;
}

.main_box .title_navigation {
	float: left;
	letter-spacing: normal;
}

.title_navigation a { color: inherit; text-decoration:none;}

.main_box .main_description {
	width: 600px;
	padding: 20px;
	font-size: 10pt;
}

.padded_box { padding: 20px;}

.main_box { float: left;}
.side_box { float: right; width: 300px; margin-right: 20px;}

.common_box { 
	background-color:#d5dff2;
	color: white;
	margin-top: 20px;
	padding: 0px;
	
}

.common_box input { }

.common_box .title { 
	text-transform: uppercase;
	background-color: #718bc2;
	font-size: 12pt;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 3px;
	letter-spacing: 2px;
	
}

.common_box .body {
	padding: 10px;
	color:#837563;
}

.features { padding-top: 25px; margin-bottom: 20px;}

.feature_box {
	width: 270px;
	height: 279px;
	margin-left: 20px;
	float: left;
	padding: 15px;
}

.feature_box img {
	padding-bottom: 5px;
}

.feature_box .feature_image {
	width: 256px;
	height: 163px;
}

.feature_box .title {
	text-transform: uppercase;
	font-size: 12pt;
	font-weight: bold;
	letter-spacing: normal;
}

.feature_box a { color: inherit;}
.feature_box a.read_more { 
	font-weight: bold; 
	text-decoration:none;
	text-transform:lowercase;
}

.previously_featured { float: left; clear: left; }
.previously_featured img { float: left; margin: 5px;}

.products_box { background-color: #d5ccc9;}
.member_box { background-color: #c7d7f8;}
.news_box { background-color:#ddd4c2;}
.previous_members_box { background-color: #c7d7f8;}
.building_guides_and_tips_box { background-color: #ddd4c2;}
.recommend_a_builder_box { 
	background-color: #c8d8ef;
	margin-top: 0px; padding: 0px;
	width: 300px; height: 309px;
}
.find_a_house_plan_box { background-color:#d5dff2; margin-top: 0px;}
.previous_plans_box { background-color: #c7d7f8;}
.plan_guides_and_tips_box { background-color: #ddd4c2;}
.customize_your_plan_box { background-color: white;}

.building_industry_links_box { 
	background-color: #837563;
	color: #e1dbce;
	margin-top: 20px;
	padding: 10px;
}
.building_industry_links_box a { color: #b7ada1; text-decoration: none; text-transform: uppercase;}
.building_industry_links_box .title { text-transform: uppercase;}

.find_a_house_plan_box label { float: left; width: 80px; margin: 4px 0px;}
.find_a_house_plan_box select { min-width: 80px; margin: 4px 0px;}
.find_a_house_plan_box input { margin: 2px 0px;}

.recommend_a_builder_box .title { font-weight:normal; letter-spacing: 2px;}
.recommend_a_builder_box form { margin-right: 10px;}
.recommend_a_builder_box input[type="text"] { width: 100%;}
.recommend_a_builder_box form div { width: 100%;}

.member_profile_box { 
	background-color: white;
	border: 1px solid #718bc2;
	padding: 10px; 
}

.main_buttons {
	width: 311px;
	height: 259px;
}

.ask_about_the_program_box {
	width: 311px;
	font-size: 9pt;
	text-transform: uppercase;
	text-align: center;
	margin-top: 20px;
}

.ask_about_the_program_box .toll_free {
	font-size: 12pt;
	font-weight: bold;
}

.enews { 
	width: 300px;
	height: 108px;
	float: right;
}
.enews input[type='text'] {
	width: 100px;
}

.title .smaller {
	font-size: 10pt;
}

.find_local_member {
	text-align: center;
	background-color: #af9e90;
	width: 300px;
	margin-top: 20px;
	color: white;
	float: right;
	
}

.find_local_member .title {
	text-transform: uppercase;

	background-color: #718bc2;
	font-size: 12pt;
}

.find_local_member .body,
.find_local_member .body a { 
	color: white;
	line-height: 2em;
}


h2.feature_title { text-transform: uppercase; margin-bottom: 10px;}
.feature_title .highlight { color: #718bc2;}

.main_description .highlight { 
	font-weight: bold;
	text-transform: uppercase;
}

.ads { padding-left: 20px;}
.ad {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.ad a { color: inherit;}

.tip { padding-top:10px;}

.side_box_ad {
	margin-top: 30px;
}

/* PAGES/CONTACT_US */

.contact_form {
	padding: 0 20px;
}

.contact_form form { margin-top: 10px;}

.contact_form label { float: left; width: 150px; margin: 4px 0px; }
.contact_form select { min-width: 150px; margin: 4px 0px;}
.contact_form input { margin: 2px 0px;}
.contact_form input[type='submit'] { margin-left: 450px;}

/* PAGES/ABOUT_US */

.about_us { 
	margin-right: 340px; 
	padding: 0 20px ;
	border-right: 2px solid #cdd5da;
}
.about_us .subtitle { font-weight: bold; font-size: 14px;}
.about_us .subtitle a { text-decoration:none;}
.about_us .section .title { font-size: 12px; text-transform: none; margin-bottom: 7px;}

.about_us .section {
	padding: 20px 0;
	border-bottom:2px solid #CDD5DA;
}

.about_us .section img {
	float: left;
	padding-right: 15px;
}

.network_of_sites {
	color: #718bc2;
	font-size: 10px;
}

.network_of_sites a {
	color: #718bc2;
	text-decoration: none;
}

.network_of_sites .title {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.network_of_sites .section {
	margin-top: 20px;
	line-height: 1em;
	height: 50px;
	clear: left;
}

.network_of_sites .section .title {
	text-align: left;
	font-size: 10px;
	margin-left: 140px;
}

.network_of_sites .section .content {
	margin-left: 140px;
}

.network_of_sites .section img { 
	float: left;
	padding: 5px;
}

/* PRODUCTS/SHOW */

/* MEMBERS/ALL */

.all_member_list {
	padding: 0 20px;
}

.all_member_list .state {
	border-top:2px solid #CDD5DA;
	
	clear: left;
}

.all_member_list .state .title { 
	text-transform: uppercase;
	font-weight: bold;
	margin: 10px 0;
}

.all_member_list .state{
}

.all_member_list .member {
	float: left;
	width: 33%;
	height:180px;
}


/* ABOUT MEMBERSHIP */

.about_membership {
	padding: 0 20px;
	margin-right: 340px;
}

.about_membership .title { margin-bottom: 20px;}
.about_membership p { margin-bottom: 20px;}
.about_membership img { float: left; padding-right: 20px;}
.about_membership ul { margin-bottom: 20px;}
.about_membership li { list-style-type: disc; margin-left: 40px;}

.apply_for_membership_button { 
	color: #718bc2;
	margin: 20px 0px;
	text-align: center;
}

.apply_for_membership_button img { float: none; margin: 20px 0;}

.apply_for_membership_button a { color: #718bc2;}

.faq { color: #718bc2; border-left: 1px solid #718bc2;}
.faq .title { text-transform: none; margin-bottom: 15px;}

.faq dl dt { font-weight: bold;}
.faq dl dd { margin-bottom: 15px;}


/* APPLY FOR MEMBERSHIP */

.apply_for_membership {
	padding: 0 40px;
}

.apply_for_membership .title { 	text-align: center;}


/* House Plan / find */

.go_button { 
	text-align: center;
	margin-top: 15px;
}

.go_button img, .go_button input { 	width: 45px;}

/* Slideshow */

.slideshow_selected { font-weight: bold; background-color: white; color: #718BC2!important;}

/* MAPS */

#map_container { 
	width: 940px;
	height: 720px;
	margin-top: 10px;
}

/* Site Map */
.site_map { margin: 0 15px;}
.site_map ol {margin-left: 15px;}

/* Articles */

.article_display {
	padding: 0 20px;
	border-right: 2px solid #d5dff2;
	min-height: 400px;
	
	margin-right: 340px; 
	padding: 0 20px ;
	border-right: 2px solid #cdd5da;
	
}

.article_archive {
	padding-left: 40px;
	color: #718bc2;
}

.article_archive li { 
	margin-bottom: 7px;}

.article_archive h2 { 
	padding-left: 30px; 
	background: transparent url(/images/layout/triangle.jpg) no-repeat scroll 0px 2px;
}
.article_archive a { color: #718bc2;}
.article_archive ul { margin: 10px 0; padding-left: 30px;
}

/* Forms */

.label_aligned_form {
	width:100%
}

.label_aligned_form div {
	float: left;
}

.blockLabels .ctrlHolder { border: 0px;}
/* Utility */


.clear { clear: both;}
.nobottomborder { border-bottom: 0px !important;}

.nobold  {
	font-weight: normal!important;
}

.nobold * {
	font-weight: normal!important;
}

.inline {
	display:inline;
}

.inline * {
	display:inline;
}

/* Search */

.search_house_plans {
  background-image: url(/images/southern_living/search_background.png);
  width: 276px;
  color: white;
  line-height: 2em;
  border-radius: 3px; }
  .search_house_plans h1 {
    font-size: 20px;
    margin: 5px 0; }
  .search_house_plans hr {
    display: block;
    margin: 5px 2px;
    border: 0;
    border-top: 1px solid #718BC2;
    height: 1px; }
  .search_house_plans form {
    margin: 10px; }
  .search_house_plans input[type='text'], .search_house_plans select {
    padding: 5px;
    color: #837563;
    font-size: 12px;
    border-width: 1px;
    border-style: solid;
    border-color: #E8E8E8;
    border-radius: 3px;
    background-color: white; }
  .search_house_plans input[type=image] {
    float: right; }
  .search_house_plans input[type=text] {
    width: 242px; }
  .search_house_plans select {
    width: 254px; }
  .search_house_plans div {
    font-weight: bold; }
    
  .search_house_plans input[type='text'].half_size {
    width: 112px; }  
  
  .search_house_plans .form_background {
    background-color: #f9ffe7;
    padding: 10px;
    border-radius: 3px;
    box-shadow: inset  5px 5px  5px #888;
    -webkit-box-shadow: inset  0 0  5px #888; }
  .search_house_plans .element {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px; }
  .search_house_plans .last {
    margin-right: 0px; }
  .search_house_plans .half_size { width: 120px;}
  .search_house_plans .half_size select {
    width: 124px; }
  .search_house_plans .half_size input[type='text'] {
    width: 112px; }
  .search_house_plans .switch {
    color: white;
    float: right;
    padding: 5px; }
    .search_house_plans .switch img, .search_house_plans .switch .plan_list .content, .plan_list .search_house_plans .switch .content {
      padding: 0 3px; }