/* CSS Rules */ /* Style MySelfDesign */ /* Written by Joseph */ /* GENERAL *******************************************************************************************************************/ body { color: #FFF; font: 13px Arial, Helvetica, sans-serif; text-align: center; background: #194b7d url(../images/bg.jpg) top center repeat-x; margin: 0px; padding: 0px; margin-bottom: 40px;} #interior { color: #FFF; font: 13px Arial, Helvetica, sans-serif; text-align: center; background: #194b7d url(../images/bg-interior.jpg) top center repeat-x; margin: 0px; padding: 0px; margin-bottom: 40px; } h2,h3 { } hr { color: #5A5958; height: 1px; } a:link, a:visited, a:active { color: #fefaca; text-decoration: none; } a:hover { color: #fbc946; text-decoration: none; } .Button { color: #194b7d; background: #0398D4 url(../images/button.jpg) top center repeat-x; border: none; font-size:11px; text-decoration: none; padding: 6px; cursor: pointer; } .ButtonHover { color: #194b7d; background: #639830 url(../images/button-hover.jpg) top center repeat-x; border: none; font-size:11px; text-decoration: none; padding: 6px; cursor: pointer; } #content #StylizedImage { position: relative; top: -12px; left: 0px; padding-top: 0px; margin: 0px; display: none; } ul { /* margin-left: 0; padding-left: 0; */ list-style: none; } li { padding-left: 17px; background-image: none; background: url(../images/bullet.gif) 0 .5em no-repeat ; margin: 5px 5px 5px 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 { margin: 0px auto; width: 960px; padding: 0px 20px; } #header { width: 960px; height: 160px; margin: 0px; padding: 0px; background: url(../images/header-bg.jpg) top right no-repeat; text-align: left;} #header-interior { width: 960px; height: 160px; margin: 0px; padding: 0px; background: url(../images/header-bg-interior.jpg) top right no-repeat; text-align: left;} #flash { width: 960px; height: 310px; margin: 0px; padding: 0px; border: 0px; float: left; } #banner { width: 960px; height: 168px; margin: 0px; padding: 0px; border: 0px; float: left; } #content { width: 960px; margin: 0px; padding: 0px; text-align: left; background: url(../images/content-bg.jpg) top center repeat-x; float: left; } #content-interior { width: 960px; margin: 0px; padding: 0px; text-align: left; background: url(../images/content-bg.jpg) top center repeat-x; float: left; } #content-interior #padding { width: 920px; height: 100%; margin: 0px; position: relative; overflow: visible; text-align: left; padding: 35px 20px 0px 20px; } .content-box1 { width:280px; background: url(../images/content-box1-bg.jpg) top right no-repeat; padding-left: 20px; padding-right: 20px; margin: 0px; float: left; height: 280px;} .content-box2 { width:280px; background-color:#993300; padding-left: 20px; padding-right: 20px; margin: 0px; float: left;background: url(../images/content-box2-bg.jpg) top right no-repeat;height: 280px; } .content-box3 { width:280px; background-color:#993300; padding-left: 20px; padding-right: 20px; margin: 0px; float: left;background: url(../images/content-box3-bg.jpg) top right no-repeat; height: 280px;} .content-box1 h1 { padding: 0px; margin: 0px; display: block; font-family: "Times New Roman", Times; font-weight:normal; padding-top: 35px; } .content-box2 h1 { padding: 0px; margin: 0px; display: block; font-family: "Times New Roman", Times; font-weight:normal; padding-top: 35px;} .content-box3 h1 { padding: 0px; margin: 0px; display: block; font-family: "Times New Roman", Times; font-weight:normal; padding-top: 35px;} .rbroundbox { background: #1e5994; padding: 0px;} .rbtop div { background: url(../images/footer-topleft.jpg) no-repeat top left; padding: 0px; margin: 0px;} .rbtop { background: url(../images/footer-topright.jpg) no-repeat top right; padding: 0px;margin: 0px;} .rbbot div { background: url(../images/footer-bottomleft.jpg) no-repeat bottom left;padding: 0px;margin: 0px;} .rbbot { background: url(../images/footer-bottomright.jpg) no-repeat bottom right;padding: 0px; } /* height and width details */ .rbtop div, .rbtop, .rbbot div, .rbbot { width: 100%; height: 5px; padding: 0px;} .rbcontent { margin: 0 20px; line-height: 15px; text-align:left; padding: 0px; font-size: 11px; } .rbcontent h2 { font-size: 1em; font-weight: bold; font-family : Arial, sans-serif; line-height: 0px; color: #FFF;} .rbroundbox { width: 960px; margin: 0px auto; padding: 0px; padding: 0px; } /* NAVIGATION *******************************************************************************************************************/ #nav { width: 960px; margin: 0px; padding: 0px; background: url(../images/nav-bg.jpg) top left repeat-x; float: left; text-align: center; padding-bottom: 5px; } #nav p { margin: 0px; padding: 0px; } #nav img { padding-left: 1px; } #nav-interior { width: 960px; margin: 0px; padding: 0px; float: left; background: url(../images/nav-bg-interior.jpg) top left repeat-x; float: left; text-align: center; padding-bottom: 5px; } #nav-interior p { margin: 0px; padding: 0px; } #nav-interior img { padding-left: 1px; } /* FOOTER *******************************************************************************************************************/ #footer { width: 960px; margin: 0px auto; text-align: left; font-size: 11px; color: #FFF; padding: 0px } #footer-box { width: 920px; margin: 0px auto; text-align: left; font-size: 11px; color: #FFF; background: #1e5994 url(../images/footer-top-cap.jpg) top left no-repeat; padding: 20px 20px 10px 20px; } #footer-box span { text-align: left; font-size: 11px; color: #FFF; } #footer-bottom { width: 960px; margin: 0px auto; background: #1e5994 url(../images/footer-bottom-cap.jpg) top left no-repeat; height: 4px; } #footer div { } #footer .info { float: left; width: 816px; } #footer br { padding: 0px; margin: 0px; } #footer span { color: #A0836A; } #footer a:link, #footer a:visited, #footer a:active { color: #C0A187; text-decoration: none; } #footer a:hover { color: #FFF; text-decoration: none; background: none!important; } .pro { background: url(../images/prosites.png) 5px 2px no-repeat; padding: 5px 0px 10px 37px; color: #FFF!important; outline: none; width: 140px; } .pro a:hover { color: #FFF;} /* FORMS *******************************************************************************************************************/ #form { width:400px; } #form label { width:100px; font-size:.75em; } #form input { width:180px; color:#666; padding:2px; margin-bottom:.5em; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; } #form select { width:192px; color:#666; padding:2px; height:22px; margin-bottom:.5em; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; } #form textarea { width:396px; color:#666; 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; color:#333; 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 #2866a3; } .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 #2866a3; } .PageContact_Contact_Seperator { margin-top: 20px; padding-top: 5px; border-top: solid 1px #2866a3; } /*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 #2866a3; 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 { font-size: 12px; padding-bottom: 18px; } .PageTestimonial_Container { padding-top: 10px; border-top: solid 1px #2866a3; } .PageTestimonial_Quote { font-size: 12px; font-style: italic; } .PageTestimonial_ProvidedBy { font-size: 12px; 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 { font-size: 12px; padding-bottom:10px; } .PageFAQ_Answer { font-size: 12px; display:none; padding-bottom:15px; border-bottom: solid 1px #2866a3; } /* PageService_Intro */ .PageService_Stylized { font-size: 24px; } .PageService_Intro { font-size: 12px; } .PageService_Group { margin-left: 15px; margin-bottom: 2px; margin-top: 0px; padding: 0px; } .PageService_Group_Name { font-weight: bold; list-style: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; color: FFF; } .PageService_Item { margin-left: 30px; margin-bottom: 2px; margin-top: 0px; list-style:none; padding: 0px; } .PageService_Item_Name { font-size:12px; } .PageService_Line_Group_Name { font-size:13px; border-bottom: solid 1px #2866a3; padding-bottom: 6px; font-weight: bold; } .PageService_Line_Group_Items { font-size:12px; text-align: right; padding: 8px 0px 0px 0px; } .PageService_Line_Item_Name { font-size:13px; border-bottom: solid 1px #2866a3; padding-bottom: 6px; font-weight: bold; } .PageService_Item_Description { padding-top:15px; } /* PageContact-Intro */ .qcform { margin: 0px 0px 0px 15px; text-align: left; background: #1e5994; /*border: 1px solid #2866a3;*/ } .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; color: #fff; } .qcformcolor { font: 12px verdana, arial, sans-serif; padding: 2px; width: 234px; background-color: #133a61 !important; border: none; color: #FFF; } .qc-err { color:red; } hr.qcform { height:1px; margin: 5px 0px; padding: 0px; border-collapse: collapse; border: #4675a6 solid 0px; } /* MiniForm*/ .m-form { background: #1e5994; /*border: 1px solid #CCB884;*/ width: 148px; padding: 10px 13px; margin: 60px 0px 7px 20px; float:right; } .m-form-low { background: #1e5994; /*border: 1px solid #CCB884;*/ width: 148px; padding: 10px 13px; margin: 69px 0px 7px 20px; float:right; } .m-form-services { background: #1e5994; /*border: 1px solid #CCB884;*/ width: 148px; padding: 10px 13px; margin: 88px 0px 7px 20px; float:right; } .m-form-inner-services { background: #1e5994; /*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: #133a61 !important; border: 0px solid #BABABA; color: #FFF; 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*/ /* BMI-Calculator */ #bmi-container { width: 285px; float: left; } .bmi-border { margin: 0px; background: #1e5994; /*border: 1px solid #B6C188D;*/ width: 285px; height: 410px; float: left; color: #1e5994; } .bmi-content { margin: 25px; text-align: left; background: #fff url(http://styles.prosites.com/5234/images/bmi-bg.jpg) top left repeat-x; width: 235px; height: 360px; float: left;} .bmi-yourbmi { margin: 90px 0px 5px 5px; float: left; font-weight: bold; text-align: center; width: 230px; color: white; } .bmi-table { text-align: left; margin: 90px 0px 0px 10px; float: left; clear: left; width: 235px; } .bmi-form { font: 12px verdana, arial, sans-serif; padding: 2px; width: 50px; background-color: #133a61 !important; border: none; color: #FFF; text-align: center; } .bmi-form-2 { font: 12px verdana, arial, sans-serif; padding: 2px; width: 40px; background-color: #133a61 !important; border: none; color: #FFF; } .bmi-submit { text-align: center; margin: 15px 0px 0px 0px; float: left; clear: left; width: 235px; }