/*
PROJECT: Showhomes Franchisee Sites
Author: Drew Cain
Author URI: http://pshero.com
VERSION: 1.0
*/

/* GLOBAL RESETS / STYLES */
html, body { margin: 0; padding: 0; border: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; height: 100%; font-weight: normal; }
body { background-color: #cecece; }
:focus { outline: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
ol, ul, ul li { list-style: none; padding: 0px; margin: 0px; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0px; padding: 0px; }
h1 { font-size: 18px; color: #B42643; margin-bottom: 5px; }
h2 { font-size: 18px; color: #000000; }
h3 { font-size: 14px; color: #ffffff; font-family: Helvetica, Arial, sans-serif; }
h4 { font-size: 18px; color: #B42643; margin-top: 30px; }
h6 { font-size: 18px; color: #B42643; margin-bottom: 5px; }
h7 { font-size: 10px; color: #B42643; margin-bottom: 5px; }
img, img a { border: 0px; padding: 0px; margin: 0px;  }
.clear { clear: both; }

/* COLORS - THIS MAKES IT A SNAP TO CHANGE GLOBALLY LATER AS WELL AS TO INLINE CLASS */
.red { color: #B42643; }
.gray { color: #666666; }
.dark_gray { color: #5b5b5b; }
.black { color: #000000; }
.bold { font-weight: bold; }

/* MAIN LAYOUT */
#wrapper { background: #cecece; padding: 20px; }
#container { position: relative; background: #ffffff url(../images/background_container.jpg) top left repeat-y scroll; width: 930px; margin: 0px auto; }
#header { position: relative; height: 165px; background: transparent url(../images/background_header.jpg) top center no-repeat; padding: 0px 20px; }
#shlogo { position: absolute; top: 55px; left: 55px; width: 287px; height: 50px; }
#shlocation { position: absolute; top: 70px; right: 55px; }
#shlocation h1 { font-size: 24px; }
#shlocation h6 { font-size: 24px; }
#navigation { position: absolute; width: 890px;  height: 30px; top: 135px; margin: 0px; background: transparent url(../images/background_navigation.jpg) top left repeat-x scroll; }
ul.nav { margin-left: 35px; padding-top: 7px; }
ul.nav li{ display: inline; margin-right: 20px; font-family: Georgia, "Times New Roman", Times, serif; }
ul.nav a, ul.nav a:visited { color: #ffffff; }
ul.nav a:hover {  color: #e25a76; text-decoration: none; }
#title_bar { width: 890px; height: 42px; background: #a3a3a3 url(../images/background_titlebar.jpg) top left repeat-x scroll; margin: 0px auto; }
#title_bar h1 { line-height: 42px; font-size: 22px; text-align: right; color: #ffffff; padding-right: 30px; margin: 0px; }
#content { min-height: 500px; padding: 20px 20px 20px 30px; font-size: 12px; }
#content p { line-height: 16px; margin: 0px 0px 10px; }
#content a { color: #940c21; }

/* HOMEPAGE TAB STYLES */
a.no_underline:hover { text-decoration: none; } /* Safari hack */
#homeowner_tab { width: 218px; height: 140px; float: left; margin-right: 6px; padding: 0px; position: relative; font-family: "Garamond", Georgia, "Times New Roman", Times, serif; }
#realtor_tab { width: 218px; height: 45px; float: left; margin-right: 6px; padding: 0px; position: relative; font-family: "Garamond", Georgia, "Times New Roman", Times, serif; }
#homemanager_tab { width: 218px; height: 45px; float: left; margin-right: 6px; padding: 0px; position: relative; font-family: "Garamond", Georgia, "Times New Roman", Times, serif; }
#viewshowhomes_tab { width: 218px; height: 45px; float: left; margin-right: 0px; padding: 0px; position: relative; font-family: "Garamond", Georgia, "Times New Roman", Times, serif; }
.tab_title { position: absolute; height: 35px; width: 218px; z-index: 20; color: #ffffff; font-size: 24px; text-align: center; line-height: 35px; }
.tab_text { position: absolute; top: 41px; height: 60px; width: 218px; z-index: 20; color: #ffffff; font-size: 17px; text-align: center; line-height: 23px; letter-spacing: -1px; }
a:hover div#homeowner_tab, a:hover div#homemanager_tab, a:hover div#realtor_tab, a:hover div#viewshowhomes_tab { text-decoration: none; }

/* MISCELANEOUS LITTLE STYLES */
/* lcb */
#lg_sidebar { width: 385px; float: right; background: #e4e4e4 url(../images/about_sidebar_btm.jpg) bottom left no-repeat scroll; }


#lg_sidebar div { padding: 0px 15px 10px; position: relative; }
#lg_sidebar div h2 { margin-left: 5px; margin-bottom: 10px; }
#lg_quote { background: transparent url(../images/quotes_lg_top.jpg) top left no-repeat scroll; padding: 0px 45px !important; min-height: 100px; margin-top: 20px; font-style: italic; text-align: justify; }
#lg_quote img.end_quote { position: absolute; bottom: 45px; right: 0px; }
#lg_quote p.author { text-align: right; }
.col640 { width: 640px; float: left; text-align: justify; }
.box640 { width: 640px; margin: 20px auto; background: transparent url(../images/box640_btm.jpg) bottom left no-repeat scroll; }
.box640_inside { background: transparent url(../images/box640_top.jpg) top left no-repeat scroll; padding: 10px; }

/* YOUTUBE STYLES */
.youtube425 { width: 425px; height: 344px; padding: 16px; background: transparent url(../images/youtube_425x344.jpg) top left no-repeat scroll; }
.youtube425grey { width: 425px; height: 344px; padding: 15px; background: transparent url(../images/youtube_425x344grey.jpg) top left no-repeat scroll; }
.youtube425_col { width: 425px; padding: 16px; }
.youtube250 { width: 250px; padding: 14px; float: left; height: 400px; overflow: hidden; }
.youtube425 iframe { width: 425; height: 344px; }

/* HOMEPAGE */
#home_image { width: 890px; height: 178px; padding: 0px; position: relative; margin: 5px 0px; }
#watermark { position: absolute; bottom: 0px; right: 0px; width: 116px; height: 29px; background: transparent url(../images/homepage_watermark.png) top left no-repeat scroll; }

/*#sidebar { float: right; width: 220px; padding: 0px; } */
#sidebar { float: right; width: 0px; padding: 0px; display:none}
#sidebar .holder { padding: 0px 10px 10px; background: transparent url(../images/upcoming_background.jpg) top left repeat-y scroll; margin: 0px; line-height: 15px; }
#sidebar .date { font-family: Helvetica, Arial, sans-serif; font-size: 14px; padding-top: 10px; margin-top: 0px; }
#sidebar .holder p { margin: 5px 0px; color: #666666; }
#sidebar a { color: #000000; text-decoration: underline; }
#sidebar a:hover { color: #000000; text-decoration: none; }

/*#home_col { float: left; width: 305px; margin-right: 10px; padding: 0px 10px; text-align: justify; }  */
#home_col1 { float: left; width: 415px; margin-right: 10px; padding: 0px 10px; text-align: justify; }
#home_col2 { float: left; width: 415px; margin-right: 10px; padding: 0px 10px; text-align: justify; }


h1.welcome { font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; color: #666666; margin: 0px 0px 5px 10px; }
h1.welcomesub { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: bold; color: #666666; margin: 0px 0px 10px 10px; }


/* VIEW SHOWHOMES PAGE */
p.sort { text-align: right; padding-right: 10px; }
p.sort a { font-weight: bold; }
.showhome_holder { width: 860px; background: transparent url(../images/showhome_holder_btm.jpg) bottom left no-repeat scroll; color: #5b5b5b; margin: 0px auto 10px; }
.showhome_holder_top { height: 23px; background: transparent url(../images/showhome_holder_top.jpg) top left no-repeat scroll; }
.showhome_holder_top h3 { margin-left: 10px; line-height: 24px; font-weight: bold; }
.showhome_holder_inside { padding: 10px; }
.showhome_holder_photo { width: 150px; height: 100px; border: 5px solid #cfcfcf; float: left; overflow: hidden; }
.showhome_holder_description { width: 465px; min-height: 100px; padding: 5px 10px; float: left; position: relative; }
.showhome_holder_stats { width: 190px; background: transparent url(../images/showhome_stats_btm.jpg) bottom left no-repeat scroll; float: right; padding-bottom: 10px; }
.more_photos { padding-left: 10px; height: 20px; line-height: 22px; background: transparent url(../images/icon_camera.jpg) top left no-repeat scroll; padding-left: 35px; }
.showhome_holder_stats table { width: 188px; }
.showhome_holder_stats table tbody tr td { vertical-align: top; padding: 2px 0px; }
.showhome_holder_stats table tbody tr td.first { padding-left: 5px; vertical-align: top; }
.showhome_holder_stats table tbody tr td.second { width: 60%; text-align: right; padding-right: 5px; vertical-align: top; }
.showhome_holder_stats table tbody tr td.both { text-align: left; padding: 2px 5px; vertical-align: top; }
.showhome_holder_stats table tbody tr th { width: 100%; font-weight: bold; text-align: left; padding: 2px 5px; }
#next_previous { margin-bottom: 20px; }
#next_previous a { font-weight: bold; }
#next_previous .previous { float: left; padding-left: 15px; }
#next_previous .next { float: right; text-align: right; padding-right: 15px; }
#sortline { text-align: right; padding-right: 10px; }
#bedrooms {  display: inline; font-weight: bold;}
#sqft {  display: inline; font-weight: bold;}
#availability {  display: inline; font-weight: bold;}

/* SHOWHOME DETAILS PAGE */
#gallery_single { width: 640px; height: 520px; background: transparent url(../images/gallery_legend.gif) bottom left no-repeat scroll; float: left; margin-bottom: 20px; }
.placement_manager { width: 400px; float: left; margin-left: 30px; line-height: 15px; }
.placement_manager img { width: 85px; float: left; padding-right: 10px; }
.placement_manager span.name { font-weight: bold; }
.placement_manager span.title { font-style: italic; margin-bottom: 10px; display: block; }

/* GALLERY PAGE */
#gallery { width: 640px; height: 530px; background: transparent url(../images/background_gallery.jpg) top left no-repeat scroll; margin: 0px auto; padding: 20px; }
#gallery object { background-image: none; padding: 0px; margin: 0px; width: 640px; height: 461px; }
#gallery_switcher { width: 673px; background: transparent url(../images/gallery_switcher_btm.jpg) bottom left no-repeat scroll; margin: 20px auto; }
#switcher { padding: 0px 15px 1px; }
#gallery_buttons { height: 26px; width: 640px; margin: 10px auto; }
#gallery_buttons a img { float: left; padding-right: 10px; }


/* MEDIA PAGE */
#lg_grey { width: 860px; background: #f2f2f2 url(../images/media_box_btm.jpg) bottom left no-repeat scroll; margin: 20px auto; }
#lg_grey_content { padding: 0px 10px 13px; position: relative; }
#movie_switcher { width: 350px; float: right; margin-top: 10px; }
#movie_switcher h1 { margin-bottom: 15px; }
#movie_switcher ul li { background: transparent url(../images/icon_movie.png) top left no-repeat scroll; padding: 4px 0px 0px 25px; margin-bottom: 15px; font-size: 14px; }
#movie_switcher ul li a { color: #000000; }
#movie_switcher ul li.next { background-image: none; }
#movie_switcher ul li.next a { color: #B42643; }
.col_left { width: 394px; float: left; padding: 20px; }
.col_left h1 { height: 50px; background: transparent url(../images/icon_blurb.jpg) top left no-repeat scroll; line-height: 33px; font-size: 20px; padding-left: 46px; }
.col_right { width: 395px; float: right; padding: 20px; }
.col_right h1 { height: 50px; background: transparent url(../images/icon_doc.jpg) top left no-repeat scroll; line-height: 33px; font-size: 20px; padding-left: 46px; }
p.press_item { border-bottom: 1px solid #cdcdcd; padding-bottom: 10px; margin-bottom: 10px; }

/* CAREERS PAGE */
.career { padding-bottom: 20px; border-bottom: 1px solid #cdcdcd; margin-bottom: 20px; }
.career span.location { font-size: 14px; font-weight: bold; display: block; }
.career span.job { font-style: italic; display: block; margin-bottom: 10px; }

/* TESTIMONIALS PAGE */
.youtube250 p.quote { font-style: italic; line-height: 18px; text-align: justify; padding-top: 10px; }
.youtube250 p.author { font-weight: normal; text-align: right; }
.right { border-right: 1px #c2c2c2 solid; }
.left { border-left: 1px #FFFFFF solid; }
.homeowner, .homemanager, .realtor { width: 860px; padding-bottom: 10px; margin: 0px auto 10px; }
.homeowner { background: transparent url(../images/test_homeowner_btm.jpg) bottom left no-repeat scroll; }
.homemanager { background: transparent url(../images/test_homemanager_btm.jpg) bottom left no-repeat scroll; }
.realtor { background: transparent url(../images/test_realtor_btm.jpg) bottom left no-repeat scroll; }
.testimonial_author { float: left; width: 130px; margin-left: 15px; padding-top: 10px; color: #ffffff; }
.testimonial_text { float: right; width: 675px; margin-right: 10px; padding-top: 10px; }

/* HOMEOWNER - REALTOR PAGE */
.homeowner_bullet_list { padding: 0px 0px 0px 320px; margin: 10px 0px; }
.homeowner_bullet_list li { margin-bottom: 10px; list-style: disc; list-style-position: outside; }
.vacant300 { background: transparent url(../images/homeowner_before_after.jpg) top left no-repeat scroll; min-height: 470px; }
.valued300 { background: transparent url(../images/homeowner_after.jpg) top left no-repeat scroll; min-height: 230px; }

/* HOME MANAGER PAGE */
.box640_inside ul li { line-height: 18px; }
.list_left { float: left; width: 380px; }
.list_right { float: right; width: 220px; text-align: right; }

/* SIDEBAR FORM - MULTI PAGE USE - FORM */
#sidebar_form { width: 220px; font-size: 10px; float: right; }
#sidebar_form h1 { height: 26px; background: transparent url(../images/form_header.jpg) top left repeat-x scroll; color: #ffffff; font-size: 12px; line-height: 23px; padding-left: 8px; }
#sidebar_form table td { padding: 2px 8px; }
#sidebar_form table td.small { font-size: 8px; font-style: italic; padding: 5px 8px 10px; }
#sidebar_form table td.td_space { padding-top: 20px; }
#sidebar_form input, #sidebar_form select { font-size: 10px; padding: 0px; }
#sidebar_form select.wide { width: 200px; }
#sidebar_form input.submit { margin-top: 10px; }
#sidebar_form input.styled, #sidebar_form textarea, #sidebar_form select { border:1px solid #CCCCCC; margin:0 0 2px; padding:0px; width:200px; }
#sidebar_form textarea { height:90px; }
#sidebar_form textarea:focus, #sidebar_form input:focus { border:1px solid #909090; }

/* CONTACT PAGE */
#info_social_holder { margin-right: 50px; float: right; width: 200px; margin-top: 7px; }
#general_info, #social_info { float: right; margin-bottom: 20px; }
#social_info ul li { height: 20px; line-height: 19px; text-align: left; padding: 0px 0px 2px 23px; }
#social_info ul li a { color: #5c5c5c; }
#social_info li.Twitter { background: transparent url(../images/icon_twitter.jpg) top left no-repeat scroll; }
#social_info li.Facebook { background: transparent url(../images/icon_facebook.jpg) top left no-repeat scroll; }
#social_info li.LinkedIn { background: transparent url(../images/icon_linkedin.jpg) top left no-repeat scroll; }
#social_info li.ActiveRain { background: transparent url(../images/icon_activerain.jpg) top left no-repeat scroll; }

#social_info2 { float: left; margin-bottom: 20px; }
#social_info2 ul li { height: 20px; line-height: 19px; text-align: left; padding: 0px 0px 2px 23px; }
#social_info2 ul li a { color: #5c5c5c; }
#social_info2 li.Twitter { background: transparent url(../images/icon_twitter.jpg) top left no-repeat scroll; }
#social_info2 li.Facebook { background: transparent url(../images/icon_facebook.jpg) top left no-repeat scroll; }
#social_info2 li.LinkedIn { background: transparent url(../images/icon_linkedin.jpg) top left no-repeat scroll; }
#social_info2 li.ActiveRain { background: transparent url(../images/icon_activerain.jpg) top left no-repeat scroll; }


.about_badge { width: 350px; background: transparent url(../images/about_badge_btm.jpg) bottom left no-repeat scroll; position: relative; margin-bottom: 10px; position: relative; }
.about_badge_inside { width: 350px; background: transparent url(../images/about_badge_top.jpg) top left no-repeat scroll; min-height: 97px; padding-bottom: 5px; }
.about_badge_inside div.bio_pic { width: 85px; height: 85px; overflow: hidden; float: left; margin: 7px; }
.about_badge_inside div.bio_info { width: 211px; float: left; margin: 7px 0px 0px 7px; padding-top: 5px; }
.about_badge_inside span.name { font-weight: bold; display: block; margin-bottom: 3px; }
.about_badge_inside span.title { font-style: italic; margin-bottom: 10px; display: block; }
.about_badge_inside div.social_vert { width: 16px; float: right; margin: 7px 8px 0px 0px; }
.about_badge_inside div.social_vert img { float: left; padding-bottom: 7px; }

/* FOOTER */
#footer { height: 105px; background: transparent url(../images/background_footer.jpg) bottom left no-repeat scroll; position: relative; text-align: center; }
#footer_nav { padding-top: 70px; }
#footer_nav a { color: #ffffff; font-size: 12px; padding: 0px 8px; font-family: Georgia, "Times New Roman", Times, serif; }
#footer_nav a:hover { color: #e25a76; text-decoration: none; }

/* HEADER lcb */
.header_xphone {font-size: 16px;  text-align: center;  font-family: Helvetica, Arial, sans-serif; }

/* Other */
.other_bullet_list { padding: 0px 0px 0px 10px;  margin-right: 180px;}
.other_bullet_list li { margin-bottom: 10px; list-style: disc;  }

#viewshowhomesbtn { padding-top: 270px; text-align: center;}
#socialnetworkingdiv { padding-left: 370px; }
#waitmsg {font-size: 16px;  text-align: center;  font-family: Helvetica, Arial, sans-serif; color: #5c5c5c; padding-top: 100px; padding-bottom: 100px;}

#copyright {
	background: #cdcdcd;
	color: #808080;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	/*height: 30px;*/
	margin: 0 auto 0 auto;
	text-align: center;
	width: 930px;
}
	#copyright a:link,
	#copyright a:visited {
		color: #808080;
	}
	#copyright a:hover {
		color: #999;
	}