/* Global Styles */
html,body { background-color: #D5D5D5; background-image:url(images/pagebg.jpg); background-repeat: repeat-x; margin: 0px 0px 0px 0px; }
a { color: black; text-decoration: underline; }
#pagemargins { width: 852px; height: auto; background-image:url(images/bodybg.gif); background-repeat: repeat-y; margin-left: auto; margin-right: auto; margin-top: 20px; }
#pagecontent { width: 843px; height: auto; margin-left: auto; margin-right: auto; background-color: #F9F9F9; }
.header { width: 843px; height: 121px; border-width: 0px 0px 0px 0px; }
.copy { color: black; font-weight: normal; font-size: 0.8em; font-family: arial,Arial,helvetica,Helvetica,sans-serif; line-height: 1.6; }
.whitecopy { color: white; font-weight: normal; font-size: 0.8em; font-family: arial,Arial,helvetica,Helvetica,sans-serif; line-height: 1.6; }
.headercopy { color: black; font-weight: normal; font-size: 1.1em; font-family: arial,Arial,helvetica,Helvetica,sans-serif; line-height: 1.6; }
.headercopy2 { color: #832C25; font-weight: normal; font-size: 1.1em; font-family: arial,Arial,helvetica,Helvetica,sans-serif; line-height: 1.6; }
.whiteheadercopy { color: white; font-weight: normal; font-size: 1.1em; font-family: arial,Arial,helvetica,Helvetica,sans-serif; line-height: 1.6; }
.smallformfield { width: 45px; height: auto; }
.medformfield { width: 200px; height: auto; }
.nomargins { margin: 0px 0px 0px 0px; }
.row { clear: both; }
.aligntop { vertical-align: top; }
.aligncenter { text-align: center; }
.alignright { text-align: right; }

/* Navigation Styles */
#navbar { width: 843px; height: 33px; background-image:url(images/navbg.jpg); background-repeat: repeat-x; margin-left: auto; margin-right: auto; border-top: 1px solid #CCC2C1; }
#navbar a { color: black; text-decoration: none; }
#navbar a:hover { text-decoration: underline; }
.navcopy { color: #01123E; font-weight: bold; font-size: 0.8em; font-family: arial,Arial,helvetica,Helvetica,sans-serif; }
.menudivider { float: left; width: 1px; height: 33px; background-color: #CCC2C1; }
.selectednavitem { background-image:url(images/navbgselected.jpg); background-repeat: repeat-x; }
#menuitem1 { float: left; width: 103px; height: auto; text-align: center; margin-top: 5px; padding: 3px 0px 11px 0px; }
#menuitem2 { float: left; width: 93px; height: auto; text-align: center; margin-top: 5px; padding: 3px 0px 11px 0px; }
#menuitem3 { float: left; width: 103px; height: auto; text-align: center; margin-top: 5px; padding: 3px 0px 11px 0px; }
#menuitem4 { float: left; width: 153px; height: auto; text-align: center; margin-top: 5px; padding: 3px 0px 11px 0px; }
#menuitem5 { float: left; width: 93px; height: auto; text-align: center; margin-top: 5px; padding: 3px 0px 11px 0px; }
#menuitem6 { float: left; width: 178px; height: auto; text-align: center; margin-top: 5px; padding: 3px 0px 11px 0px; }
#menuitem7 { float: left; width: 108px; height: auto; text-align: center; margin-top: 5px; padding: 3px 0px 11px 0px; }
#subnav { width: 843px; height: 8px; background-image:url(images/subnavbg.jpg); background-repeat: repeat-x; }

/* Footer Styles */
#prefooter { width: 852px; height: 14px; background-color: #576DA6; margin-left: auto; margin-right: auto; }
#footer { width: 852px; height: auto; margin-left: auto; margin-right: auto; margin-top: 10px; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footerlinks { float: left; width: 700px; height: auto; }
.footerlogos { float: right; width: 125px; height: 43px; border-width: 0px 0px 0px 0px; }

/* Home Page Styles */
#homepgcontent1 { width: 818px; height: 230px; margin-left: auto; margin-right: auto; margin-top: 20px; }
#homepgcontenttop1a { float: left; width: 366px; height: 140px; background-color: #812C25; }
#homepgcontentbottom1a { float: left; width: 366px; height: 90px; background-color: #D1DEEE; }
.homepgcontent1b { float: right; width: 452px; height: 220px; border-width: 0px 0px 0px 0px; border-bottom: 15px solid #D1DEEE; }
.homepgcontent1padding { padding: 8px 5px 8px 15px; }
#newslettersignup { width: 245px; height: auto; margin-top: 8px; }
#homepgcontent2 { width: 818px; height: 450px; margin-left: auto; margin-right: auto; margin-top: 20px; }
#homepgcontent2a { float: left; width: 364px; height: 450px; background-color: #F8F2F2; border: 1px dotted black; }
.homepgcontentphoto2a { float: left; width: 138px; height: 207px; border-width: 0px 0px 0px 0px; padding: 0px 10px 5px 0px; }
.homepgcontent2padding { padding: 8px 5px 8px 8px; }
#homepgcontenttop2b { float: right; width: 440px; height: 255px; background-color: white; }
#homepgcontentbottom2b { float: right; width: 440px; height: 140px; margin-top: 10px; background-color: white; }
.homepgcontent2bpadding { padding: 8px 8px 8px 8px; }
.homepgcontentphototop2b { float: left; width: 147px; height: 219px; border-width: 0px 0px 0px 0px; padding: 0px 10px 5px 0px; }
.homepgcontentphotobottom2b { float: left; width: 148px; height: 104px; border-width: 0px 0px 0px 0px; padding: 0px 10px 5px 0px; }
.signupdropshadow { float: left; width: 366px; height: 5px; border-width: 0px 0px 0px 0px; }

/* Global Interior Page Styles */
#interiornav { float: left; width: 200px; height: auto; background-color: white; margin-top: 5px; }
#interiorbody { float: left; width: 610px; height: auto; margin: 5px 15px 0px 15px; }
.subnavitem { width: 187px; height: auto; background-color: #F2F2E8; margin: 5px 8px 5px 5px; }
.subnavitempadding { padding: 8px 10px 8px 10px; }
.subnavitempadding a { text-decoration: none; }
.subnavitempadding a:hover { text-decoration: underline; }
.selectedsubnavitem { color: #832C25; background-color: white; }
#interiorpromobody { float: right; width: 608px; height: auto; margin: 5px 15px 0px 15px; border: 1px dotted black; background-color: #F8F2F2; }
.interiorpromobodypadding { padding: 8px 8px 8px 8px; }
.imginteriorphotoheader { width: 608px; height: 135px; border-width: 0px 0px 0px 0px; margin-left: auto; margin-right: auto; margin-bottom: 3px; }

/* Window, Door, and Siding Gallery Styles 610px */
#galleryframe { width: 610px; height: 120px; border: 1px solid black; margin: 8px 0px 8px 0px; }
#gallerythumbpadding { padding: 10px 10px 10px 0px; border-width: 0px 0px 0px 0px; }
.imggallerythumb { width: 100px; height: auto; border-width: 0px 0px 0px 0px; margin-left: 10px; }
#galleryphotobox { width: 610px; height: auto; }
#imggalleryphoto { border-width: 0px 0px 0px 0px; }

/* Windows Section Styles */
.imgawningphoto1 { float: left; width: 250px; height: 211px; border-width: 0px 0px 0px 0px; margin: 0px 8px 8px 0px; }
.imgsliderphoto1 { float: right; width: 250px; height: 285px; border-width: 0px 0px 0px 0px; margin: 0px 0px 8px 8px; }
.imgbayphoto1 { float: right; width: 250px; height: 196px; border-width: 0px 0px 0px 0px; margin: 0px 0px 8px 8px; }
.imgbowphoto1 { float: left; width: 250px; height: 194px; border-width: 0px 0px 0px 0px; margin: 0px 8px 8px 0px; }
.imggardenphoto1 { float: right; width: 250px; height: 212px; border-width: 0px 0px 0px 0px; margin: 0px 0px 8px 8px; }
.imgcasementphoto1 { float: right; width: 250px; height: 353px; border-width: 0px 0px 0px 0px; margin: 0px 8px 8px 0px; }
.imgdoublehungphoto1 { float: right; width: 250px; height: 355px; border-width: 0px 0px 0px 0px; margin: 0px 0px 0px 8px; }
.imgwindowcleaningphoto1 { float: right; width: 250px; height: 395px; border-width: 0px 0px 0px 0px; margin: 0px 0px 8px 8px; }
.imgwindowspecialofferphoto1 { float: left; width: 250px; height: 312px; border-width: 0px 0px 0px 0px; margin: 0px 8px 8px 0px; }
.imgtiltwindowdiagram { float: right; width: 300px; height: 227px; border-width: 0px 0px 0px 0px; margin: 0px 0px 0px 8px; }
.imgglassphoto1 { float: right; width: 250px; height: 376px; border-width: 0px 0px 0px 0px; margin: 0px 0px 0px 8px; }

/* Doors Section Styles */
.imgdoorsentryphoto1 { float: right; width: 350px; height: 460px; border-width: 0px 0px 0px 0px; margin: 0px 0px 0px 8px; }
.imgdoorsphoto2 { float: right; width: 250px; height: 165px; border-width: 0px 0px 0px 0px; margin: 0px 8px 8px 8px; }
.imgdoorspecialofferphoto1 { float: left; width: 150px; height: 558px; border-width: 0px 0px 0px 0px; margin: 0px 8px 8px 0px; }
.imgdoorshardwarephoto1 { float: left; width: 250px; height: 206px; border-width: 0px 0px 0px 0px; margin: 0px 8px 0px 0px; }
.imgslidingpatiodoorphoto1 { float: left; width: 250px; height: 197px; border-width: 0px 0px 0px 0px; margin: 0px 8px 0px 0px; }
.imgslidingpatiodoorphoto2 { float: right; width: 250px; height: 203px; border-width: 0px 0px 0px 0px; margin: 0px 0px 8px 8px; }
.imgstormdoorphoto1 { float: left; width: 250px; height: 251px; border-width: 0px 0px 0px 0px; margin: 0px 8px 0px 0px; }
.imghingedpatiodoorphoto1 { float: right; width: 450px; height: 400px; border-width: 0px 0px 0px 0px; margin: 0px 0px 0px 8px; }
.imgdoorhardwarephoto1 { float: right; width: 150px; height: 712px; border-width: 0px 0px 0px 0px; margin: 0px 0px 0px 8px; }

/* About Section Styles */
.imgjoinourteamphoto1 { float: left; width: 250px; height: 254px; border-width: 0px 0px 0px 0px; margin: 0px 8px 8px 0px; }

/* Buyers and Sellers Section Styles */
.imgbuyersandsellersphoto1 { float: right; width: 250px; height: 175px; border-width: 0px 0px 0px 0px; margin: 0px 0px 8px 8px; }

/* General Services Section Styles */
.imggeneralservicesphoto1 { float: right; width: 250px; height: 175px; border-width: 0px 0px 0px 0px; margin: 0px 0px 8px 8px; }

/* Siding Section Styles */
.imgsidingrepairphoto1 { float: right; width: 250px; height: 237px; border-width: 0px 0px 0px 0px; margin: 4px 0px 0px 8px; }
.imgsidingrepairphoto2 { float: right; width: 250px; height: 250px; border-width: 0px 0px 0px 0px; margin: 0px 0px 8px 8px; }
.imgsidingphoto1 { float: left; width: 250px; height: 303px; border-width: 0px 0px 0px 0px; margin: 0px 8px 0px 0px; }
.imgsidingspecialoffers { float: left; width: 250px; height: 250px; border-width: 0px 0px 0px 0px; margin: 0px 8px 0px 0px; }
