/*------------------------------------------- * Filename: default.css * Description default css * Version 1.0.0 [2012-01-06] * Style ID 2004 * Author: ProSites ---------------------------------------------*/ @import url('../../../css/global.css'); /* RESETS */ #w_all, #container, #header, #nav_bg, #flash, #banner, #phone, #footer, #container_bg, #footer_bg { margin: 0 auto; padding: 0px; } body, #w_all, #container_bg, #nav_bg, #phone_bg, #footer_bg, #container, #header { text-align: center; } /*** GENERAL FORMAT *************************************************************************************/ body { background: #f0f3fc; line-height:normal;} body #interior { } body, legend { color: #293C55; } a:link, a:visited, a:active { color: #3d809f; } a:hover { color: #4fa446; } fieldset, img { border-color: #5a8aa4; } hr { background-color: #5a8aa4; color: #5a8aa4; } .ButtonHover { color: #fff; background: #4fa446; border: solid 1px #338e29; } .Button { color: #fff; background: #165372; border: solid 1px #1d4459; } .cnt-tp-img { margin: 0; } .qc-err, .m-error { color: red; } /* PARENT WRAPPERS ***** NOTE** indicate wrapper children in ID/class name ******************************/ #w_all { width: 100%; min-width: 1000px; background: url(http://styles.prosites.com/litesite/2004/images/container_bg.png) top center repeat-y; } #w_footer { width: 100%; min-width: 1000px; font-size: 11px; } /* 100% or FIXED BG ELEMENTS ****************************************************************************/ #container_bg{ width: 100%; margin: 0px auto; padding: 0px; text-align: center; background: url(../images/bg.jpg) top center repeat-x; display: table;} #header_bg { width: 100%; min-width: 1020px; margin: 0px; padding: 0px; text-align: center; background: #729eb6 url(../images/header-bg.jpg) bottom center repeat-x;} #nav_bg { width: 1000px; text-align: center; background: url(../images/nav-bg.png) top center repeat-y;} #panel_bg { width: 1000px; position: relative; background: url(../images/panel_bg.jpg) top center no-repeat; } #banner_bg { /*- No Div -*/ } #phone_bg { width: 100%; height: 46px; background: url(http://styles.prosites.com/litesite/2004/images/phone_BG.jpg) top center no-repeat; } #content_bg { /*- No Div -*/ } #footer_bg {margin: 0px auto; padding: 0px; width: 1000px; font-size: 11px; color: #bfbfbf; background: url(http://styles.prosites.com/litesite/2004/images/footer.jpg) top left repeat-x; text-align: justify; } /* CONTAINER DIV - OPTIONAL ** use this to contain all the core elements within one wrapper *************/ #container { width: 1000px; height: auto; /*background: url(http://styles.prosites.com/litesite/2004/images/container_bg_image.jpg) top center repeat;*/ } /* CORE INNER ELEMENTS ****************/ #header { width: 1000px; } #nav { margin: 0px auto; padding: 0px 20px; } #flash { width: 1000px; position: relative; } #banner { height: 130px; position: relative; } #phone { width: 1000px; height: 67px; margin: 0px auto; position: relative; padding: 0px; text-align: right; background: url(../images/phone-bg.png) top center no-repeat; z-index: 0;} #content { height: 100%; margin: 0px; position: relative; overflow: visible; text-align: left; min-height: 400px; padding: 20px 50px 30px 50px; background: #729eb6 url(../images/content-bg.jpg) top center repeat-y; } #footer { width: 900px; height: auto; text-align: justify; color: #81878b; } /***CUSTOM FORMAT specific to CORE INNER ELEMENTS***/ /************************************************ * * * NOTE global.css has additional formatting * * that may effect any custom code added * * below. * * * ************************************************/ /*** #Container effects ***********/ #container_bg_image { background: url(../images/container-bg-image.jpg) top center no-repeat; } #interior #container_bg { background: url(../images/bg-int.jpg) top center repeat-x; } #interior #container_bg_image { background: url(../images/container-bg-image-int.jpg) top center no-repeat; } #StylizedImage { position: absolute; left: 50px; top: -53px; padding-bottom: 10px; z-index: 5} /*** #header ***********/ #header p { } #header a { } /*** #nav **************/ #nav img { margin:0px; padding: 0px; } /*** #content **********/ #content p { } #content a { } /*** #footer ***********/ #footer .footer_nav { margin: 0px; padding: 20px 0px 6px 0px; } #footer p { margin: 0px; padding: 0px; } #footer .devby { margin: 0px; padding: 6px 0px 20px 0px; } #footer br { display: none; } /* hide coded breaks*/ #footer a:link, #footer a:visited, #footer a:active { color: #5a8aa4; text-decoration: none; font-weight: bold; } #footer a:hover { color: #d8d8d8; text-decoration: none; font-weight: bold; } #footer-btm { height: 30px; position: relative; display: block; } /*** CUSTOM DIVS if any custom CORE INNER ELEMENTS is needed please add in the section below*************/ /* Load CSS before JavaScript */ /* Slides container Important: Set the width of your slides container Set to display none, prevents content flash */ .slides_container { width:1000px; display:none;} /* Each slide Important: Set the width of your slides If height not specified height will be set by the slide content Set to display block */ .slides_container div { width:1000px; height:319px; display:block; } /************************************************ * * * NOTE: Section below is for the default * * pages in the engine. Only color, * * background color and border should be * * changed. There is an exception for custom * * websites. * * * ************************************************/ /* BORDER COLORS FOR DEFAULT PAGES *********************************************************************/ .PageService_Line_Group_Name, .PageService_Line_Item_Name, .PageInternetLink_Category_Container, .PageFAQ_Answer, .PageTestimonial_Intro, .PageTestimonial_Container, .PageContact_Office_Photo, .PageContact_Contact_Photo, .PageContact_Contact_Seperator { border-color: #6c9ab2; } /* INTERIOR DEFAULT FORMS ******************************************************************************/ /* MAIN CONTACT PAGE FORM **********/ .qcform { background: #6c9ab2; border-color: #6c9ab2; } /*container form*/ .qcformcolor { background-color: #d7e1ed; border-color: #6c9ab2; color: #165372; } /*input field*/ hr.qcform { background-color: #8cbbd4; color: #8cbbd4; } /* MINI FORM PLUGIN ****************/ .m-form, .m-form-low, .m-form-services, .m-form-inner-services { background: #6c9ab2; border-color: #6c9ab2; color: #fff; }/*container form*/ .m-formcolor, .m-form-innercolor { background: #d7e1ed; border-color: #36789A; color: #165372; }/*input field*/ .m-form h1, .m-form-low h1, .m-form-services h1, .m-form-inner-services h1 { font-family:arial; /*NEED TO DECLARE FONT HERE*/ } .m-form a:link, .m-form-low a:link, .m-form-services a:link, .m-form-inner-services a:link { color:#ffffff } /* MINI FORM POSITION **************/ /*NEED TO ADJUST TOP MARGIN FOR EACH*/ .m-form { margin: 18px 0px 7px 20px; } .m-form-low { margin: 18px 0px 7px 20px; } .m-form-services { margin: 15px 0px 7px 20px; } .m-form-inner-services { margin: 39px 0px 7px 20px; } /* Webkit - Browsers have an offset of 1px horizontally - due to odd nuber in pixel resolution vieport */ /*@media screen and (-webkit-min-device-pixel-ratio:0) { html { overflow-x: scroll; margin-left: -1px; } }*/