/* --- Default Values --- */

body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	font:62.5% Helvetica, Arial, sans-serif;
	color:#333333;
}

h1 {
	margin:0;
	padding:0 0 5px 0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size:2.1em;
	font-weight:normal;
	line-height:130%;
	color:#333333;
}

h2 {
	margin:0;
	padding:15px 0 5px 0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size:1.8em;
	font-weight:normal;
	line-height:130%;
	color:#333333;
}

h3 {
	margin:0;
	padding:15px 0 5px 0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size:1.6em;
	font-weight:normal;
	line-height:130%;
	color:#333333;
}

p {
	margin:0;
	padding:5px 0;
	font-size:1.5em;
	line-height:150%;
}

.Bold {
	font-weight:bold;
}

.Underline {
	text-decoration:underline;
}

.Italicize {
	font-style:italic;
}

.Bold_and_Underline {
	font-weight:bold;
	text-decoration:underline;
}

.Italicize_and_Underline {
	font-style:italic;
	text-decoration:underline;
}

.Bold_and_Italicize {
	font-weight:bold;
	font-style:italic;
}

.Bold_Underline_and_Italicize {
	font-weight:bold;
	text-decoration:underline;
	font-style:italic;
}

.Center_Item {
	text-align:center;
}

.Left_Align_Text {
	text-align:left;
}

.Right_Align_Text {
	text-align:right;
}

.Left_Align_Item_with_Padding {
	float:left;
	padding:5px 20px 5px 0;
}

.Right_Align_Item_with_Padding {
	float:right;
	padding:5px 0 5px 20px;
}

a:link, a:visited {
	color:#006cb0;
	text-decoration:underline;
}

a:hover, a:active {
	color:#006cb0;
	text-decoration:none;
}

ul {
	margin:0 0 15px 15px;
	padding:0;
	list-style-type:none;
	font-size:1.5em;
}

ul li {
	padding:3px 0 0 10px;
	line-height:150%;
	background:url(../images/bullet.gif) 0 0.8em no-repeat;
}

ul li ul {
	margin:3px 0 5px 20px;
	padding:0;
	list-style-type:none;
	font-size:1em;
}

ul li ol {
	margin:3px 0 5px 20px;
	padding:0;
	font-size:1em;
}

ol {
	margin:0 0 15px 33px;
	padding:0;
	font-size:1.5em;
}

ol li {
	padding:3px 0 0 10px;
	line-height:150%;
	background:none;
}

ol li ol {
	margin:3px 0 5px 20px;
	padding:0;
	font-size:1em;
}

ol li ul {
	margin:3px 0 5px 20px;
	padding:0;
	list-style-type:none;
	font-size:1em;
}

ol li ul li {
	background:url(../images/bullet.gif) 0 0.8em no-repeat;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

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

/* this hides navigation / sitemap link so that it only displays in mobile devices */
#navHandheld {
	display:none;
}

/* this hides contact info in the footer so that it only displays when printing */
#contactInfoForPrint {
	display:none;
}

/* eliminates extra bottom margin pixels added to images by Firefox and Safari; also gets rid of border on linked images */
img {
	vertical-align:bottom;
	border:none;
}

/* acronyms, abbreviations -- changes cursor -- be sure to have a title attribute that provides the meaning of the acronym or abbreviation */
abbr {
	border-bottom:1px dotted #666666;
	cursor:help;
}

/* -------------------------------------------------- */

/* --- Masthead --- */

#mastheadBg {
	margin:0;
	padding:0;
	width:100%;
	height:149px;
	background:url(../images/masthead-bg.jpg) repeat-x;
}

#masthead {
	position:relative;
	margin:0 auto;
	padding:0;
	width:980px;
	height:149px;
	z-index:99;
}

#logo {
	position:absolute;
	width:149px;
	height:148px;
	top:5px;
	left:0;
}

#tagline {
	position:absolute;
	width:470px;
	height:52px;
	bottom:0;
	left:163px;
}

#topNav {
	position:absolute;
	width:636px;
	height:45px;
	top:0;
	right:0;
}

#phoneNumber {
	position:absolute;
	width:130px;
	height:22px;
	top:61px;
	right:0;
}

#socialMediaMasthead {
	position:absolute;
	width:300px;
	height:35px;
	top:98px;
	right:0;
	text-align:right;
}

/* -------------------------- */

/* --- Homepage Slideshow --- */

#homepageSlideshowBg {
	margin:0;
	padding:0;
	width:100%;
	height:440px;
	background:url(../images/homepage-main-image-bg.gif) repeat-x;
}

#slideShowContainer {
	margin:0 auto;
	padding:0;
	width:980px;
	height:440px;
}

#slideshow {
    position:relative;
	width:980px;
	height:423px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* -------------------------- */

/* --- Homepage Main Content Area --- */

#homepageMainContent {
	margin:30px auto 40px auto;
	padding:0;
	width:980px;
}

#homepageMainContent h1 {
	margin-bottom:10px;
	border-bottom:1px solid #d9d9d9;
}

#homepageBox1 {
	float:left;
	margin:0 50px 0 0;
	width:293px;
	_display:inline; /* IE6 Hack */
}

#homepageBox2 {
	float:left;
	margin:0 50px 0 0;
	width:294px;
	_display:inline; /* IE6 Hack */
}

#homepageBox3 {
	float:left;
	margin:0;
	width:293px;
	_display:inline; /* IE6 Hack */
}

.homepageBoxHeading {
	margin:0;
	padding:0 0 5px 0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size:2.1em;
	line-height:130%;
}

#homepageMainText {
	margin:40px 0 0 0;
	padding:0;
	width:980px;
}

#homepageBigBoxOuter {
	float:left;
	margin:40px 0 0 0;
	padding:10px;
	width:615px;
	border:1px solid #d9d9d9;
	_display:inline; /* IE6 Hack */
}

#homepageBigBoxInner {
	margin:0;
	padding:10px 20px;
	background-color:#e3ebf0;
}

#homepageBlogPosts {
	float:right;
	margin:33px 0 0 0;
	padding:0;
	width:293px;
	_display:inline; /* IE6 Hack */
}

.homepageUnderlinedHeading {
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size:2.1em;
	line-height:130%;
	border-bottom:1px solid #d9d9d9;
}

.homepageBlogPostHeading {
	margin:0 0 10px 0;
	padding:0;
	font-family:Georgia, "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size:1.8em;
	font-style:italic;
	color:#006cb0;
}

/* -------------------------- */

/* --- Internal Page Heading --- */

#headingBg {
	margin:0;
	padding:0;
	width:100%;
	height:63px;
	background:url(../images/heading-bg.gif) repeat-x;
}

#heading {
	margin:0 auto;
	padding:0;
	width:980px;
	height:63px;
}

/* -------------------------- */

/* --- Body Content Area --- */

#mainContent {
	margin:30px auto 40px auto;
	padding:0;
	width:980px;
}

/* -------------------------- */

/* --- Main Column --- */

#mainColumn {
	float:left;
	margin:0;
	padding:0;
	width:637px;
}

#mainColumn h1 {
	margin:0 0 10px 0;
	border-bottom:1px solid #d9d9d9;
}

#gallery {
	margin-top:20px;
}

.centeredItalicFont {
	margin:5px 0;
	padding:0;
	font-family:Georgia, "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size:1.5em;
	font-style:italic;
	text-align:center;
}

.centeredItalicFont a:link, .centeredItalicFont a:visited {
	color:#006cb0;
	text-decoration:underline;
}

.centeredItalicFont a:hover, .centeredItalicFont a:active {
	color:#006cb0;
	text-decoration:none;
}

.horizontalDivider {
	margin:10px 0;
	padding:0;
	width:637px;
	height:1px;
	background-color:#d9d9d9;
}

/* -------------------------- */

/* --- Side Column --- */

#sideColumn {
	float:right;
	margin:0;
	padding:0;
	width:293px;
}

.sideColumnHeading {
	margin:4px 0 10px 0;
	padding:0 0 5px 0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size:1.8em;
	line-height:130%;
	color:#333333;
	border-bottom:1px solid #d9d9d9;
}

.bigItalicFont {
	margin:5px 0;
	padding:0;
	font-family:Georgia, "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size:1.8em;
	font-style:italic;
}

.bigItalicFont a:link, .bigItalicFont a:visited {
	color:#006cb0;
	text-decoration:none;
}

.bigItalicFont a:hover, .bigItalicFont a:active {
	color:#006cb0;
	text-decoration:underline;
}

/* -------------------------- */

/* --- Footer Logos--- */

#footerLogosBg {
	margin:0;
	padding:0;
	width:100%;
	height:130px;
	background:url(../images/footer-logos-bg.gif) repeat-x;
}

#footerLogos {
	position:relative;
	margin:0 auto;
	padding:0;
	width:980px;
	height:130px;
	background:url(../images/footer-logos.jpg) center top no-repeat;
}

#extremeMakeoverLogoLink {
	position:absolute;
	width:115px;
	height:65px;
	top:35px;
	left:0;
}

#extremeMakeoverLogoLink a {
	display:block;
	width:115px;
	height:65px;
}

#oneWeekBathLogoLink {
	position:absolute;
	width:195px;
	height:65px;
	top:35px;
	left:130px;
}

#oneWeekBathLogoLink a {
	display:block;
	width:195px;
	height:65px;
}

/* -------------------------- */

/* --- Footer --- */

#footerBg {
	margin:0;
	padding:0;
	width:100%;
	height:318px;
	background:#000000 url(../images/footer-bg.jpg) repeat-x;
}

#footer {
	position:relative;
	margin:0 auto;
	padding:0;
	width:980px;
	height:318px;
}

#footerContactInfo {
	position:absolute;
	width:372px;
	height:89px;
	top:20px;
	left:0;
	background:url(../images/footer-contact-info-box.png) left top no-repeat !important;
	background:url(../images/footer-contact-info-box.gif) left top no-repeat;
}

#socialMediaFooter {
	position:absolute;
	width:500px;
	height:46px;
	top:50px;
	right:0;
	text-align:right;
}

#footerHorizontalDivider {
	position:absolute;
	width:980px;
	height:1px;
	top:129px;
	left:0;
	background-color:#2b465d;
}

#footerLinks {
	position:absolute;
	width:980px;
	height:90px;
	top:149px;
	left:0;
	font-size:1.2em;
	color:#FFFFFF;
}

#footerLinks a:link, #footerLinks a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#footerLinks a:hover, #footerLinks a:active {
	color:#FFFFFF;
	text-decoration:underline;
}

.footerLinksSet {
	float:left;
	margin:0 33px 0 0;
	width:220px;
	height:90px;
	_display:inline; /* IE6 Hack */
}

.footerLinksSet ul {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:1em;
}

.footerLinksSet ul li {
	padding:0;
	line-height:150%;
	background:none;
}

.footerLinksSetLast {
	float:left;
	margin:0;
	width:220px;
	height:90px;
	_display:inline; /* IE6 Hack */
}

.footerLinksSetLast ul {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:1em;
}

.footerLinksSetLast ul li {
	padding:0;
	line-height:150%;
	background:none;
}

#footerText {
	position:absolute;
	width:980px;
	height:50px;
	bottom:10px;
	left:0;
	font-size:1.1em;
	color:#888888;
}

#footerText a:link, #footerText a:visited {
	color:#888888;
	text-decoration:none;
}

#footerText a:hover, #footerText a:active {
	color:#888888;
	text-decoration:underline;
}

/* -------------------------- */

/* --- Credits --- */

#creditsBg {
	margin:0;
	padding:0;
	width:100%;
	height:48px;
	background:url(../images/credits-bg.gif) repeat-x;
}

#credits {
	margin:0 auto;
	padding:20px 0 0 0;
	width:980px;
	font-size:1.2em;
	color:#404040;
}

#credits a:link, #credits a:visited {
	color:#404040;
	text-decoration:none;
}

#credits a:hover, #credits a:active {
	color:#404040;
	text-decoration:underline;
}

/* -------------------------- */

/* --- Form Attributes --- */

#contactForm {
	margin:10px 0;
	padding:30px;
	border:1px solid #d9d9d9;
}

#contactForm table {
	margin:0;
	padding:0;
	border-collapse:collapse;
}

#contactForm table tr td {
	padding:0 15px 15px 0;
}

#contactForm table tr td.alignRight {
	text-align:right;
	vertical-align:top;
}

#name, #email, #phone, #address, #city, #interested, #remodel, #contactBy, #comments, #referral {
	margin:0;
	padding:3px;
	width:250px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.5em;
	color:#333333;
	border:1px solid #888888;
}

#state, #zipCode {
	margin:0;
	padding:3px;
	width:60px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.5em;
	color:#333333;
	border:1px solid #888888;
}

#comments {
	margin:0;
	padding:3px;
	width:300px;
	height:200px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.5em;
	color:#333333;
	border:1px solid #888888;
}

#contactForm table tr td #spamCode {
	margin:0;
	padding:0;
	border:1px solid #888888;
}

#securityCode {
	margin:0 10px;
	padding:3px;
	width:80px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1em;
	color:#333333;
	border:1px solid #888888;
}

#sendButton {
	margin:0;
	padding:0;
	vertical-align:bottom;
}

/* -------------------------- */