/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, area,
article, aside, audio, b, base, bdo, br, button, canvas, caption, cite, code, col, colgroup, command, datalist,
dd, del, details, dfn, dialog, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, head, header,
hgroup, hr, i, img, input, ins, kbd, keygen, label, legend, li, link, map, mark, math, menu, meta, meter,
nav, noscript, object, ol, optgroup, option, output, param, progress, q, rp, rt, ruby, s, samp, section, select,
small, source, strong, style, sub, summary, sup, svg, table, tbody, td, textarea, tfoot, th, thead, time, title,
tr, u, ul, var, video, wbr
{
margin: 0px;
padding: 0px;
border: 0px;
font-size: 16px;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
display: block;
}
blockquote, q
{
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
content: '';
content: none;
}
table
{
border-collapse: collapse;
border-spacing: 0px;
}
/* Global */
html
{
}
body
{
background-color: white;
}
/* CONTAINERS */
/* Formatting for smartphones (viewports of 600px or less) with portrait orientation */
@media screen and (max-width: 600px)
{
.wrapper
{
width: 100vw;
background-color: white;
}
/* Formatting the header */
.header
{
Width: 100%;
background-color: white;
display: block;
height: 12vh;
top:0;
position: fixed;
/* border-bottom:2px black solid; */
}
.logo
{
float: left;
margin: 1.2vh 0 0 2%;
height: 9.6vh;
}
.logo img
{
height: 100%;
}
.logo a:link, a:visited
{
width: 100%;
height: 100%;
}
.menu-tablet
{
display: none;
}
.menu-mobile
{
float: right;
box-sizing: border-box;
margin-top: 4.2vh;
padding-right: 2%;
height: 3.6vh;
}
.menu-mobile img
{
height: 100%;
}
.header-menu
{
display:none;
}
.contact-us
{
display: none;
}
/* Formating Mainbody */
.mainbody
{
width: 100vw;
z-index: 0;
margin-top: 100px;
}
.mainbody p
{
text-align: center;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 18px;
font-weight: bold;
font-style: normal;
color: white;
padding: 0;
text-decoration: none;
}
.mainbody h1
{
text-align: center;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 24px;
font-weight: bold;
font-style: normal;
color: #fb0197;
padding: 0 3% 0 0;
text-decoration: none;
}
.mainbody h2
{
text-align: left;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-weight: normal;
color: dimgray;
padding: 0 10% 5vh 10%;
clear: both;
}
.mainbody h3
{
text-align: center;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-weight: normal;
color: black;
padding: 5%;
}
.mainbody h4
{
text-align: left;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-weight: normal;
color: dimgray;
padding: 20px 0 20px 0;
}
.mainbody h5
{
text-align: left;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-weight: normal;
color: dimgray;
padding: 20px 0 20px 0;
}
.mainbody a:link, a:visited
{
width: 50%;
text-align: center;
padding: 3% 0% 3% 0%;
background-color: red;
color: white;
border-radius: 5px;
font-size: 16px;
text-decoration:none;
font-weight:bold;
margin: auto;
}
.button-sellers-guide
{
clear:both;
margin: auto;
margin-top: 20px;
background-color: #fb0197;
color: white;
border-radius: 15px;
box-sizing: border-box;
width:80%;
padding-top: 18px;
height: 50px;
}
.button-sellers-guide h4
{
color: white;
text-align:center;
font-weight:bold;
padding: 0;
}
.mainbody-page-break-container
{
padding:18px 0 18px 0;
background-color:#fb0197;
}
/* Formatting the Home page */
.home
{
width: 100%;
background-color:white;
background-size:cover;
padding-top: 10%;
}
.home-containter
{
}
.home-text
{
width: 50%;
float: left;
padding-left:3%;
padding-top:2%;
box-sizing: border-box;
padding-bottom: 40px;
}
.home-text h1
{
padding: 0;
}
.home-text h3
{
font-weight:bold;
}
.home-image
{
width: 50%;
float: right;
padding-bottom: 25px;
}
.home-image img
{
width: 97%;
}
.home-button-sellers-guide
{
margin: auto;
background-color: #fb0197;
color: white;
border-radius: 15px;
width:80%;
padding:20px 0 20px 0;
margin-bottom: 25px;
}
.home-button-sellers-guide h4
{
color: white;
text-align:center;
font-weight:bold;
font-size: 18px;
padding: 0 10% 0 10%;
}
.home-button-appointment
{
clear: both;
margin: auto;
background-color: red;
color: white;
border-radius: 15px;
width:80%;
padding:20px 0 20px 0;
margin-bottom: 25px;
}
.home-button-appointment h4
{
color: white;
text-align:center;
font-weight:bold;
font-size: 18px;
padding: 0 10% 0 10%;
}
/* Formatting the Why Use Us page */
.why-use-us
{
width: 100%;
background-color: white;
padding-top: 100px;
padding-bottom: 50px;
clear: both;
}
.why-use-us-container
{
width: 100%;
padding-bottom: 25px;
padding-top: 25px;
}
.why-use-us-container h1
{
padding: 0 0 12px 0;
font-size: 20px;
color:dimgray;
}
.why-use-us-container img
{
width: 50%;
margin-left: 25%;
}
.why-use-us-container h3
{
text-align:justify;
}
/* Formatting the Pricing page */
.pricing
{
width: 100%;
background-color: white;
box-sizing:border-box;
padding: 10vh 0 10vh 0;
clear: both;
}
.pricing h1
{
padding: 0 10% 12px 10%;
font-size: 20px;
color:dimgray;
}
.pricing h2
{
font-weight:bold;
}
.pricing-list
{
width: 90%;
margin-left: 5%;
box-sizing: border-box;
margin-bottom: 5vh;
padding-top: 25px;
}
.pricing-list h3
{
color: black;
padding: 0;
}
.pricing-list h4
{
background-color: white;
font-size: 16px;
text-align:justify;
}
.pricing-list h5
{
background-color: white;
font-size:16px;
text-align:justify;
}
/* Formatting the How It Works page */
.how-it-works
{
width: 100%;
background-color: white;
box-sizing:border-box;
padding: 10vh 0 10vh 0;
clear: both;
}
.how-it-works h1
{
padding: 24px 5% 12px 5%;
font-size: 20px;
color: dimgray;
}
.how-it-works h2
{
text-align: justify;
font-weight: bold;
padding-top: 16px;
}
.how-it-works-holder
{
width: 90%;
margin-left: 5%;
box-sizing: border-box;
margin-bottom: 10vh;
background-color: white;
}
.how-it-works-holder img
{
width: 100%;
background-color: white;
}
.how-it-works-holder h3
{
padding-bottom: 0;
}
.how-it-works h4
{
background-color: white;
font-size: 16px;
text-align:justify;
}
/* Formatting the Savings page */
.savings
{
width: 100vw;
background-color: white;
box-sizing:border-box;
padding: 10vh 0 10vh 0;
clear: both;
}
.savings h2
{
padding: 0 5% 5vh 5%;
}
.savings table
{
width: 90%;
border: medium black solid;
box-sizing:border-box;
border-collapse: collapse;
margin-left: 5%;
}
.savings tr
{
}
.savings th
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 10px;
font-weight: bold;
text-align:center;
color: dimgray;
border: 1px black solid;
vertical-align:middle;
padding: 5px;
}
.savings td
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 12px;
font-weight: bold;
text-align:center;
color: dimgray;
border: 1px black solid;
vertical-align:middle;
padding: 5px;
}
/* Formatting our service area */
.area-service-container
{
height: auto;
width: 100%;
border-bottom:medium dimgray solid;
padding-bottom: 10vh;
background-color: snow;
}
.area-service
{
width: 100%;
background: url('images/dallas-skyline.jpg');
background-size:cover;
height: 30vh;
clear: both;
}
.area-service-container h2
{
padding-top: 5vh;
}
/* Formatting the Selling Your Home page */
.selling
{
width: 100vw;
background-color: white;
box-sizing:border-box;
padding: 10vh 0 10vh 0;
border-bottom: medium dimgray solid;
clear: both;
}
.selling h2
{
padding: 0 5% 10% 5%;
}
.selling table
{
width: 90%;
box-sizing:border-box;
border-collapse: collapse;
margin-left: 5%;
margin-bottom: 10vh;
}
.selling tr:nth-child(even)
{
background-color:ghostwhite;
}
.selling th
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 12px;
font-weight: bold;
text-align:center;
color: white;
background-color:black;
vertical-align:middle;
padding: 5px;
}
.selling td
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 12px;
font-weight: bold;
text-align:center;
color: dimgray;
vertical-align:middle;
padding: 5px;
}
/* Formatting the Testimonial page */
.testimonials
{
width: 100%;
background-color: snow;
box-sizing:border-box;
padding-top: 5%;
padding-bottom: 50px;
}
.testimonials h4
{
background-color: white;
font-size: 16px;
text-align: justify;
}
.testimonials-containter
{
width: 90%;
margin-left: 5%;
box-sizing: border-box;
margin-bottom: 10vh;
background-color: white;
padding-top: 24px;
}
.testimonials-container a:link, a:visited
{
background:white;
width: 100%;
padding: 0;
display: inline;
}
.testimonials-containter img
{
display: block;
margin:auto;
}
/* Formatting the Tips To Sell page */
.tips-to-sale
{
width:100%;
padding: 50px 0 50px 0;
}
.tips-to-sale h1
{
padding: 24px 5% 12px 5%;
font-size: 20px;
color: dimgray;
}
.tips-to-sale ol
{
padding: 0 10% 0 10%;
}
.tips-to-sale li
{
background-color: white;
font-size: 16px;
text-align: justify;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-weight: normal;
color: dimgray;
padding: 24px 0 0 0;
}
/* Formatting the Active Listings page */
.active-listings
{
width: 100%;
}
.active-listings-container
{
width: 100%;
height: 50vh;
padding-bottom:100px;
}
.active-listings h1
{
padding: 24px 5% 36px 5%;
font-size: 20px;
color: dimgray;
}
/* Formatting the New Construction page */
.new-construction
{
width: 100%;
padding-top:100px;
}
/* Formatting Footer */
.footer
{
width: 100%;
background-color: black;
padding: 5% 0 25vw 0;
box-sizing:border-box;
clear: both;
}
.footer-info
{
padding: 2vh 5% 2vh 5%;
}
.footer-links
{
padding: 2vh 5% 2vh 5%;
}
.footer p
{
font-size: 150%;
color: white;
font-weight:bold;
}
.footer h1
{
color: white;
width: 90vw;
font-family:Arial, Helvetica, sans-serif;
font-size: 80%;
padding-left: 5%;
padding-right: 5%;
}
.footer h2
{
font-size: 100%;
color: white;
}
.footer a
{
color: white;
width: 90vw;
font-family:Arial, Helvetica, sans-serif;
font-size: 90%;
}
/* Formatting the Menu Bar */
.menu-bar
{
display: none;
}
/* Formatting the Mobile Menu page */
.menu
{
width: 100vw;
position:fixed;
top: 16vh;
left:0;
}
.menu li
{
width:100%;
height: 40px;
background-color:red;
padding-top:18px;
border-bottom:3px white solid;
}
.menu a:link, a:visited
{
color:white;
font-family:"Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size:18px;
font-style:normal;
font-weight:bold;
text-align:center;
text-decoration:none;
display:block;
}
.contact-bar
{
display: none;
}
/* Formatting Appointment Form Page */
.form-container
{
width: 100%;
}
/* Formatting the Contact Us page */
.contactus
{
border-bottom: medium dimgray solid;
padding-top: 10vh;
}
.contactus p
{
padding: 0 0 5vh 0;
}
.contactus h2
{
padding: 0 5% 5vh 5%;
}
.contactus-signupform
{
width: 90%;
margin-left: 5%;
}
.contactus-input-holder label
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 16px;
font-weight: bold;
color: black;
float:left;
}
.contactus-input-holder h6
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 16px;
padding-left: 5px;
font-weight: normal;
font-style:italic;
color: red;
float:left;
}
input
{
margin: 5px 0 10px 0;
border: thin black solid;
height: 24px;
width: 90%;
padding-left: 5px;
}
.contactus-input-holder-radio
{
padding-top:5px;
}
input[type=radio]
{
width: 10%;
height: 16px;
padding-top: 5px;
margin: 0 0 0 0;
float:left;
}
.contactus-input-holder-radio label
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 16px;
font-weight: normal;
color: black;
margin: 0 0 0 0;
}
input[type=submit]
{
width: 50%;
height: 10vh;
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 24px;
font-weight: bold;
border-radius: 10px;
background-color: red;
color: white;
margin-top: 5vh;
margin-left: 25%;
}
.input-button
{
clear:both;
padding-top: 5vh;
}
.contactus-info
{
width: 90%;
box-sizing:border-box;
padding: 10vh 0 5vh 0;
clear: both;
}
.contactus-info p
{
text-align: left;
padding: 5vh 0 0 10%;
color:black;
}
.contactus-info h2
{
padding: 0 5% 0 15%;
}
.contactus-info h3
{
padding: 5% 5% 0 10%;
text-align:left;
}
/* Formatting the Phone Number bar */
.phone-bar
{
margin: 5vh 0 5vh 0;
}
.phone-bar a:link
{
padding: 3% 5% 3% 5%;
font-size: 24px;
}
/* Formatting the Cutting Cost page */
.cutting-cost
{
width: 100%;
top: 25vw;
background-color: white;
box-sizing:border-box;
padding-top: 10%;
padding-bottom: 50px;
}
.cutting-cost-container
{
padding:40px 0 50px 0;
}
.cutting-cost h2
{
padding: 0vh 5% 16px 5%;
text-align:justify;
}
.cutting-cost h3
{
color: crimson;
padding: 0vh 5% 16px 5%;
text-align:justify;
}
.cutting-cost h4
{
text-align: right;
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 16px;
font-weight: bold;
font-style:italic;
color: black;
padding: 0 10vw 0 5vw;
}
.cutting-cost img
{
display: none;
width: 35vw;
margin: auto;
}
/* Formatting the About Us page */
.about
{
width: 100%;
top: 25vw;
background-color: white;
box-sizing:border-box;
padding-top: 5%;
padding-bottom: 25vw;
}
.about-holder
{
width: 90%;
margin-left: 5%;
padding-bottom: 16px;
padding-top: 16px;
height: auto;
border-bottom:medium white solid;
}
.about-holder h1
{
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: dimgray;
padding: 0;
font-style: normal;
text-decoration:none;
}
.about-holder h2
{
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: dimgray;
font-style:normal;
padding-bottom: 12px;
text-decoration:underline;
}
.about-holder img
{
width: 25vw;
float: left;
margin-right:5%;
}
/* Formatting the FAQ page */
.faq
{
width: 100%;
top: 25vw;
background-color: white;
box-sizing:border-box;
padding-top: 5%;
padding-bottom: 25vw;
}
.faq-holder
{
width: 90%;
margin-left: 5%;
padding-bottom: 16px;
padding-top: 16px;
height: auto;
border-bottom:medium white solid;
}
.faq-holder h2
{
padding: 0;
}
.faq-holder h3
{
padding: 0 0 16px 0;
text-align: left;
font-style:italic;
font-weight:bold;
}
/* Formatting the Thank You page */
.thankyou
{
width: 100%;
height: 85vh;
top: 25vw;
background-color: whitesmoke;
box-sizing:border-box;
padding-top: 5%;
padding-bottom: 17vw;
}
.thankyou h1
{
text-align: center;
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 20px;
font-weight: bold;
font-style:italic;
color: crimson;
padding: 1vh 5vw 3vh 5vw;
text-decoration: underline;
}
.thankyou h2
{
text-align: left;
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 16px;
font-weight: bold;
font-style: normal;
color: black;
padding: 1vh 5vw 3vh 5vw;
}
.mainbody-text h1
{
text-align: center;
color: black;
font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-weight: bold;
font-size: 24px;
padding-top: 5vh;
}
.listing-container
{
width: 90%;
margin-left: 4vw;
margin-right: 4vw;
margin-top: 5vh;
margin-bottom: 5vh;
float: left;
border: 2px black solid;
}
.listing-container-status-available
{
width: 100%;
box-sizing: border-box;
background-color:limegreen;
}
.listing-container-status-available h1
{
text-align: center;
color: black;
font-size: 18px;
padding-top: 9px;
padding-bottom: 9PX;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
.listing-container-status-pending
{
width: 100%;
box-sizing: border-box;
background-color:yellow;
}
.listing-container-status-pending h1
{
text-align: center;
color: black;
font-size: 18px;
padding-top: 9px;
padding-bottom: 9PX;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
.listing-container-status-sold
{
width: 100%;
box-sizing: border-box;
background-color: crimson;
}
.listing-container-status-sold h1
{
text-align: center;
color: black;
font-size: 18px;
padding-top: 9px;
padding-bottom: 9PX;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
.listing-container-picture-holder
{
width: 100%;
height: 67.5vw;
}
.listing-container-picture-holder img
{
width: 100%;
}
.listing-container-picture-holder-left
{
float: left;
width: 10vw;
height: 100%;
background-color:black;
position: absolute;
top: 0;
left: 0;
opacity: .4;
z-index: 1000;
}
.listing-container-picture-holder-right
{
float: left;
width: 10vw;
height: 100%;
background-color:black;
position: absolute;
top: 0;
right: 0;
opacity: .4;
z-index: 1000;
}
.listing-container-status-address
{
width: 100%;
box-sizing: border-box;
background-color:white;
}
.listing-container-status-address h1
{
text-align: center;
color: black;
font-size: 14px;
padding-top: 6px;
padding-bottom: 6PX;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
.listing-container-status-info
{
width: 100%;
box-sizing: border-box;
background-color:white;
}
.listing-container-status-info-price
{
width: 20%;
float: left;
padding-bottom: 1vh;
}
.listing-container-status-info-price h1
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
}
.listing-container-status-info-price h2
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0;
}
.listing-container-status-info-size
{
width: 20%;
float: left;
padding-bottom: 1vh;
}
.listing-container-status-info-size h1
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
}
.listing-container-status-info-size h2
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding:0;
}
.listing-container-status-info-bed
{
width: 20%;
float: left;
padding-bottom: 1vh;
}
.listing-container-status-info-bed h1
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
}
.listing-container-status-info-bed h2
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0;
}
.listing-container-status-info-bath
{
width: 20%;
float: left;
padding-bottom: 1vh;
}
.listing-container-status-info-bath h1
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
}
.listing-container-status-info-bath h2
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0;
}
.listing-container-status-info-garage
{
width: 20%;
float: left;
padding-bottom: 1vh;
}
.listing-container-status-info-garage h1
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
}
.listing-container-status-info-garage h2
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0;
}
.single-listing
{
width: 90%;
margin-left: 10%;
margin-top: 5vh;
}
}
/* For tablets with viewports greater than 600px with portrait orientation */
@media screen and (min-width:601px) and (orientation:portrait)
{
.wrapper
{
width: 100vw;
background-color: white;
}
/* Formatting the header */
.header
{
Width: 100%;
background-color: white;
top:0;
position: fixed;
}
.logo
{
display: block;
width: 300px;
margin: auto;
}
.logo img
{
height: 100%;
}
.logo a:link, a:visited
{
display: block;
margin: auto;
}
.menu-tablet
{
display: none;
}
.menu-mobile
{
display: none;
}
.menu-mobile img
{
height: 100%;
}
.header-menu
{
display: block;
width: 100%;
height: 32px;
float: left;
background-color:#464646;
position: fixed;
top: 104px;
}
.header-menu a:link, a:visited
{
width: 20%;
box-sizing: border-box;
padding-top: 8px;
text-align: center;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-style: normal;
text-decoration: none;
color: white;
float: left;
font-weight: bold;
}
.header-menu h1
{
padding-right: 16px;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-style: normal;
text-decoration: none;
color: crimson;
float: left;
font-weight: bold;
}
.contact-us
{
display: none;
}
/* Formating Mainbody */
.mainbody
{
width: 100vw;
z-index: 0;
margin-top: 150px;
margin-bottom: 150px;
}
.mainbody p
{
text-align: center;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 18px;
font-weight: bold;
font-style: normal;
color: white;
padding: 0;
text-decoration: none;
}
.mainbody h1
{
text-align: center;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 24px;
font-weight: bold;
font-style: normal;
color: #fb0197;
padding: 0 3% 0 0;
text-decoration: none;
}
.mainbody h2
{
text-align: left;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-weight: normal;
color: dimgray;
padding: 0 10% 5vh 10%;
clear: both;
}
.mainbody h3
{
text-align: center;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-weight: normal;
color: black;
padding: 5%;
}
.mainbody h4
{
text-align: left;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-weight: normal;
color: dimgray;
padding: 20px 0 20px 0;
}
.mainbody h5
{
text-align: left;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-weight: normal;
color: dimgray;
padding: 20px 0 20px 0;
}
.mainbody a:link, a:visited
{
width: 50%;
text-align: center;
padding: 3% 0% 3% 0%;
background-color: red;
color: white;
border-radius: 5px;
font-size: 16px;
text-decoration:none;
font-weight:bold;
margin: auto;
}
.button-sellers-guide
{
clear:both;
margin: auto;
margin-top: 20px;
background-color: #fb0197;
color: white;
border-radius: 15px;
box-sizing: border-box;
width:80%;
padding-top: 18px;
height: 50px;
}
.button-sellers-guide h4
{
color: white;
text-align:center;
font-weight:bold;
padding: 0;
}
.mainbody-page-break-container
{
padding:18px 0 18px 0;
background-color:#fb0197;
}
/* Formatting the Home page */
.home
{
width: 100%;
background-color:white;
background-size:cover;
padding-top: 10%;
}
.home-containter
{
height: 51vw;
padding-bottom: 10%;
}
.home-text
{
width: 50%;
float: left;
padding-left:12%;
padding-right: 12%;
padding-top: 12vw;
box-sizing: border-box;
}
.home-text h1
{
padding: 0;
font-size: 4vw;
font-weight: bold;
}
.home-text h3
{
font-weight:bold;
font-size: 3vw;
}
.home-image
{
width: 50%;
float: left;
}
.home-image img
{
width: 75%;
}
.home-button-sellers-guide
{
margin: auto;
background-color: #fb0197;
color: white;
border-radius: 15px;
width: 40%;
padding:20px 0 20px 0;
margin-bottom: 25px;
}
.home-button-sellers-guide h4
{
color: white;
text-align:center;
font-weight:bold;
font-size: 18px;
padding: 0 10% 0 10%;
}
.home-button-appointment
{
clear: both;
margin: auto;
background-color: red;
color: white;
border-radius: 15px;
width: 40%;
padding:20px 0 20px 0;
margin-bottom: 25px;
}
.home-button-appointment h4
{
color: white;
text-align:center;
font-weight:bold;
font-size: 18px;
padding: 0 10% 0 10%;
}
/* Formatting the Why Use Us page */
.why-use-us
{
width: 100%;
background-color: white;
padding-top: 100px;
padding-bottom: 50px;
clear: both;
}
.why-use-us-container
{
width: 75%;
margin-left: 12.5%;
padding-bottom: 25px;
padding-top: 25px;
}
.why-use-us-container h1
{
padding: 0 0 12px 0;
font-size: 3.5vw;
color:dimgray;
}
.why-use-us-container img
{
width: 50%;
margin-left: 25%;
}
.why-use-us-container h3
{
text-align:justify;
}
/* Formatting the Pricing page */
.pricing
{
width: 100%;
background-color: white;
box-sizing:border-box;
padding: 10vh 0 10vh 0;
clear: both;
}
.pricing h1
{
padding: 0 0 12px 0;
font-size: 3.5vw;
color:dimgray;
}
.pricing h2
{
font-weight:bold;
text-align: center;
}
.pricing-list
{
width: 75%;
margin-left: 12.5%;
box-sizing: border-box;
margin-bottom: 5vh;
padding-top: 25px;
}
.pricing-list h3
{
color: black;
padding: 0;
}
.pricing-list h4
{
background-color: white;
font-size: 16px;
text-align:justify;
}
.pricing-list h5
{
background-color: white;
font-size:16px;
text-align:justify;
}
/* Formatting the How It Works page */
.how-it-works
{
width: 100%;
background-color: white;
box-sizing:border-box;
padding: 10vh 0 10vh 0;
clear: both;
}
.how-it-works h1
{
padding: 24px 0 12px 0;
width: 60%;
font-size: 3.5vw;
color: dimgray;
margin: auto;
}
.how-it-works h2
{
text-align: justify;
font-weight: bold;
padding-top: 16px;
}
.how-it-works-holder
{
width: 60%;
margin-left: 20%;
box-sizing: border-box;
margin-bottom: 10vh;
background-color: white;
}
.how-it-works-holder img
{
width: 100%;
background-color: white;
}
.how-it-works-holder h3
{
padding-bottom: 0;
}
.how-it-works h4
{
background-color: white;
font-size: 16px;
text-align:justify;
}
/* Formatting the Savings page */
.savings
{
width: 100vw;
background-color: white;
box-sizing:border-box;
padding: 10vh 0 10vh 0;
clear: both;
}
.savings h2
{
padding: 0 5% 5vh 5%;
}
.savings table
{
width: 90%;
border: medium black solid;
box-sizing:border-box;
border-collapse: collapse;
margin-left: 5%;
}
.savings tr
{
}
.savings th
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 10px;
font-weight: bold;
text-align:center;
color: dimgray;
border: 1px black solid;
vertical-align:middle;
padding: 5px;
}
.savings td
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 12px;
font-weight: bold;
text-align:center;
color: dimgray;
border: 1px black solid;
vertical-align:middle;
padding: 5px;
}
/* Formatting our service area */
.area-service-container
{
height: auto;
width: 100%;
border-bottom:medium dimgray solid;
padding-bottom: 10vh;
background-color: snow;
}
.area-service
{
width: 100%;
background: url('images/dallas-skyline.jpg');
background-size:cover;
height: 30vh;
clear: both;
}
.area-service-container h2
{
padding-top: 5vh;
}
/* Formatting the Selling Your Home page */
.selling
{
width: 100vw;
background-color: white;
box-sizing:border-box;
padding: 10vh 0 10vh 0;
border-bottom: medium dimgray solid;
clear: both;
}
.selling h2
{
padding: 0 5% 10% 5%;
}
.selling table
{
width: 90%;
box-sizing:border-box;
border-collapse: collapse;
margin-left: 5%;
margin-bottom: 10vh;
}
.selling tr:nth-child(even)
{
background-color:ghostwhite;
}
.selling th
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 12px;
font-weight: bold;
text-align:center;
color: white;
background-color:black;
vertical-align:middle;
padding: 5px;
}
.selling td
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 12px;
font-weight: bold;
text-align:center;
color: dimgray;
vertical-align:middle;
padding: 5px;
}
/* Formatting the Testimonial page */
.testimonials
{
width: 100%;
background-color: snow;
box-sizing:border-box;
padding-top: 5%;
padding-bottom: 50px;
}
.testimonials h4
{
background-color: white;
font-size: 16px;
text-align: justify;
}
.testimonials-containter
{
width: 75%;
margin-left: 12.5%;
box-sizing: border-box;
margin-bottom: 10vh;
background-color: white;
padding-top: 24px;
}
.testimonials-container a:link, a:visited
{
background:white;
width: 100%;
padding: 0;
display: inline;
}
.testimonials-containter img
{
display: block;
margin:auto;
}
/* Formatting the Tips To Sell page */
.tips-to-sale
{
width:100%;
padding: 50px 0 50px 0;
}
.tips-to-sale h1
{
padding: 24px 5% 12px 5%;
font-size: 20px;
color: dimgray;
}
.tips-to-sale ol
{
padding: 0;
width: 60%;
margin: auto;
}
.tips-to-sale li
{
background-color: white;
font-size: 16px;
text-align: justify;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-weight: normal;
color: dimgray;
padding: 24px 0 0 0;
}
/* Formatting the Active Listings page */
.active-listings
{
width: 100%;
}
.active-listings-container
{
width: 100%;
height: 50vh;
padding-bottom:100px;
}
.active-listings h1
{
padding: 24px 5% 36px 5%;
font-size: 20px;
color: dimgray;
}
/* Formatting the New Construction page */
.new-construction
{
width: 100%;
padding-top:100px;
}
/* Formatting Footer */
.footer
{
width: 100%;
background-color: black;
padding: 5% 0 25vw 0;
box-sizing:border-box;
clear: both;
}
.footer-info
{
padding: 2vh 5% 2vh 5%;
}
.footer-links
{
padding: 2vh 5% 2vh 5%;
}
.footer p
{
font-size: 150%;
color: white;
font-weight:bold;
}
.footer h1
{
color: white;
width: 90vw;
font-family:Arial, Helvetica, sans-serif;
font-size: 80%;
padding-left: 5%;
padding-right: 5%;
}
.footer h2
{
font-size: 100%;
color: white;
}
.footer a
{
color: white;
width: 90vw;
font-family:Arial, Helvetica, sans-serif;
font-size: 90%;
}
/* Formatting the Menu Bar */
.menu-bar
{
display: none;
}
/* Formatting the Mobile Menu page */
.menu
{
width: 100vw;
position:fixed;
top: 16vh;
left:0;
}
.menu li
{
width:100%;
height: 40px;
background-color:red;
padding-top:18px;
border-bottom:3px white solid;
}
.menu a:link, a:visited
{
color:white;
font-family:"Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size:18px;
font-style:normal;
font-weight:bold;
text-align:center;
text-decoration:none;
display:block;
}
.contact-bar
{
display: none;
}
/* Formatting Appointment Form Page */
.form-container
{
width: 100%;
margin-top: 136px;
}
/* Formatting the Contact Us page */
.contactus
{
border-bottom: medium dimgray solid;
padding-top: 10vh;
}
.contactus p
{
padding: 0 0 5vh 0;
}
.contactus h2
{
padding: 0 5% 5vh 5%;
}
.contactus-signupform
{
width: 90%;
margin-left: 5%;
}
.contactus-input-holder label
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 16px;
font-weight: bold;
color: black;
float:left;
}
.contactus-input-holder h6
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 16px;
padding-left: 5px;
font-weight: normal;
font-style:italic;
color: red;
float:left;
}
input
{
margin: 5px 0 10px 0;
border: thin black solid;
height: 24px;
width: 90%;
padding-left: 5px;
}
.contactus-input-holder-radio
{
padding-top:5px;
}
input[type=radio]
{
width: 10%;
height: 16px;
padding-top: 5px;
margin: 0 0 0 0;
float:left;
}
.contactus-input-holder-radio label
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 16px;
font-weight: normal;
color: black;
margin: 0 0 0 0;
}
input[type=submit]
{
width: 50%;
height: 10vh;
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 24px;
font-weight: bold;
border-radius: 10px;
background-color: red;
color: white;
margin-top: 5vh;
margin-left: 25%;
}
.input-button
{
clear:both;
padding-top: 5vh;
}
.contactus-info
{
width: 90%;
box-sizing:border-box;
padding: 10vh 0 5vh 0;
clear: both;
}
.contactus-info p
{
text-align: left;
padding: 5vh 0 0 10%;
color:black;
}
.contactus-info h2
{
padding: 0 5% 0 15%;
}
.contactus-info h3
{
padding: 5% 5% 0 10%;
text-align:left;
}
/* Formatting the Phone Number bar */
.phone-bar
{
margin: 5vh 0 5vh 0;
}
.phone-bar a:link
{
padding: 3% 5% 3% 5%;
font-size: 24px;
}
/* Formatting the Cutting Cost page */
.cutting-cost
{
width: 100%;
top: 25vw;
background-color: white;
box-sizing:border-box;
padding-top: 10%;
padding-bottom: 50px;
}
.cutting-cost-container
{
padding:40px 0 50px 0;
width: 75%;
margin: auto;
}
.cutting-cost h2
{
padding: 0vh 5% 16px 5%;
text-align:justify;
}
.cutting-cost h3
{
color: crimson;
padding: 0vh 5% 16px 5%;
text-align:justify;
}
.cutting-cost h4
{
text-align: right;
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 16px;
font-weight: bold;
font-style:italic;
color: black;
padding: 0 10vw 0 5vw;
}
.cutting-cost img
{
display: block;
width: 35vw;
margin: auto;
}
/* Formatting the About Us page */
.about
{
width: 100%;
top: 25vw;
background-color: white;
box-sizing:border-box;
padding-top: 5%;
padding-bottom: 25vw;
}
.about-holder
{
width: 60%;
margin:auto;
padding-bottom: 16px;
padding-top: 16px;
height: auto;
border-bottom:medium white solid;
}
.about-holder h1
{
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: dimgray;
padding: 0;
font-style: normal;
text-decoration:none;
}
.about-holder h2
{
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: dimgray;
font-style:normal;
padding-bottom: 12px;
text-decoration:underline;
}
.about-holder img
{
width: 25vw;
float: left;
margin-right:5%;
}
/* Formatting the FAQ page */
.faq
{
width: 75%;
margin: auto;
top: 25vw;
background-color: white;
box-sizing:border-box;
padding-top: 5%;
padding-bottom: 25vw;
}
.faq-holder
{
width: 90%;
margin-left: 5%;
padding-bottom: 16px;
padding-top: 16px;
height: auto;
border-bottom:medium white solid;
}
.faq-holder h2
{
padding: 0;
}
.faq-holder h3
{
padding: 0 0 16px 0;
text-align: left;
font-style:italic;
font-weight:bold;
}
/* Formatting the Thank You page */
.thankyou
{
width: 100%;
height: 85vh;
top: 25vw;
background-color: whitesmoke;
box-sizing:border-box;
padding-top: 5%;
padding-bottom: 17vw;
}
.thankyou h1
{
text-align: center;
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 20px;
font-weight: bold;
font-style:italic;
color: crimson;
padding: 1vh 5vw 3vh 5vw;
text-decoration: underline;
}
.thankyou h2
{
text-align: left;
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 16px;
font-weight: bold;
font-style: normal;
color: black;
padding: 1vh 5vw 3vh 5vw;
}
.mainbody-text h1
{
text-align: center;
color: black;
font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-weight: bold;
font-size: 24px;
padding-top: 5vh;
}
.listing-container
{
width: 90%;
margin-left: 4vw;
margin-right: 4vw;
margin-top: 5vh;
margin-bottom: 5vh;
float: left;
border: 2px black solid;
}
.listing-container-status-available
{
width: 100%;
box-sizing: border-box;
background-color:limegreen;
}
.listing-container-status-available h1
{
text-align: center;
color: black;
font-size: 18px;
padding-top: 9px;
padding-bottom: 9PX;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
.listing-container-status-pending
{
width: 100%;
box-sizing: border-box;
background-color:yellow;
}
.listing-container-status-pending h1
{
text-align: center;
color: black;
font-size: 18px;
padding-top: 9px;
padding-bottom: 9PX;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
.listing-container-status-sold
{
width: 100%;
box-sizing: border-box;
background-color: crimson;
}
.listing-container-status-sold h1
{
text-align: center;
color: black;
font-size: 18px;
padding-top: 9px;
padding-bottom: 9PX;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
.listing-container-picture-holder
{
width: 100%;
height: 67.5vw;
}
.listing-container-picture-holder img
{
width: 100%;
}
.listing-container-picture-holder-left
{
float: left;
width: 10vw;
height: 100%;
background-color:black;
position: absolute;
top: 0;
left: 0;
opacity: .4;
z-index: 1000;
}
.listing-container-picture-holder-right
{
float: left;
width: 10vw;
height: 100%;
background-color:black;
position: absolute;
top: 0;
right: 0;
opacity: .4;
z-index: 1000;
}
.listing-container-status-address
{
width: 100%;
box-sizing: border-box;
background-color:white;
}
.listing-container-status-address h1
{
text-align: center;
color: black;
font-size: 14px;
padding-top: 6px;
padding-bottom: 6PX;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
.listing-container-status-info
{
width: 100%;
box-sizing: border-box;
background-color:white;
}
.listing-container-status-info-price
{
width: 20%;
float: left;
padding-bottom: 1vh;
}
.listing-container-status-info-price h1
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
}
.listing-container-status-info-price h2
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0;
}
.listing-container-status-info-size
{
width: 20%;
float: left;
padding-bottom: 1vh;
}
.listing-container-status-info-size h1
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
}
.listing-container-status-info-size h2
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding:0;
}
.listing-container-status-info-bed
{
width: 20%;
float: left;
padding-bottom: 1vh;
}
.listing-container-status-info-bed h1
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
}
.listing-container-status-info-bed h2
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0;
}
.listing-container-status-info-bath
{
width: 20%;
float: left;
padding-bottom: 1vh;
}
.listing-container-status-info-bath h1
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
}
.listing-container-status-info-bath h2
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0;
}
.listing-container-status-info-garage
{
width: 20%;
float: left;
padding-bottom: 1vh;
}
.listing-container-status-info-garage h1
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
}
.listing-container-status-info-garage h2
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0;
}
.single-listing
{
width: 90%;
margin-left: 10%;
margin-top: 5vh;
}
}
/* For tablets with viewports greater than 1024px with portrait orientation */
@media screen and (min-width:1024px)
{
.wrapper
{
width: 100vw;
background-color: white;
}
/* Formatting the header */
.header
{
Width: 100%;
background-color: white;
top:0;
position: fixed;
}
.logo
{
display: block;
width: 300px;
margin: auto;
}
.logo img
{
height: 100%;
}
.logo a:link, a:visited
{
display: block;
margin: auto;
}
.menu-tablet
{
display: none;
}
.menu-mobile
{
display: none;
}
.menu-mobile img
{
height: 100%;
}
.header-menu
{
display: block;
width: 100%;
height: 32px;
float: left;
background-color:#464646;
position: fixed;
top: 104px;
}
.header-menu a:link, a:visited
{
width: 20%;
box-sizing: border-box;
padding-top: 8px;
text-align: center;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-style: normal;
text-decoration: none;
color: white;
float: left;
font-weight: bold;
}
.header-menu h1
{
padding-right: 16px;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-style: normal;
text-decoration: none;
color: crimson;
float: left;
font-weight: bold;
}
.contact-us
{
display: none;
}
/* Formating Mainbody */
.mainbody
{
width: 100vw;
z-index: 0;
margin-top: 150px;
margin-bottom: 150px;
}
.mainbody p
{
text-align: center;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 30px;
font-weight: bold;
font-style: normal;
color: white;
padding: 0;
text-decoration: none;
}
.mainbody h1
{
text-align: center;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 24px;
font-weight: bold;
font-style: normal;
color: #fb0197;
padding: 0 3% 0 0;
text-decoration: none;
}
.mainbody h2
{
text-align: left;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-weight: normal;
color: dimgray;
padding: 0 10% 5vh 10%;
clear: both;
}
.mainbody h3
{
text-align: center;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-weight: normal;
color: black;
padding: 5%;
}
.mainbody h4
{
text-align: left;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-weight: normal;
color: dimgray;
padding: 20px 0 20px 0;
}
.mainbody h5
{
text-align: left;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-weight: normal;
color: dimgray;
padding: 20px 0 20px 0;
}
.mainbody a:link, a:visited
{
width: 50%;
text-align: center;
padding: 3% 0% 3% 0%;
background-color: red;
color: white;
border-radius: 5px;
font-size: 16px;
text-decoration:none;
font-weight:bold;
margin: auto;
}
.button-sellers-guide
{
clear:both;
margin: auto;
margin-top: 20px;
background-color: #fb0197;
color: white;
border-radius: 15px;
box-sizing: border-box;
width:80%;
padding-top: 18px;
height: 50px;
}
.button-sellers-guide h4
{
color: white;
text-align:center;
font-weight:bold;
padding: 0;
}
.mainbody-page-break-container
{
padding:18px 0 18px 0;
background-color:#fb0197;
}
/* Formatting the Home page */
.home
{
width: 100%;
background-color:white;
background-size:cover;
padding-top: 10%;
}
.home-containter
{
height: 51vw;
padding-bottom: 10%;
}
.home-text
{
width: 50%;
float: left;
padding-left:12%;
padding-right: 6%;
padding-top: 12vw;
box-sizing: border-box;
}
.home-text h1
{
padding: 0;
font-size: 4vw;
font-weight: bold;
}
.home-text h3
{
font-weight:bold;
font-size: 3vw;
}
.home-image
{
width: 50%;
float: left;
}
.home-image img
{
width: 75%;
}
.home-button-sellers-guide
{
margin-left: 20%;
float: left;
background-color: #fb0197;
color: white;
border-radius: 15px;
width: 30%;
padding:20px 0 20px 0;
margin-bottom: 25px;
}
.home-button-sellers-guide h4
{
color: white;
text-align:center;
font-weight:bold;
font-size: 24px;
padding: 0 10% 0 10%;
}
.home-button-appointment
{
clear: both;
float: left;
margin-left: 10%;
background-color: red;
color: white;
border-radius: 15px;
width: 30%;
padding:20px 0 20px 0;
margin-bottom: 25px;
}
.home-button-appointment h4
{
color: white;
text-align:center;
font-weight:bold;
font-size: 24px;
padding: 0 10% 0 10%;
}
/* Formatting the Why Use Us page */
.why-use-us
{
width: 100%;
background-color: white;
padding-top: 100px;
padding-bottom: 50px;
clear: both;
}
.why-use-us-container
{
width: 40%;
margin-left: 5%;
margin-right: 5%;
padding-bottom: 25px;
padding-top: 50px;
float: left;
}
.why-use-us-container h1
{
padding: 0 0 12px 0;
font-size: 24px;
color:dimgray;
}
.why-use-us-container img
{
width: 50%;
margin-left: 25%;
}
.why-use-us-container h3
{
text-align:justify;
}
/* Formatting the Pricing page */
.pricing
{
width: 100%;
background-color: white;
box-sizing:border-box;
padding: 10vh 0 10vh 0;
clear: both;
}
.pricing h1
{
padding: 0 0 12px 0;
font-size: 24px;
color:dimgray;
}
.pricing h2
{
font-weight:bold;
text-align: center;
}
.pricing-list
{
width: 40%;
margin-left: 5%;
margin-right: 5%;
float: left;
box-sizing: border-box;
margin-bottom: 5vh;
padding-top: 50px;
}
.pricing-list h3
{
color: black;
padding: 0;
}
.pricing-list h4
{
background-color: white;
font-size: 16px;
text-align:justify;
}
.pricing-list h5
{
background-color: white;
font-size:16px;
text-align:justify;
}
/* Formatting the How It Works page */
.how-it-works
{
width: 100%;
background-color: white;
box-sizing:border-box;
padding: 10vh 0 10vh 0;
clear: both;
}
.how-it-works h1
{
padding: 24px 0 12px 0;
width: 60%;
font-size: 24px;
color: dimgray;
margin: auto;
}
.how-it-works h2
{
text-align: justify;
font-weight: bold;
padding-top: 16px;
}
.how-it-works-holder
{
width: 40%;
margin-left: 5%;
margin-right: 5%;
float: left;
box-sizing: border-box;
height: 600px;
margin-bottom: 0px;
background-color: white;
}
.how-it-works-holder img
{
width: 100%;
background-color: white;
}
.how-it-works-holder h3
{
padding-bottom: 0;
}
.how-it-works h4
{
background-color: white;
font-size: 16px;
text-align:justify;
}
/* Formatting the Savings page */
.savings
{
width: 100vw;
background-color: white;
box-sizing:border-box;
padding: 10vh 0 10vh 0;
clear: both;
}
.savings h2
{
padding: 0 5% 5vh 5%;
}
.savings table
{
width: 90%;
border: medium black solid;
box-sizing:border-box;
border-collapse: collapse;
margin-left: 5%;
}
.savings tr
{
}
.savings th
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 10px;
font-weight: bold;
text-align:center;
color: dimgray;
border: 1px black solid;
vertical-align:middle;
padding: 5px;
}
.savings td
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 12px;
font-weight: bold;
text-align:center;
color: dimgray;
border: 1px black solid;
vertical-align:middle;
padding: 5px;
}
/* Formatting our service area */
.area-service-container
{
height: auto;
width: 100%;
border-bottom:medium dimgray solid;
padding-bottom: 10vh;
background-color: snow;
}
.area-service
{
width: 100%;
background: url('images/dallas-skyline.jpg');
background-size:cover;
height: 30vh;
clear: both;
}
.area-service-container h2
{
padding-top: 5vh;
}
/* Formatting the Selling Your Home page */
.selling
{
width: 100vw;
background-color: white;
box-sizing:border-box;
padding: 10vh 0 10vh 0;
border-bottom: medium dimgray solid;
clear: both;
}
.selling h2
{
padding: 0 5% 10% 5%;
}
.selling table
{
width: 90%;
box-sizing:border-box;
border-collapse: collapse;
margin-left: 5%;
margin-bottom: 10vh;
}
.selling tr:nth-child(even)
{
background-color:ghostwhite;
}
.selling th
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 12px;
font-weight: bold;
text-align:center;
color: white;
background-color:black;
vertical-align:middle;
padding: 5px;
}
.selling td
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 12px;
font-weight: bold;
text-align:center;
color: dimgray;
vertical-align:middle;
padding: 5px;
}
/* Formatting the Testimonial page */
.testimonials
{
width: 100%;
background-color: snow;
box-sizing:border-box;
padding-top: 5%;
padding-bottom: 50px;
}
.testimonials h4
{
background-color: white;
font-size: 16px;
text-align: justify;
}
.testimonials-containter
{
width: 75%;
margin-left: 12.5%;
box-sizing: border-box;
margin-bottom: 10vh;
background-color: white;
padding-top: 24px;
}
.testimonials-container a:link, a:visited
{
background:white;
width: 100%;
padding: 0;
display: inline;
}
.testimonials-containter img
{
display: block;
margin:auto;
}
/* Formatting the Tips To Sell page */
.tips-to-sale
{
width:100%;
padding: 50px 0 50px 0;
}
.tips-to-sale h1
{
padding: 24px 5% 12px 5%;
font-size: 20px;
color: dimgray;
}
.tips-to-sale ol
{
padding: 0;
width: 60%;
margin: auto;
}
.tips-to-sale li
{
background-color: white;
font-size: 16px;
text-align: justify;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-weight: normal;
color: dimgray;
padding: 24px 0 0 0;
}
/* Formatting the Active Listings page */
.active-listings
{
width: 100%;
}
.active-listings-container
{
width: 100%;
height: 50vh;
padding-bottom:100px;
}
.active-listings h1
{
padding: 24px 5% 36px 5%;
font-size: 20px;
color: dimgray;
}
/* Formatting the New Construction page */
.new-construction
{
width: 100%;
padding-top:100px;
}
/* Formatting Footer */
.footer
{
width: 100%;
background-color: black;
padding: 5% 0 25vw 0;
box-sizing:border-box;
clear: both;
}
.footer-info
{
padding: 2vh 5% 2vh 5%;
}
.footer-links
{
padding: 2vh 5% 2vh 5%;
}
.footer p
{
font-size: 150%;
color: white;
font-weight:bold;
}
.footer h1
{
color: white;
width: 90vw;
font-family:Arial, Helvetica, sans-serif;
font-size: 80%;
padding-left: 5%;
padding-right: 5%;
}
.footer h2
{
font-size: 100%;
color: white;
}
.footer a
{
color: white;
width: 90vw;
font-family:Arial, Helvetica, sans-serif;
font-size: 90%;
}
/* Formatting the Menu Bar */
.menu-bar
{
display: none;
}
/* Formatting the Mobile Menu page */
.menu
{
width: 100vw;
position:fixed;
top: 16vh;
left:0;
}
.menu li
{
width:100%;
height: 40px;
background-color:red;
padding-top:18px;
border-bottom:3px white solid;
}
.menu a:link, a:visited
{
color:white;
font-family:"Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size:18px;
font-style:normal;
font-weight:bold;
text-align:center;
text-decoration:none;
display:block;
}
.contact-bar
{
display: none;
}
/* Formatting Appointment Form Page */
.form-container
{
width: 100%;
margin-top: 136px;
}
/* Formatting the Contact Us page */
.contactus
{
border-bottom: medium dimgray solid;
padding-top: 10vh;
}
.contactus p
{
padding: 0 0 5vh 0;
}
.contactus h2
{
padding: 0 5% 5vh 5%;
}
.contactus-signupform
{
width: 90%;
margin-left: 5%;
}
.contactus-input-holder label
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 16px;
font-weight: bold;
color: black;
float:left;
}
.contactus-input-holder h6
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 16px;
padding-left: 5px;
font-weight: normal;
font-style:italic;
color: red;
float:left;
}
input
{
margin: 5px 0 10px 0;
border: thin black solid;
height: 24px;
width: 90%;
padding-left: 5px;
}
.contactus-input-holder-radio
{
padding-top:5px;
}
input[type=radio]
{
width: 10%;
height: 16px;
padding-top: 5px;
margin: 0 0 0 0;
float:left;
}
.contactus-input-holder-radio label
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 16px;
font-weight: normal;
color: black;
margin: 0 0 0 0;
}
input[type=submit]
{
width: 50%;
height: 10vh;
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 24px;
font-weight: bold;
border-radius: 10px;
background-color: red;
color: white;
margin-top: 5vh;
margin-left: 25%;
}
.input-button
{
clear:both;
padding-top: 5vh;
}
.contactus-info
{
width: 90%;
box-sizing:border-box;
padding: 10vh 0 5vh 0;
clear: both;
}
.contactus-info p
{
text-align: left;
padding: 5vh 0 0 10%;
color:black;
}
.contactus-info h2
{
padding: 0 5% 0 15%;
}
.contactus-info h3
{
padding: 5% 5% 0 10%;
text-align:left;
}
/* Formatting the Phone Number bar */
.phone-bar
{
margin: 5vh 0 5vh 0;
}
.phone-bar a:link
{
padding: 3% 5% 3% 5%;
font-size: 24px;
}
/* Formatting the Cutting Cost page */
.cutting-cost
{
width: 100%;
top: 25vw;
background-color: white;
box-sizing:border-box;
padding-top: 10%;
padding-bottom: 50px;
}
.cutting-cost-container
{
padding:40px 0 50px 0;
width: 75%;
margin: auto;
}
.cutting-cost h2
{
padding: 0vh 5% 16px 5%;
text-align:justify;
}
.cutting-cost h3
{
color: crimson;
padding: 0vh 5% 16px 5%;
text-align:justify;
}
.cutting-cost h4
{
text-align: right;
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 16px;
font-weight: bold;
font-style:italic;
color: black;
padding: 0 10vw 0 5vw;
}
.cutting-cost img
{
display: block;
width: 35vw;
margin: auto;
}
/* Formatting the About Us page */
.about
{
width: 100%;
top: 25vw;
background-color: white;
box-sizing:border-box;
padding-top: 5%;
padding-bottom: 25vw;
}
.about-holder
{
width: 60%;
margin:auto;
padding-bottom: 16px;
padding-top: 16px;
height: auto;
border-bottom:medium white solid;
}
.about-holder h1
{
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: dimgray;
padding: 0;
font-style: normal;
text-decoration:none;
}
.about-holder h2
{
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: dimgray;
font-style:normal;
padding-bottom: 12px;
text-decoration:underline;
}
.about-holder img
{
width: 15%;
float: left;
margin-right:5%;
}
/* Formatting the FAQ page */
.faq
{
width: 75%;
margin: auto;
top: 25vw;
background-color: white;
box-sizing:border-box;
padding-top: 5%;
padding-bottom: 25vw;
}
.faq-holder
{
width: 90%;
margin-left: 5%;
padding-bottom: 16px;
padding-top: 16px;
height: auto;
border-bottom:medium white solid;
}
.faq-holder h2
{
padding: 0;
}
.faq-holder h3
{
padding: 0 0 16px 0;
text-align: left;
font-style:italic;
font-weight:bold;
}
/* Formatting the Thank You page */
.thankyou
{
width: 100%;
height: 85vh;
top: 25vw;
background-color: whitesmoke;
box-sizing:border-box;
padding-top: 5%;
padding-bottom: 17vw;
}
.thankyou h1
{
text-align: center;
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 20px;
font-weight: bold;
font-style:italic;
color: crimson;
padding: 1vh 5vw 3vh 5vw;
text-decoration: underline;
}
.thankyou h2
{
text-align: left;
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 16px;
font-weight: bold;
font-style: normal;
color: black;
padding: 1vh 5vw 3vh 5vw;
}
.mainbody-text h1
{
text-align: center;
color: black;
font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-weight: bold;
font-size: 24px;
padding-top: 5vh;
}
.listing-container
{
width: 90%;
margin-left: 4vw;
margin-right: 4vw;
margin-top: 5vh;
margin-bottom: 5vh;
float: left;
border: 2px black solid;
}
.listing-container-status-available
{
width: 100%;
box-sizing: border-box;
background-color:limegreen;
}
.listing-container-status-available h1
{
text-align: center;
color: black;
font-size: 18px;
padding-top: 9px;
padding-bottom: 9PX;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
.listing-container-status-pending
{
width: 100%;
box-sizing: border-box;
background-color:yellow;
}
.listing-container-status-pending h1
{
text-align: center;
color: black;
font-size: 18px;
padding-top: 9px;
padding-bottom: 9PX;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
.listing-container-status-sold
{
width: 100%;
box-sizing: border-box;
background-color: crimson;
}
.listing-container-status-sold h1
{
text-align: center;
color: black;
font-size: 18px;
padding-top: 9px;
padding-bottom: 9PX;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
.listing-container-picture-holder
{
width: 100%;
height: 67.5vw;
}
.listing-container-picture-holder img
{
width: 100%;
}
.listing-container-picture-holder-left
{
float: left;
width: 10vw;
height: 100%;
background-color:black;
position: absolute;
top: 0;
left: 0;
opacity: .4;
z-index: 1000;
}
.listing-container-picture-holder-right
{
float: left;
width: 10vw;
height: 100%;
background-color:black;
position: absolute;
top: 0;
right: 0;
opacity: .4;
z-index: 1000;
}
.listing-container-status-address
{
width: 100%;
box-sizing: border-box;
background-color:white;
}
.listing-container-status-address h1
{
text-align: center;
color: black;
font-size: 14px;
padding-top: 6px;
padding-bottom: 6PX;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
.listing-container-status-info
{
width: 100%;
box-sizing: border-box;
background-color:white;
}
.listing-container-status-info-price
{
width: 20%;
float: left;
padding-bottom: 1vh;
}
.listing-container-status-info-price h1
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
}
.listing-container-status-info-price h2
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0;
}
.listing-container-status-info-size
{
width: 20%;
float: left;
padding-bottom: 1vh;
}
.listing-container-status-info-size h1
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
}
.listing-container-status-info-size h2
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding:0;
}
.listing-container-status-info-bed
{
width: 20%;
float: left;
padding-bottom: 1vh;
}
.listing-container-status-info-bed h1
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
}
.listing-container-status-info-bed h2
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0;
}
.listing-container-status-info-bath
{
width: 20%;
float: left;
padding-bottom: 1vh;
}
.listing-container-status-info-bath h1
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
}
.listing-container-status-info-bath h2
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0;
}
.listing-container-status-info-garage
{
width: 20%;
float: left;
padding-bottom: 1vh;
}
.listing-container-status-info-garage h1
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
}
.listing-container-status-info-garage h2
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0;
}
.single-listing
{
width: 90%;
margin-left: 10%;
margin-top: 5vh;
}
}
/* For tablets with viewports greater than 1366px */
@media screen and (min-width:1366px)
{
body
{
background-color: dimgrey;
}
.wrapper
{
width: 1366px;
margin: auto;
background-color: white;
}
/* Formatting the header */
.header
{
width: 1366px;
background-color: white;
top:0;
position: fixed;
}
.logo
{
display: block;
width: 300px;
margin: auto;
}
.logo img
{
height: 100%;
}
.logo a:link, a:visited
{
display: block;
margin: auto;
}
.menu-tablet
{
display: none;
}
.menu-mobile
{
display: none;
}
.menu-mobile img
{
height: 100%;
}
.header-menu
{
display: block;
width: 1366px;
height: 32px;
float: left;
background-color:#464646;
position: fixed;
top: 104px;
}
.header-menu a:link, a:visited
{
width: 20%;
box-sizing: border-box;
padding-top: 8px;
text-align: center;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-style: normal;
text-decoration: none;
color: white;
float: left;
font-weight: bold;
}
.header-menu h1
{
padding-right: 16px;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-style: normal;
text-decoration: none;
color: crimson;
float: left;
font-weight: bold;
}
.contact-us
{
display: none;
}
/* Formating Mainbody */
.mainbody
{
width: 100%;
z-index: 0;
margin-top: 136px;
margin-bottom: 150px;
}
.mainbody p
{
text-align: center;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 30px;
font-weight: bold;
font-style: normal;
color: white;
padding: 0;
text-decoration: none;
}
.mainbody h1
{
text-align: center;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 24px;
font-weight: bold;
font-style: normal;
color: #fb0197;
padding: 0 3% 0 0;
text-decoration: none;
}
.mainbody h2
{
text-align: left;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-weight: normal;
color: dimgray;
padding: 0 10% 5vh 10%;
clear: both;
}
.mainbody h3
{
text-align: center;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-weight: normal;
color: black;
padding: 5%;
}
.mainbody h4
{
text-align: left;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-weight: normal;
color: dimgray;
padding: 20px 0 20px 0;
}
.mainbody h5
{
text-align: left;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size: 16px;
font-weight: normal;
color: dimgray;
padding: 20px 0 20px 0;
}
.mainbody a:link, a:visited
{
width: 50%;
text-align: center;
padding: 3% 0% 3% 0%;
background-color: red;
color: white;
border-radius: 5px;
font-size: 16px;
text-decoration:none;
font-weight:bold;
margin: auto;
}
.button-sellers-guide
{
clear:both;
margin: auto;
margin-top: 20px;
background-color: #fb0197;
color: white;
border-radius: 15px;
box-sizing: border-box;
width:80%;
padding-top: 18px;
height: 50px;
}
.button-sellers-guide h4
{
color: white;
text-align:center;
font-weight:bold;
padding: 0;
}
.mainbody-page-break-container
{
padding:18px 0 18px 0;
background-color:#fb0197;
}
/* Formatting the Home page */
.home
{
width: 100%;
background-color:white;
background-size:cover;
padding-top: 10%;
}
.home-containter
{
height: auto;
padding-bottom: 10%;
}
.home-text
{
width: 50%;
float: left;
padding-left: 20%;
padding-right: 3%;
padding-top: 12vh;
box-sizing: border-box;
}
.home-text h1
{
padding: 0;
font-size: 36px;
font-weight: bold;
}
.home-text h3
{
font-weight:bold;
font-size: 24px;
}
.home-image
{
width: 50%;
float: left;
}
.home-image img
{
width: 50%;
}
.home-button-sellers-guide
{
margin-left: 10%;
float: left;
background-color: #fb0197;
color: white;
border-radius: 15px;
width: 25%;
padding:20px 0 20px 0;
margin-bottom: 25px;
margin-top: 50px;
}
.home-button-sellers-guide h4
{
color: white;
text-align:center;
font-weight:bold;
font-size: 24px;
padding: 0 10% 0 10%;
}
.home-button-appointment
{
clear: both;
float: left;
margin-left: 20%;
background-color: red;
color: white;
border-radius: 15px;
width: 25%;
padding:20px 0 20px 0;
margin-bottom: 25px;
margin-top: 50px;
}
.home-button-appointment h4
{
color: white;
text-align:center;
font-weight:bold;
font-size: 24px;
padding: 0 10% 0 10%;
}
/* Formatting the Why Use Us page */
.why-use-us
{
width: 100%;
background-color: white;
padding-top: 100px;
padding-bottom: 50px;
clear: both;
}
.why-use-us-container
{
width: 40%;
margin-left: 5%;
margin-right: 5%;
padding-bottom: 25px;
padding-top: 50px;
float: left;
}
.why-use-us-container h1
{
padding: 0 0 12px 0;
font-size: 24px;
color:dimgray;
}
.why-use-us-container img
{
width: 50%;
margin-left: 25%;
}
.why-use-us-container h3
{
text-align:justify;
}
/* Formatting the Pricing page */
.pricing
{
width: 100%;
background-color: white;
box-sizing:border-box;
padding: 10vh 0 10vh 0;
clear: both;
}
.pricing h1
{
padding: 0 0 12px 0;
font-size: 24px;
color:dimgray;
}
.pricing h2
{
font-weight:bold;
text-align: center;
}
.pricing-list
{
width: 40%;
margin-left: 5%;
margin-right: 5%;
float: left;
box-sizing: border-box;
margin-bottom: 5vh;
padding-top: 50px;
}
.pricing-list h3
{
color: black;
padding: 0;
}
.pricing-list h4
{
background-color: white;
font-size: 16px;
text-align:justify;
}
.pricing-list h5
{
background-color: white;
font-size:16px;
text-align:justify;
}
/* Formatting the How It Works page */
.how-it-works
{
width: 100%;
background-color: white;
box-sizing:border-box;
padding: 10vh 0 10vh 0;
clear: both;
}
.how-it-works h1
{
padding: 24px 0 12px 0;
width: 60%;
font-size: 24px;
color: dimgray;
margin: auto;
}
.how-it-works h2
{
text-align: justify;
font-weight: bold;
padding-top: 16px;
}
.how-it-works-holder
{
width: 40%;
margin-left: 5%;
margin-right: 5%;
float: left;
box-sizing: border-box;
height: 600px;
margin-bottom: 0px;
background-color: white;
}
.how-it-works-holder img
{
width: 100%;
background-color: white;
}
.how-it-works-holder h3
{
padding-bottom: 0;
}
.how-it-works h4
{
background-color: white;
font-size: 16px;
text-align:justify;
}
/* Formatting the Savings page */
.savings
{
width: 100vw;
background-color: white;
box-sizing:border-box;
padding: 10vh 0 10vh 0;
clear: both;
}
.savings h2
{
padding: 0 5% 5vh 5%;
}
.savings table
{
width: 90%;
border: medium black solid;
box-sizing:border-box;
border-collapse: collapse;
margin-left: 5%;
}
.savings tr
{
}
.savings th
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 10px;
font-weight: bold;
text-align:center;
color: dimgray;
border: 1px black solid;
vertical-align:middle;
padding: 5px;
}
.savings td
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 12px;
font-weight: bold;
text-align:center;
color: dimgray;
border: 1px black solid;
vertical-align:middle;
padding: 5px;
}
/* Formatting our service area */
.area-service-container
{
height: auto;
width: 100%;
border-bottom:medium dimgray solid;
padding-bottom: 10vh;
background-color: snow;
}
.area-service
{
width: 100%;
background: url('images/dallas-skyline.jpg');
background-size:cover;
height: 30vh;
clear: both;
}
.area-service-container h2
{
padding-top: 5vh;
}
/* Formatting the Selling Your Home page */
.selling
{
width: 100vw;
background-color: white;
box-sizing:border-box;
padding: 10vh 0 10vh 0;
border-bottom: medium dimgray solid;
clear: both;
}
.selling h2
{
padding: 0 5% 10% 5%;
}
.selling table
{
width: 90%;
box-sizing:border-box;
border-collapse: collapse;
margin-left: 5%;
margin-bottom: 10vh;
}
.selling tr:nth-child(even)
{
background-color:ghostwhite;
}
.selling th
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 12px;
font-weight: bold;
text-align:center;
color: white;
background-color:black;
vertical-align:middle;
padding: 5px;
}
.selling td
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 12px;
font-weight: bold;
text-align:center;
color: dimgray;
vertical-align:middle;
padding: 5px;
}
/* Formatting the Testimonial page */
.testimonials
{
width: 100%;
background-color: snow;
box-sizing:border-box;
padding-top: 5%;
padding-bottom: 50px;
}
.testimonials h4
{
background-color: white;
font-size: 16px;
text-align: justify;
}
.testimonials-containter
{
width: 75%;
margin-left: 12.5%;
box-sizing: border-box;
margin-bottom: 10vh;
background-color: white;
padding-top: 24px;
}
.testimonials-container a:link, a:visited
{
background:white;
width: 100%;
padding: 0;
display: inline;
}
.testimonials-containter img
{
display: block;
margin:auto;
}
/* Formatting the Tips To Sell page */
.tips-to-sale
{
width:100%;
padding: 50px 0 50px 0;
}
.tips-to-sale h1
{
padding: 24px 5% 12px 5%;
font-size: 20px;
color: dimgray;
}
.tips-to-sale ol
{
padding: 0;
width: 60%;
margin: auto;
}
.tips-to-sale li
{
background-color: white;
font-size: 16px;
text-align: justify;
font-family: "Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-weight: normal;
color: dimgray;
padding: 24px 0 0 0;
}
/* Formatting the Active Listings page */
.active-listings
{
width: 100%;
}
.active-listings-container
{
width: 100%;
height: 50vh;
padding-bottom:100px;
}
.active-listings h1
{
padding: 24px 5% 36px 5%;
font-size: 20px;
color: dimgray;
}
/* Formatting the New Construction page */
.new-construction
{
width: 100%;
padding-top:100px;
}
/* Formatting Footer */
.footer
{
width: 100%;
background-color: black;
padding: 5% 0 25vw 0;
box-sizing:border-box;
clear: both;
}
.footer-info
{
padding: 2vh 5% 2vh 5%;
}
.footer-links
{
padding: 2vh 5% 2vh 5%;
}
.footer p
{
font-size: 150%;
color: white;
font-weight:bold;
}
.footer h1
{
color: white;
width: 90vw;
font-family:Arial, Helvetica, sans-serif;
font-size: 80%;
padding-left: 5%;
padding-right: 5%;
}
.footer h2
{
font-size: 100%;
color: white;
}
.footer a
{
color: white;
width: 90vw;
font-family:Arial, Helvetica, sans-serif;
font-size: 90%;
}
/* Formatting the Menu Bar */
.menu-bar
{
display: none;
}
/* Formatting the Mobile Menu page */
.menu
{
width: 100vw;
position:fixed;
top: 16vh;
left:0;
}
.menu li
{
width:100%;
height: 40px;
background-color:red;
padding-top:18px;
border-bottom:3px white solid;
}
.menu a:link, a:visited
{
color:white;
font-family:"Droid Sans", sans-serif, "MS Sans Serif", Arial;
font-size:18px;
font-style:normal;
font-weight:bold;
text-align:center;
text-decoration:none;
display:block;
}
.contact-bar
{
display: none;
}
/* Formatting Appointment Form Page */
.form-container
{
width: 100%;
margin-top: 136px;
}
/* Formatting the Contact Us page */
.contactus
{
border-bottom: medium dimgray solid;
padding-top: 10vh;
}
.contactus p
{
padding: 0 0 5vh 0;
}
.contactus h2
{
padding: 0 5% 5vh 5%;
}
.contactus-signupform
{
width: 90%;
margin-left: 5%;
}
.contactus-input-holder label
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 16px;
font-weight: bold;
color: black;
float:left;
}
.contactus-input-holder h6
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 16px;
padding-left: 5px;
font-weight: normal;
font-style:italic;
color: red;
float:left;
}
input
{
margin: 5px 0 10px 0;
border: thin black solid;
height: 24px;
width: 90%;
padding-left: 5px;
}
.contactus-input-holder-radio
{
padding-top:5px;
}
input[type=radio]
{
width: 10%;
height: 16px;
padding-top: 5px;
margin: 0 0 0 0;
float:left;
}
.contactus-input-holder-radio label
{
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 16px;
font-weight: normal;
color: black;
margin: 0 0 0 0;
}
input[type=submit]
{
width: 50%;
height: 10vh;
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 24px;
font-weight: bold;
border-radius: 10px;
background-color: red;
color: white;
margin-top: 5vh;
margin-left: 25%;
}
.input-button
{
clear:both;
padding-top: 5vh;
}
.contactus-info
{
width: 90%;
box-sizing:border-box;
padding: 10vh 0 5vh 0;
clear: both;
}
.contactus-info p
{
text-align: left;
padding: 5vh 0 0 10%;
color:black;
}
.contactus-info h2
{
padding: 0 5% 0 15%;
}
.contactus-info h3
{
padding: 5% 5% 0 10%;
text-align:left;
}
/* Formatting the Phone Number bar */
.phone-bar
{
margin: 5vh 0 5vh 0;
}
.phone-bar a:link
{
padding: 3% 5% 3% 5%;
font-size: 24px;
}
/* Formatting the Cutting Cost page */
.cutting-cost
{
width: 100%;
top: 25vw;
background-color: white;
box-sizing:border-box;
padding-top: 10%;
padding-bottom: 50px;
}
.cutting-cost-container
{
padding:40px 0 50px 0;
width: 75%;
margin: auto;
}
.cutting-cost h2
{
padding: 0vh 5% 16px 5%;
text-align:justify;
}
.cutting-cost h3
{
color: crimson;
padding: 0vh 5% 16px 5%;
text-align:justify;
}
.cutting-cost h4
{
text-align: right;
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 16px;
font-weight: bold;
font-style:italic;
color: black;
padding: 0 10vw 0 5vw;
}
.cutting-cost img
{
display: block;
width: 20%;
margin: auto;
}
/* Formatting the About Us page */
.about
{
width: 100%;
top: 25vw;
background-color: white;
box-sizing:border-box;
padding-top: 5%;
padding-bottom: 25vw;
}
.about-holder
{
width: 60%;
margin:auto;
padding-bottom: 16px;
padding-top: 16px;
height: auto;
border-bottom:medium white solid;
}
.about-holder h1
{
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: dimgray;
padding: 0;
font-style: normal;
text-decoration:none;
}
.about-holder h2
{
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: dimgray;
font-style:normal;
padding-bottom: 12px;
text-decoration:underline;
}
.about-holder img
{
width: 15%;
float: left;
margin-right:5%;
}
/* Formatting the FAQ page */
.faq
{
width: 75%;
margin: auto;
top: 25vw;
background-color: white;
box-sizing:border-box;
padding-top: 5%;
padding-bottom: 25vw;
}
.faq-holder
{
width: 90%;
margin-left: 5%;
padding-bottom: 16px;
padding-top: 16px;
height: auto;
border-bottom:medium white solid;
}
.faq-holder h2
{
padding: 0;
}
.faq-holder h3
{
padding: 0 0 16px 0;
text-align: left;
font-style:italic;
font-weight:bold;
}
/* Formatting the Thank You page */
.thankyou
{
width: 100%;
height: 85vh;
top: 25vw;
background-color: whitesmoke;
box-sizing:border-box;
padding-top: 5%;
padding-bottom: 17vw;
}
.thankyou h1
{
text-align: center;
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 20px;
font-weight: bold;
font-style:italic;
color: crimson;
padding: 1vh 5vw 3vh 5vw;
text-decoration: underline;
}
.thankyou h2
{
text-align: left;
font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 16px;
font-weight: bold;
font-style: normal;
color: black;
padding: 1vh 5vw 3vh 5vw;
}
.mainbody-text h1
{
text-align: center;
color: black;
font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-weight: bold;
font-size: 24px;
padding-top: 5vh;
}
.listing-container
{
width: 90%;
margin-left: 4vw;
margin-right: 4vw;
margin-top: 5vh;
margin-bottom: 5vh;
float: left;
border: 2px black solid;
}
.listing-container-status-available
{
width: 100%;
box-sizing: border-box;
background-color:limegreen;
}
.listing-container-status-available h1
{
text-align: center;
color: black;
font-size: 18px;
padding-top: 9px;
padding-bottom: 9PX;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
.listing-container-status-pending
{
width: 100%;
box-sizing: border-box;
background-color:yellow;
}
.listing-container-status-pending h1
{
text-align: center;
color: black;
font-size: 18px;
padding-top: 9px;
padding-bottom: 9PX;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
.listing-container-status-sold
{
width: 100%;
box-sizing: border-box;
background-color: crimson;
}
.listing-container-status-sold h1
{
text-align: center;
color: black;
font-size: 18px;
padding-top: 9px;
padding-bottom: 9PX;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
.listing-container-picture-holder
{
width: 100%;
height: 67.5vw;
}
.listing-container-picture-holder img
{
width: 100%;
}
.listing-container-picture-holder-left
{
float: left;
width: 10vw;
height: 100%;
background-color:black;
position: absolute;
top: 0;
left: 0;
opacity: .4;
z-index: 1000;
}
.listing-container-picture-holder-right
{
float: left;
width: 10vw;
height: 100%;
background-color:black;
position: absolute;
top: 0;
right: 0;
opacity: .4;
z-index: 1000;
}
.listing-container-status-address
{
width: 100%;
box-sizing: border-box;
background-color:white;
}
.listing-container-status-address h1
{
text-align: center;
color: black;
font-size: 14px;
padding-top: 6px;
padding-bottom: 6PX;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
.listing-container-status-info
{
width: 100%;
box-sizing: border-box;
background-color:white;
}
.listing-container-status-info-price
{
width: 20%;
float: left;
padding-bottom: 1vh;
}
.listing-container-status-info-price h1
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
}
.listing-container-status-info-price h2
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0;
}
.listing-container-status-info-size
{
width: 20%;
float: left;
padding-bottom: 1vh;
}
.listing-container-status-info-size h1
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
}
.listing-container-status-info-size h2
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding:0;
}
.listing-container-status-info-bed
{
width: 20%;
float: left;
padding-bottom: 1vh;
}
.listing-container-status-info-bed h1
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
}
.listing-container-status-info-bed h2
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0;
}
.listing-container-status-info-bath
{
width: 20%;
float: left;
padding-bottom: 1vh;
}
.listing-container-status-info-bath h1
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
}
.listing-container-status-info-bath h2
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0;
}
.listing-container-status-info-garage
{
width: 20%;
float: left;
padding-bottom: 1vh;
}
.listing-container-status-info-garage h1
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
}
.listing-container-status-info-garage h2
{
text-align: center;
color: black;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0;
}
.single-listing
{
width: 90%;
margin-left: 10%;
margin-top: 5vh;
}
}