/*------------------------------------------- * Filename: default.css * Description default css * Version 1.0.0 [2011-10-20] * Style ID 2068 * Author: ProSites ---------------------------------------------*/ @import url('//styles.prosites.com/css/global.css'); /* RESETS */ #w_all, #container, #header, #nav_bg, #flash, #panels, #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: #e4e3e1; color: #666; margin: 0px; } body #interior { } body, legend { color: #666; } a:link, a:visited, a:active { color: #196baf; } a:hover { color: #87c4f7; } fieldset,img { border-color: #d0d0c9; } fieldset { padding: 6px; } hr { background-color: #d0d0c9; color: #d0d0c9; } .Button { color: #fff; background: #1b6db1; border: solid 1px #2d6695; } .ButtonHover { color: #fff; background: #292929; border: solid 1px #292929; } /* PARENT WRAPPERS ***** NOTE** indicate wrapper children in ID/class name ******************************/ #w_all { width: 100%; min-width: 1000px; background: url(../images/container_bg.png) top center repeat-y; } #w_header { width: 100%; min-width: 1000px; line-height:0; } #w_panels { width: 100%; min-width: 1000px; background: url(../images/panels_bg.jpg) top center repeat-x; } #interior #w_panels { width: 100%; min-width: 1000px; background: url(../images/panels_bg_interior.jpg) top center repeat-x; } #w_content { width: 100%; min-width: 1000px; height: auto; padding-bottom: 60px; background: url(../images/content_bg_pattern.jpg) top center repeat; /*fill in w_content bg*/ } /* 100% or FIXED BG ELEMENTS ****************************************************************************/ #container_bg{ width: 100%; min-width: 1000px; background: url(../images/container_bg_image.jpg) top center repeat-x; } #interior #container_bg { width: 100%; min-width: 1000px; background: url(../images/container_bg_image_interior.jpg) top center repeat-x; } #header_bg { width: 100%; min-width: 1000px; background: #000000 url(../images/header_bg_image.jpg) top center no-repeat; } #nav_bg { width: 100%; height: 100%; min-width: 1000px; background: url(../images/nav_bg.jpg) top center repeat; line-height: 0px; } #panels_bg { width: 100%; min-width: 1000px; background: url(../images/panels_bg_image.jpg) top center #000000; } #interior #panels_bg { width: 100%; min-width: 1000px; background: url(../images/panels_bg_image_interior.jpg) top center #000000; } #banner_bg { /*- No Div -*/ } #phone_bg { width: 1000px; margin: 0px auto; position: relative; background: red; z-index: 0 } #content_bg { width: 1000px; margin: 0px auto; height: auto; display: inline-table; /*fix issue with margin bottom*/ } #footer_bg { width: 100%; min-width: 1000px; background: url(../images/footer_bg.png) top center repeat-x; color: #fff; clear: both; } /* CONTAINER DIV - OPTIONAL ** use this to contain all the core elements within one wrapper *************/ #container { width: 1000px; height: auto; position: relative; z-index: 0 /*background: url(../images/container_bg_image.jpg) top center repeat;*/ } /* CORE INNER ELEMENTS ****************/ #header { width: 1000px; margin: 0px auto; text-align: center; position: relative; padding: 0px; height:160px; } #nav { width: 1000px; margin: 0px auto; height: auto; padding: 0px; line-height: 0px; } #slides { width: 1000px; height: 334px; margin: 0 auto; position: relative; background: url(../images/panel_container.jpg) top center no-repeat; } #banner { width: 1000px; height: 212px; padding-bottom: 0px; } #phone { height: auto; text-align: center; position: absolute; right: 0px; z-index: 1; bottom: 0px } #content { margin: 0px; padding: 17px 50px 0px 50px; text-align: left; min-height: 400px; } #footer { width: 900px; height: auto; text-align: center!important; color: #858483; font-size: 12px; padding: 20px 0px 10px 0px; } #movie { position:relative; width:181px; height:109px; float:left; z-index:1000; margin-left:64px; margin-top:22px; } /*** 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:334px; display:block; } .pagination { margin: 0px 0 0px 0px; position: absolute; z-index: 50; bottom: 84px; right: 170px;} .pagination li { float: left; list-style-type: none; padding: 0px; margin-right: 2px; } .pagination li a { background: url(../images/banner-onoff-btn.png) top right; height: 15px; width: 15px; display: block; text-indent: -9999px; list-style-type: none; margin: 0 0 0 -24px; outline: none;} .pagination li.current a { background: url(../images/banner-onoff-btn.png) top left; height: 15px; width: 16px; } /***CUSTOM FORMAT specific to CORE INNER ELEMENTS***/ /************************************************ * * * NOTE global.css has additional formatting * * that may effect any custom code added * * below. * * * ************************************************/ .learnmore { position:absolute; margin-left:468px; margin-top:250px;} .learnmore_interior { position:absolute; margin-left:470px; margin-top:126px;} .insurance { position:absolute; margin-left:468px; margin-top:120px;} /*** #header ***********/ #phone img { margin-bottom: 35px; margin-right:48px; border: none; } #header img { border: none; outline: none; } /*** #nav **************/ #nav img { display: inline; margin: 0px 0px 8px; } /*** #content **********/ #content p { } #content a { } /*** #footer ***********/ #footer .footer_nav { margin: 0px; padding: 5px 0px 10px 0px; } #footer p { margin: 0px; padding: 0px; } #footer .devby { margin: 0px; padding: 10px 0px 15px 0px; } #footer br { display: none!important; } /* hide coded breaks*/ #footer a:link, #footer a:visited, #footer a:active { color: #4f96ce; text-decoration: none; font-weight: bold; } #footer a:hover { color: #87c4f7; text-decoration: none; font-weight: bold; } #footer_btm { height: 28px; position: relative; background: url(../images/footer_btm.png) top center no-repeat; display: block; padding-bottom: 30px; } /*** #col1 *************/ #col1 p { } #col1 a { } /************************************************ * * * 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: #d0d0c9; } /* INTERIOR DEFAULT FORMS ******************************************************************************/ /* MAIN CONTACT PAGE FORM **********/ .qcform { background: #e9e9e9; border: 1px #d2d2d2 solid; } /*container form*/ .qcformcolor { background-color: #9a9a9a!important; border: 1px #7d7d7d solid; color: #fff; } /*input field*/ hr.qcform { background-color: #6f645a; color: #dbdeca; } /* MINI FORM PLUGIN ****************/ .m-form, .m-form-low, .m-form-services, .m-form-inner-services { background: #e9e9e9!important; border: 1px #d2d2d2 solid; color: #666; }/*container form*/ .m-formcolor, .m-form-innercolor { background-color: #9a9a9a!important; border: 1px #7d7d7d solid; color: #fff; }/*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*/ } /* MINI FORM POSITION **************/ /*NEED TO ADJUST TOP MARGIN FOR EACH*/ .m-form { margin: 70px 0px 7px 20px; } .m-form-low { margin: 82px 0px 7px 20px; } .m-form-services { margin: 82px 0px 7px 20px; } .m-form-inner-services { margin: 105px 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; } }