/* CSS Rules /* /* Firouz.com */ /* written by Joseph */ /* GENERAL *******************************************************************************************************************/ body { color: #D9CFB7; font: 13px Verdana, Arial; text-align: center; background: #564C31 url(../images/bg.jpg) top center repeat-x ; margin: 0px; padding: 0px;} #interior { color: #293C55; font: 13px Verdana, Arial; text-align: center; background: #F0F3FC url(../images/bg-int.jpg) top center repeat-x ; } p { border: 0px; } h2,h3 { } hr { color: #796F52; background-color: #796F52; margin: 0px; padding: 0px; border-collapse: collapse; height: 1px; border: 0; } ul { margin: 0px; list-style: none; padding: 10px 0px 10px 15px; background-image: none; } li { padding-left: 15px; background: url(../images/bullet.gif) 0 .5em no-repeat; margin: 0px 5px 5px 0px; } ol li { background-image: none; padding-left: 0px; } fieldset { border: solid 1px #796F52; padding: 6px; } legend { color: #D9CFB7; } a:link, a:visited, a:active { color: #ECE3CF; text-decoration: underline; } a:hover { color: #DE4747; text-decoration: underline; } .Button { color: #FFF; background: #840000; border: solid 1px #7F7354; font-size:11px; text-decoration: none; cursor: pointer; padding: 2px;} .ButtonHover { color: #48412B; background: #C7B78F; border: solid 1px #48412B; font-size:11px; text-decoration: none; cursor: pointer; padding: 2px;} #StylizedImage { position: relative; top: 0px; left: 0px; padding-top: 0px; margin: 0px; } img { border-color: #796F52; } .bold { font-weight: bold; } /* LAYOUT RULES *******************************************************************************************************************/ #bg-container { position: relative; width: 100%; min-height:500px; height:auto !important; height:500px; background-image: url(../images/bg-filler.jpg); background-repeat: no-repeat; background-position:50% top; margin: 0; } #bg-container-interior { position: relative; width: 100%; min-height:500px; height:auto !important; height:500px; background-image: url(../images/bg-filler-interior.jpg); background-repeat: no-repeat; background-position:50% top; margin: 0; } #container2 { margin: 0px auto; width: 950px; padding:0; top: 0; } #header { margin: 0px; padding: 0px;} #procedures { margin: 0; padding: 0px ; border: 0; width: 950px; float: left; text-align: right; height: 110px; float: left; } /* #flash { margin: 0px; padding: 0px; border: 0px; width: 950px; height: 336px; float: left;}*/ #banner { margin: 0px; padding: 0px; border: 0px; width: 950px; height: 148px; float: left; position: relative; } #bg-left { position:absolute; top:-133px; left: 800px; width:172px; height:625px; background:url(../images/bg-left.jpg) no-repeat; } #img-ext-int { position:absolute; top:-76px; left: -127px; width:127px; height:280px; background:url(../images/img-ext-int.jpg) no-repeat; } #logo { float: left; height: 191px; width: 692px;} #address { float: left; height: 191px; width: 258px;} #content { width: 950px; float: left; margin: 0px; padding: 0px; background: url(../images/content-bg.jpg) top repeat-x; text-align: left; } #content-interior { width: 950px; float: left; margin: 0px; padding: 0px; background: url(../images/content-bg-interior.jpg) top repeat-x; text-align: left; } #content #padding { padding: 0px 45px 220px 45px; width: 860px; /*subtract padding from center column width*/ position: relative; overflow: visible; float: left; height: 100%; text-align: left; } #content-interior #padding { padding: 0px 45px 85px 45px; width: 860px; /*subtract padding from center column width*/ position: relative; overflow: visible; float: left; height: 100%; text-align: left; } #content-interior #padding p { margin:13px 0;} #StylizedImage { position: relative; top: -10px; left: 0px; padding: 0px; margin: 0px;} /* NAVIGATION *******************************************************************************************************************/ #nav { text-align: center; float: left; width: 950px; margin: 0px; padding: 0px; background: url(../images/nav.jpg) top left repeat-y; height: auto; height: 100%; } #nav p { margin: 0px; padding: 0px;} /* Footer *******************************************************************************************************************/ #footer-bg { position: absolute; bottom: 0px;/*reduce bottom when footer grows taller in editor*/ left: 0; background-color: #463E28; width: 100%; text-align: center; } #footer { width: 860px; text-align: left; color: #FFEEC5; margin: 0px auto; font-size: 11px; } #footer p { padding: 9px 0px 0px 45px; } #footer .info { display: block; padding: 5px 0px; } #footer br { padding: 0px; margin: 0px; } #footer .text { padding: 0px 0px; float: left; width: 670px; text-align:justify; margin: 10px 28px 0 0; padding-bottom: 20px; line-height: 14px; } #footer .credits { padding: 0px 0px; width:161px; margin-top: 10px; float:right;} .icon { background: url(../images/prosites.png) 5px 0px no-repeat; padding: 1px 0px 10px 35px; position: relative; color: #9c927d!important; outline: none; width: 100px; line-height: 19px; } #footer a:link, #footer a:visited, #footer a:active { color: #FFEEC5; text-decoration: none;} #footer a:hover { color: #A39677; text-decoration: none; } /* FORMS *******************************************************************************************************************/ #form {width:400px;} #form label {width:100px; font-size:.75em;} #form input {color:#666; padding:2px; width:180px; margin-bottom:.5em; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em;} #form select {color:#666; padding:2px; width:192px; height:22px; margin-bottom:.5em; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em;} #form textarea {color:#666; padding:2px; width:396px; 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; color:#333; padding:0;} #form div.column1 {width:180px; float:left;} #form div.column2 {width:180px; float:right;} /*.......(( Dev Edit Classes ))..........................................................*/ /* WYSIWYG CLASSES *******************************************************************************************************************/ /* PageContact */ .PageContact_Office { list-style:none; 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 #796F52; float: left; margin: 0px 0px 10px 15px; } .PageContact_Contact { margin-left: 0px; margin-top: 0px; margin-bottom: 2px; } .PageContact_Contact_Name { font-weight: bold; } .PageContact_Contact_Photo { border: solid 1px #796F52; } .PageContact_Contact_Seperator { margin-top: 20px; padding-top: 5px; border-top: solid 1px #796F52; } /*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 { } .PageInternetLink_Category_Container{ padding-top: 0px; border-top: solid 1px #796F52; 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 { background: none;margin: 0px; padding: 0px; } .PageInternetLink_Link { list-style:none; margin-left: 0px; margin-bottom: 5px; margin-top: 3px; background: none; margin: 0px; padding: 0px; } .PageInternetLink_Link_Url { font-weight: bold; background: none; margin: 0px; padding: 0px; } .PageInternetLink_Link_Description { background: none; margin: 0px; padding: 0px; } /* PageTestimonial */ .PageTestimonial_Intro { padding-bottom: 18px; border-bottom: solid 1px #796F52; } .PageTestimonial_Container { margin: 10px 0px; border-bottom: solid 1px #796F52; } .PageTestimonial_Quote { font-style: italic; /* background: url(../images/testimonial-bg.PNG) bottom center no-repeat; Use ONLY if there is a grapHic used in the bg and mini contact form is on*/ } .PageTestimonial_ProvidedBy { font-weight: bold; text-align:right; padding: 7px 0px 10px 0px; } /* PageFAQ */ .PageFAQ_PageName { font-weight:bold; } .PageFAQ_Intro { } .PageFAQ_Container { padding-top: 10px; padding-left: 5px; } .PageFAQ_Question { padding-bottom:10px; } .PageFAQ_Answer { display:none; padding-bottom:15px; border-bottom: solid 1px #796F52; } .PageFAQ_Answer p { padding-bottom: 10px; margin: 0px; } /* PageService_Intro */ .PageService_Stylized { font-size: 24px; } .PageService_Intro { } .PageService_Group { margin-left: 15px; margin-bottom: 2px; margin-top: 0px; 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-left: 30px; margin-bottom: 2px; margin-top: 0px; list-style:none; padding: 0px; } .PageService_Item_Name { } .PageService_Line_Group_Name { border-bottom: solid 1px #796F52; padding-bottom: 6px; font-weight: bold; } .PageService_Line_Group_Items { text-align: right; padding: 8px 0px 0px 0px; } .PageService_Line_Item_Name { border-bottom: solid 1px #796F52; padding-bottom: 6px; font-weight: bold; } .PageService_Item_Description { padding-top:15px; } /* PageContact-Intro */ .qcform { margin: 0px 0px 0px 15px; text-align: left; background: url(../images/form-header-bg.png) top left repeat; /*border: 1px solid #796F52;*/ } .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: 2px; width: 234px; background-color: #564D32 !important; border: 1px solid #ADA285; color: #E2DAC3; } .qc-err { color:red; } hr.qcform { height:1px; margin: 5px 0px; padding: 0px; color: #E4DDC8; border-collapse: collapse; border: solid 0px;} /* MiniForm*/ .m-form { background: url(../images/form-header-bg.png) top left repeat; /*border: 1px solid #CCB884;*/ width: 148px; padding: 10px 13px; margin: 58px 0px 7px 20px; float:right; } .m-form-low { background: url(../images/form-header-bg.png) top left repeat; /*border: 1px solid #CCB884;*/ width: 148px; padding: 10px 13px; margin: 69px 0px 7px 20px; float:right; } .m-form-services { background: url(../images/form-header-bg.png) top left repeat; /*border: 1px solid #CCB884;*/ width: 148px; padding: 10px 13px; margin: 88px 0px 7px 20px; float:right; } .m-form-inner-services { background: url(../images/form-header-bg.png) top left repeat; /*border: 1px solid #CCB884;*/ width: 148px; padding: 10px 13px; margin: 98px 0px 7px 20px; float:right; } .m-formcolor, .m-form-innercolor { font: 12px verdana, arial, sans-serif; width: 144px; background-color: #564D32 !important; border: 1px solid #ADA285; color: #E2DAC3; 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*/