/* CSS Rules */ /* Style Nguygen */ /* Written by ProSites */ /* GENERAL *******************************************************************************************************************/ body { color: #887e70; font: 12px Arial, Helvetica, sans-serif; font-weight: normal; text-align: center; background: #efe1cf url(../images/bg.jpg) top center repeat-x; margin: 0px; padding: 0px; margin-bottom: 50px; } #interior { color: #887e70; font: 12px Arial, Helvetica, sans-serif; font-weight: normal; text-align: center; background: #efe1cf url(../images/bg-interior.jpg) top center repeat-x; margin: 0px; padding: 0px; margin-bottom: 50px; } p { border: 0px; } h2,h3 { } hr { margin: 0px; padding: 0px; border-collapse: collapse; color: #f7f3ec; height: 1px; border: 0; background-color: #f7f3ec; } a:link, a:visited, a:active { color: #72888a; text-decoration: none; } a:hover { color: #b2a89a; text-decoration: none; } .Button { color: #FFF; background: #6a7e80 url(../images/button.jpg) top center repeat-x; border: none; font-size:11px; text-decoration: none; padding: 6px; cursor: pointer; } .ButtonHover { color: #FFF; background: #c2b9ac url(../images/button-hover.jpg) top center repeat-x; border: none; font-size:11px; text-decoration: none; padding: 6px; cursor: pointer; } #StylizedImage { position: relative; top: -12px; left: 0px; padding-top: 0px; margin: 0px; } #content #StylizedImage { display: none; } ul { /* margin-left: 0; padding-left: 0; */ list-style: none; } li { padding-left: 17px; background-image: none; background: url(../images/bullet.png) 0 .2em no-repeat ; margin: 0px 0px 8px 0px; } /* LAYOUT RULES *******************************************************************************************************************/ #container { width: 100%; height:auto !important; height:500px; margin: 0; position: relative; min-height:500px; background-image: url(../images/bg-image.jpg); background-repeat: no-repeat; background-position:50% top; } #container-interior { width: 100%; height:auto !important; height:360px; margin: 0; position: relative; min-height:500px; background-image: url(../images/bg-image-interior.jpg); background-repeat: no-repeat; background-position:50% top; } #container-inner { margin: 0px auto; width: 960px; padding:0; top: 0; } #header { width: 960px; margin: 0px; padding: 0px; text-align: left;} #flash { width: 960px; height: 407px; margin: 0px; padding: 0px; border: 0px; float: left; } #banner { width: 960px; height: 181px; margin: 0px; padding: 0px; border: 0px; float: left; } #content { width: 960px; margin: 0px; text-align: left; float: left; line-height: 20px; background: #f4ebdf url(../images/content-bg.jpg) top right no-repeat; text-align: left; font-size: 1em; height: 335px;} #content #padding { margin: 0px; text-align: left; float: left; padding-top: 10px; height: 335px;} #content ul { /* margin-left: 0; padding-left: 0; */ list-style: none; margin: 0px; padding: 0px; float: left; margin: 20px 0px 0px 0px;} #content li { padding-left: 17px; background-image: none; background: url(../images/bullet.png) 0 .2em no-repeat; margin: 0px 0px 1px 0px; } #content-box1 { width: 260px; margin: 0px; text-align: left; float: left; padding-left: 225px; height: 335px;} #content-box2 { width: 400px; margin: 0px; text-align: left; float: left; padding: 0px 40px 0px 30px; height: 335px;} #content-interior { width: 960px; margin: 0px; text-align: left; float: left; background: #f4ebdf url(../images/content-bg-interior.jpg) top right no-repeat; text-align: left; } #content-interior #padding { width: 860px; height: 100%; margin: 0px; position: relative; overflow: visible; text-align: left; padding: 40px 50px 40px 50px; text-align:justify; float: left;} .feature { margin-bottom: 10px; } /* NAVIGATION *******************************************************************************************************************/ #nav { width: 960px; margin: 0px; padding: 0px; background: url(../images/nav-bg.jpg) top left repeat-x; float: left; text-align: center; } #nav p { margin: 0px; padding: 0px; } #nav img { padding: 0px; float: left; } #nav-interior { width: 960px; margin: 0px; padding: 0px; background: url(../images/nav-bg-interior.jpg) top left repeat-x; float: left; text-align: center; } #nav-interior p { margin: 0px; padding: 0px; } #nav-interior img { padding: 0px; } /* #nav #nbhu4 { background: url(../images/nbhu4.jpg) top left repeat-x; width: 108px; height: 60px; float: left; } #nav #nbhu4 img { display: none; } */ /* FOOTER *******************************************************************************************************************/ #footer-bar { width: 960px; margin:0px auto; text-align: center; font-size: 12px; color: #FFF; padding: 0px; background: #c4bbb0; height: 55px; clear: both; } #footer-bar .padding { padding-top: 20px; margin: 0px; } #footer-bar span { padding: 0px 4px; color: #e7e1da; } #footer-bar a:hover { color: #fff; } #footer { width: 960px; margin:0px auto; text-align: left; font-size: 11px; color: #b4aa99; padding: 20px 0px; } #footer p { padding: 0px; margin: 0px; } #footer .text { padding: 0px 0px; float: left; width: 610px; text-align: justify; } #footer .social { padding: 0px 0px; margin: 0px; float: right; } #footer .social img { margin-left: 20px; } #footer br { padding: 0px; margin: 0px; } #footer span { color: #fff3e4; } #footer a:link, #footer a:visited, #footer a:active { color: #b4aa99; text-decoration: none; } #footer a:hover { color: #FFF; text-decoration: none; background: none; } .icon { background: url(../images/prosites.png) 5px 2px no-repeat; padding: 5px 0px 10px 40px; position: relative; color: #9c927d!important; outline: none; width: 100px; } /* FORMS *******************************************************************************************************************/ #form { width:400px; } #form label { width:100px; font-size:.75em; } #form input { width:180px; padding:2px; margin-bottom:.5em; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; } #form select { width:192px; padding:2px; height:22px; margin-bottom:.5em; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; } #form textarea { width:396px; padding:2px; height:80px; margin-bottom:.5em; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; } #form input.button { width:67px; height:20px; font-family:Arial, Helvetica, sans-serif; padding:0;} #form div.column1 { width:180px; float:left; } #form div.column2 { width:180px; float:right; } /* DEV EDIT CLASSES *******************************************************************************************************************/ /* PageContact */ .PageContact_Office { list-style:none; font-size:12px; margin-left: 0px; margin-top: 0px; margin-bottom: 2px; padding: 0px; } .PageContact_Office_CompanyName1 { font-size:16px; font-weight: bold; } .PageContact_Office_CompanyName2 { font-size:16px; font-weight: bold; } .PageContact_Office_OfficeLocation { font-size:14px; font-weight: bold; } .PageContact_Office_Photo { border: solid 1px #cdbead; } .PageContact_Contact { font-size:12px; margin-left: 0px; margin-top: 0px; margin-bottom: 2px; } .PageContact_Contact_Name { font-size:14px; font-weight: bold; } .PageContact_Contact_Photo { border: solid 1px #cdbead; } .PageContact_Contact_Seperator { margin-top: 20px; padding-top: 5px; border-top: solid 1px #cdbead; } /*nuke bullets*/ .PageContact_Office li { list-style:none!important; /*ie -->*/ background: none; margin: 0px; padding: 0px;} #_ctl2_pnlForm li { background: none; margin: 0px; padding: 0px; list-style:none!important; } /* PageInternetLink */ .PageInternetLink_Intro { font-size: 12px; } .PageInternetLink_Category_Container{ padding-top: 0px; border-top: solid 1px #cdbead; margin-top: 10px; margin-bottom: 20px; } .PageInternetLink_Category { list-style:none; line-height:18px; margin-left: 0px; margin-bottom: 2px; margin-top: 0px; background: none; padding: 0px; } .PageInternetLink_Category_Name { font-size:18px; font-weight: bold;background: none; margin: 0px; padding: 0px;} .PageInternetLink_Category_Description{ font-size:12px;background: none;margin: 0px; padding: 0px; } .PageInternetLink_Link { list-style:none; font-size:10px; margin-left: 0px; margin-bottom: 5px; margin-top: 3px; background: none; margin: 0px; padding: 0px; } .PageInternetLink_Link_Url { font-size:14px; font-weight: bold; background: none; margin: 0px; padding: 0px; } .PageInternetLink_Link_Description { font-size:12px; background: none; margin: 0px; padding: 0px; } /* PageTestimonial */ .PageTestimonial_Intro { padding-bottom: 18px; } .PageTestimonial_Container { padding-bottom: 20px; } .PageTestimonial_Quote { font-size: 13px; padding: 25px; font-style: italic; background: url(../images/testimonial-bg.PNG) bottom center no-repeat; } .PageTestimonial_ProvidedBy { font-weight: bold; text-align:right; padding: 7px 0px 10px 0px; } /* PageFAQ */ .PageFAQ_PageName { font-size:16px; font-weight:bold; } .PageFAQ_Intro { font-size: 12px; } .PageFAQ_Container { padding-top: 10px; padding-left: 5px; } .PageFAQ_Question { padding-bottom:10px; } .PageFAQ_Answer { display:none; padding-bottom:15px; border-bottom: solid 1px #cdbead; } .PageFAQ_Answer p { padding: 0px; margin: 0px; } /* PageService_Intro */ .PageService_Stylized { font-size: 24px; } .PageService_Intro { } .PageService_Group { margin: 0px 0px 2px 15px; padding: 0px; } .PageService_Group_Name { font-weight: bold; list-style:none; background: none; } .PageService_Group_Name a:link, .PageService_Group_Name a:visited, .PageService_Group_Name a:active { } .PageService_Group_Name a:hover { } .PageService_Group_Description { padding-top: 15px; } .PageService_Item { margin: 0px 0px 2px 30px; padding: 0px; list-style: none; } .PageService_Item_Name { } .PageService_Line_Group_Name { margin: 0px; padding-bottom: 6px; font-size:13px; font-weight: bold; height: 20px; border-bottom: solid 1px #cdbead; } .PageService_Line_Group_Items { padding: 8px 0px 0px 0px; text-align: right; } .PageService_Line_Item_Name { margin: 0px; padding-bottom: 6px; font-size:13px; font-weight: bold; height: 20px; border-bottom: solid 1px #cdbead; } /* PageContact-Intro */ .qcform { margin: 0px 0px 0px 15px; text-align: left; background: #e7e2d9; } .qcform p { text-align: left; padding: 0px 2px 5px; line-height: 16px; margin: 0px; } .qcform td { text-align: left; padding: 2px 15px; vertical-align: bottom; text-align: center; } .qcformcolor { font: 12px verdana, arial, sans-serif; padding: 5px; width: 234px; background: #f8f6f3 !important; border: solid 1px #d3cec5; color: #887e70; } input:focus, textarea:focus, input:hover { background-color: #FFF!important; color: #887e70; } .qc-err { color:red; } hr.qcform { margin: 0px; padding: 0px; border-collapse: collapse; color: #f7f3ec; height: 1px; border: 0; background-color: #f7f3ec; } /* MiniForm*/ .m-form { background: #e7e2d9; width: 148px; padding: 10px 13px; margin: 55px 0px 7px 20px; float:right; } .m-form-low { background: #e7e2d9; width: 148px; padding: 10px 13px; margin: 69px 0px 7px 20px; float:right; } .m-form-services { background: #e7e2d9; width: 148px; padding: 10px 13px; margin: 55px 0px 7px 20px; float:right; } .m-form-inner-services { background: #e7e2d9; width: 148px; padding: 10px 13px; margin: 98px 0px 7px 20px; float:right; } .m-formcolor, .m-form-innercolor { font: 10px verdana, arial, sans-serif; width: 144px; background-color: #f8f6f3!important; border: 1px solid #d3cec5; color: #887e70; margin-top: 5px; padding: 2px; float: right; } .m-error { color: red; } .m-form .right, .m-form-low .right, .m-form-services .right, .m-form-inner-services .right { float: right; margin-top: 5px; } .m-form h1, .m-form-low h1, .m-form-services h1, .m-form-inner-services h1 { font-size:19px; font-weight:bold; padding:0px; margin:0px; margin-bottom:2px; font-family:arial; } .shim { float: right; clear: right; height: 20px; } .shim-none { float: right; clear: right; } .shim-left { float: left; clear: left; height: 20px; display: block; } .return { margin: 0 0 8px; display: block; } /* edit margin for address spacing*/ #txtQCPluginComment { height: 100px; } .m-form-services .Button { color: #FFF; background: #6a7e80 url(../images/button.jpg) top center repeat-x; border: none; font-size:11px; text-decoration: none; padding: 2px; cursor: pointer; } .m-form-services .ButtonHover { color: #FFF; background: #c2b9ac url(../images/button-hover.jpg) top center repeat-x; border: none; font-size:11px; text-decoration: none; padding: 2px; cursor: pointer; } .m-form br { padding: 0px; margin: 0px; border: 0px; }