﻿/* SOVEREIGN HOMES */

body { font-family: arial, sans-serif; font-size: 10pt; color: #899497; background-color: #121212; margin: 0; padding: 0; }

/* TYPE AND IMAGE */

p { line-height: 1.5; }
span.large { font-size: 13pt; color: #899497; }
span.small { font-size: 8pt; color: #899497; }

a, a:visited { color: #f7a11b; text-decoration: none; }
a:hover { text-decoration: underline; }
a.footer, a.footer:visited { color: #899497; }

img { border: 0; padding: 0; }

ul#nav { list-style-type: none; margin: 0; padding: 0; float: left; height: 100px; }
ul#nav li { height: 100px; display: block; float: left; }

hr, hr.subnav { height: 1px; border: 0; background-color: #000; margin: 0; padding: 1px; color: #000; }

div#errorMsg { background-color: #313030; border: 1px solid #464443; padding: 5px; color: #fff45f; margin: 15px 0 15px 0; }
	img.errorAlert { margin-right: 5px; }
	span.errorText { font-size: 7pt; color: #fff45f; }
	
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }

span.navText { visibility: hidden; }
br.clear { display: block; height: 1px; clear: both; }

homeSale span { font-size: 8pt; }
.forPrint {display:none;}
.forPrintHomes {display:none; }

h1.ysh { text-indent: -9999px; background: url(/images/title-yourhome.gif) 0 0 no-repeat; margin: 0; width: 212px; height: 24px; padding: 0; }
h1.bp { text-indent: -9999px; background: url(/images/title-buildingprocess.gif) 0 0 no-repeat; margin: 0; width: 159px; height: 25px; padding: 0; }
h1.bah { text-indent: -9999px; background: url(/images/title-buyinghome.gif) 0 0 no-repeat; margin: 0; width: 159px; height: 25px; padding: 0; }
h1.war { text-indent: -9999px; background: url(/images/title-warranty.gif) 0 0 no-repeat; margin: 0; width: 159px; height: 25px; padding: 0; }

/* STRUCTURE */

#topContainer { width: 100%; background-color: #121212; }
	#headerContainer { width: 933px; margin: auto; height: 100px; background-color: transparent; }
		div.headerLogo { float: left; border-left: 1px solid #303231; }
		a.home { float: left; background: url(/images/nav-home.gif) 0 0 no-repeat; width: 82px; height: 100px; display: block; text-decoration: none; }
		a.gallery { float: left; background: url(/images/nav-gallery.gif) 0 0 no-repeat; width: 92px; height: 100px; border-bottom: 1px solid #121212; display: block; text-decoration: none; }
		a.homesale { float: left; background: url(/images/nav-homesale.gif) 0 0 no-repeat; width: 152px; height: 100px; border-bottom: 1px solid #121212; display: block; text-decoration: none; }
		a.yourhome { float: left; background: url(/images/nav-yourhome.gif) 0 0 no-repeat; width: 207px; height: 100px; border-bottom: 1px solid #121212; display: block; text-decoration: none; }
		a.about { float: left; background: url(/images/nav-about.gif) 0 0 no-repeat; width: 78px; height: 100px; border-bottom: 1px solid #121212; display: block; text-decoration: none; }
		a.contact { float: left; background: url(/images/nav-contact.gif) 0 0 no-repeat; width: 103px; height: 100px; border-right: 1px solid #303231; background-color: #212221; border-bottom: 1px solid #121212; display: block; text-decoration: none; }
		a.home:hover, li.home-s { float: left; background: url(/images/nav-home-r.gif) 0 0 no-repeat; width: 82px; height: 100px; border-bottom: 1px solid #121212; display: block; text-decoration: none; }
		a.gallery:hover, li.gallery-s { float: left; background: url(/images/nav-gallery-r.gif) 0 0 no-repeat; width: 92px; height: 100px; border-bottom: 1px solid #121212; display: block; text-decoration: none; }
		a.homesale:hover, li.homesale-s { float: left; background: url(/images/nav-homesale-r.gif) 0 0 no-repeat; width: 152px; height: 100px; border-bottom: 1px solid #121212; display: block; text-decoration: none; }
		a.yourhome:hover, li.yourhome-s { float: left; background: url(/images/nav-yourhome-r.gif) 0 0 no-repeat; width: 207px; height: 100px; border-bottom: 1px solid #121212; display: block; text-decoration: none; }
		a.about:hover, li.about-s { float: left; background: url(/images/nav-about-r.gif) 0 0 no-repeat; width: 78px; height: 100px; border-bottom: 1px solid #121212; display: block; text-decoration: none; }
		a.contact:hover, li.contact-s { float: left; background: url(/images/nav-contact-r.gif) 0 0 no-repeat; width: 103px; height: 100px; border-right: 1px solid #303231; background-color: #212221; border-bottom: 1px solid #121212; display: block; text-decoration: none; }
#middleContainer { width: 100%; background-color: #171717; padding: 0; clear: left; }
	#bodyContainer { width: 950px; background: url(/images/bg-middle-tiled.jpg) 0 0 repeat-y transparent; overflow: hidden; margin: 0 auto; }
	#bodyContainerInner1 { width: 933px; background: url(/images/content-bg1.jpg) 1px 0 no-repeat transparent; overflow: hidden; margin: 0 0 0 8px; }
	#bodyContainerInner2 { width: 933px; background: url(/images/content-bg2.jpg) 1px 0 no-repeat transparent; overflow: hidden; margin: 0 0 0 8px; }
	#bodyContainerInner3 { width: 933px; background: url(/images/content-bg3.jpg) 1px 0 no-repeat transparent; overflow: hidden; margin: 0 0 0 8px; }
	#bodyContainerInner4 { width: 933px; background: url(/images/content-bg4.jpg) 1px 0 no-repeat transparent; overflow: hidden; margin: 0 0 0 8px; }
	#bodyContainerInner5 { width: 933px; background: url(/images/content-bg5.jpg) 1px 0 no-repeat transparent; overflow: hidden; margin: 0 0 0 8px; }
		div#homeImages { width: 933px; margin: 0 auto; background-color: #121212; }
		div.innerGallery { width: 933px; margin: auto; padding-bottom: 50px; background: url(/images/bg-gallery.gif) right bottom no-repeat transparent; }
			div.subnav { float: left; margin: 0 0 0 1px; width: 217px; background: url('/images/bg-inner.gif') no-repeat left top; padding-top: 65px; }
				a.interior { float: left; background: url(/images/subnav-interior.gif) 0 0 no-repeat transparent; width: 217px; height: 27px; }
				a.exterior { float: left; background: url(/images/subnav-exterior.gif) 0 0 no-repeat transparent; width: 217px; height: 27px; }
				a.interior:hover, span.interior-s { float: left; background: url(/images/subnav-interior-r.gif) 0 0 no-repeat transparent; width: 217px; height: 27px; text-decoration: none; }
				a.exterior:hover, span.exterior-s { float: left; background: url(/images/subnav-exterior-r.gif) 0 0 no-repeat transparent; width: 217px; height: 27px; text-decoration: none; }
				a.buildprocess { float: left; background: url(/images/subnav-buildingprocess.gif) 0 0 no-repeat transparent; width: 217px; height: 27px; }
				a.buildprocess:hover, span.buildprocess-s { float: left; background: url(/images/subnav-buildingprocess-r.gif) 0 0 no-repeat transparent; width: 217px; height: 27px; text-decoration: none; }
				a.buyinghome { float: left; background: url(/images/subnav-buyinghome.gif) 0 0 no-repeat transparent; width: 217px; height: 27px; }
				a.buyinghome:hover, span.buyinghome-s { float: left; background: url(/images/subnav-buyinghome-r.gif) 0 0 no-repeat transparent; width: 217px; height: 27px; text-decoration: none; }
				a.warranty { float: left; background: url(/images/subnav-warranty.gif) 0 0 no-repeat transparent; width: 217px; height: 27px; }
				a.warranty:hover, span.warranty-s { float: left; background: url(/images/subnav-warranty-r.gif) 0 0 no-repeat transparent; width: 217px; height: 27px; text-decoration: none; }
		div.oneCol { float: left; width: 610px; margin: 67px 0 0 83px; }
			div#imageViewer { border: 1px solid #303231; }
			div#imageViewerControls { width: 610px; height: 30px; background-color: #212221; }
				a.previous { float: left; border-left: 1px solid #303231; border-bottom: 1px solid #303231; background: url(/images/but-prev.gif) 0 0 no-repeat transparent; width: 209px; height: 30px; }
				a.next { float: left; border-left: 1px solid #303231; border-bottom: 1px solid #303231; background: url(/images/but-next.gif) 0 0 no-repeat transparent; width: 209px; height: 30px; }
				a.previous:hover { float: left; border-left: 1px solid #303231; border-bottom: 1px solid #303231; background: url(/images/but-prev-r.gif) 0 0 no-repeat transparent; width: 209px; height: 30px; text-decoration: none; }
				a.next:hover { float: left; border-left: 1px solid #303231; border-bottom: 1px solid #303231; background: url(/images/but-next-r.gif) 0 0 no-repeat transparent; width: 209px; height: 30px; text-decoration: none; }
				div#imgNum { float: left; border-left: 1px solid #303231; border-bottom: 1px solid #303231; border-right: 1px solid #303231; display: inline; background-color: transparent; padding: 5px; width: 178px; height: 20px; }
		div.twoCol { float: left; width: 610px; margin: 67px 0 0 83px; }
			div.colA { float: left; width: 421px; margin-right: 29px; }
			div.colB { float: right; width: 160px; }
		div.homeSale { width: 933px; margin: auto; padding-bottom: 50px; background: url(/images/bg-homesale.gif) right bottom no-repeat transparent; }
		div.yourHome { width: 933px; margin: auto; padding-bottom: 50px; background: url(/images/bg-yourhome.gif) right bottom no-repeat transparent; }
		div.about { width: 933px; margin: auto; padding-bottom: 50px; background: url(/images/bg-about.gif) right bottom no-repeat transparent; }
		div.contact { width: 933px; margin: auto; padding-bottom: 50px; background: url(/images/bg-contact.gif) right bottom no-repeat transparent; }
		div.fullSpread { float: left; display: inline; width: 895px; margin: 10px 0 0 20px; }
#bottomContainer { width: 100%; background-color: #121212; margin: 0; }
	#promoContainer { width: 934px; margin: auto; }
		div.promoLeft { float: left; height: 185px; width: 261px; background: url(/images/bg-bottomad-tiled.jpg) 0 0 repeat-x #212221; padding: 20px; border-left: 1px solid #303231; }
		div.promoCenter { float: left; height: 185px; width: 261px; background: url(/images/bg-bottomad-tiled.jpg) 0 0 repeat-x #212221; padding: 20px; border-left: 1px solid #303231; }
		div.promoRight { float: left; height: 185px; width: 287px; background: url(/images/bg-homead-right.gif) 0 0 repeat-x #121212; padding: 20px; border-right: 1px solid #303231; border-left: 1px solid #303231; }
#footerContainer { clear: both; width: 100%; border-top: 1px solid #303231; }
	#footer { width: 900px; margin: 0 auto; padding: 12px 16px; background-color: #1a1a1a; }
		div.footerLeft { float: left; width: 600px; background-color: Transparent; }
		div.footerRight { float: right; width: 170px; background-color: Transparent; text-align: right; }
	#subfooter { text-align: center; margin: 12px auto; font-size: .8em; color: #545151; }
	#subfooter a, #subfooter a:active, #subfooter a:link, #subfooter a:visited { color: #848687; font-weight: normal; }
		
/* OVERLAY */
#overlay { z-index: 1999; width: 97%; margin: 75px 0; padding: 15px; position: absolute; height: 480px; background-color: transparent; display: none; }
.homePageBanner{margin:0; float:left; position:relative; margin:-132px 0 0 0}